Merge pull request #182 from prgrms-aibe-devcourse/style/main-Yoepee

[style] 메인페이지 문구 수정

Author: Yoepee

src/app/favicon.ico

@@ -10,8 +10,8 @@ import { Toast } from "@/components/ui/toast";
 import { Footer } from "@/components/layout/footer";
 import { Header } from "@/components/layout/header";
 
-import { NotificationSSEProvider } from "@/components/notification/NotificationSSEProvider";
 import { ChatRoomsProvider } from "@/components/chat/ChatRoomsProvider";
+import { NotificationSSEProvider } from "@/components/notification/NotificationSSEProvider";
 
 import "./globals.css";
 
@@ -26,8 +26,9 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "취밋",
-  description: "P2P 취미 장비 대여 플랫폼",
+  title: "CHWI·MEET | 취미를 만나다",
+  description:
+    "P2P 기반 취미 장비 대여 플랫폼, 필요한 장비를 안전하게 빌려보세요.",
 };
 
 export default function RootLayout({

src/app/layout.tsx

@@ -11,9 +11,11 @@ import { useRouter } from "next/navigation";
 
 import type { Category, Post, ReceiveMethod, Region } from "@/types/domain";
 
-import { parseLocalDateString } from "@/lib/utils";
 import { getImageUrl } from "@/lib/utils/image";
 
+import { parseLocalDateString } from "@/lib/utils";
+
+import { AISearchIcon } from "@/components/ui/ai-search-icon";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -29,7 +31,6 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { AISearchIcon } from "@/components/ui/ai-search-icon";
 
 import { useAuthStore } from "@/store/authStore";
 
@@ -49,12 +50,6 @@ import {
   TrendingUp,
 } from "lucide-react";
 
-const RECEIVE_METHOD_LABELS: Record<ReceiveMethod, string> = {
-  DIRECT: "직거래",
-  DELIVERY: "택배",
-  ANY: "상관없음",
-};
-
 /**
  * 홈 페이지
  */
@@ -71,33 +66,11 @@ const RECEIVE_METHOD_LABELS: Record<ReceiveMethod, string> = {
  * 홈 페이지
  */
 
-/**
- * 홈 페이지
- */
-
-/**
- * 홈 페이지
- */
-
-/**
- * 홈 페이지
- */
-
-/**
- * 홈 페이지
- */
-
-/**
- * 홈 페이지
- */
-
-/**
- * 홈 페이지
- */
-
-/**
- * 홈 페이지
- */
+const RECEIVE_METHOD_LABELS: Record<ReceiveMethod, string> = {
+  DIRECT: "직거래",
+  DELIVERY: "택배",
+  ANY: "상관없음",
+};
 
 /**
  * 홈 페이지
@@ -145,10 +118,10 @@ export default function Home() {
           <div className="container relative mx-auto px-4">
             <div className="mx-auto max-w-4xl text-center">
               <h1 className="mb-6 text-5xl font-bold md:text-6xl lg:text-7xl">
-                P2P 취미 장비 대여 플랫폼
+                CHWI·MEET, 취미 대여
               </h1>
               <p className="mb-10 text-xl text-blue-50 md:text-2xl">
-                필요한 장비를 쉽고 빠르게 대여하세요
+                원하는 활동에 맞는 장비를 쉽고 빠르게 빌려보세요.
               </p>
               {/* AI 검색 바 */}
               <div className="mb-8" data-ai-search-bar>
@@ -169,7 +142,7 @@ export default function Home() {
                       value={searchQuery}
                       onChange={(e) => setSearchQuery(e.target.value)}
                       onKeyDown={handleKeyDown}
-                      placeholder="어떤 장비를 찾고 있나요?"
+                      placeholder="예) 혼자 캠핑 갈 건데 필요한 장비 알려줘"
                       className="flex-1 border-0 text-gray-900 focus-visible:ring-0 focus-visible:ring-offset-0"
                     />
                     <Button
@@ -280,7 +253,9 @@ export default function Home() {
                         if (child) return child;
                       }
                       if (category.children) {
-                        const child = category.children.find((c) => c.id === id);
+                        const child = category.children.find(
+                          (c) => c.id === id,
+                        );
                         if (child) return child;
                       }
                     }
@@ -333,7 +308,8 @@ export default function Home() {
                     toggleFavoriteMutation.mutate(post.id);
                   };
 
-                  const isAuthor = user?.id === (post.author?.id ?? post.authorId);
+                  const isAuthor =
+                    user?.id === (post.author?.id ?? post.authorId);
 
                   return (
                     <div key={post.id} className="relative">
@@ -369,7 +345,9 @@ export default function Home() {
                               )}
                               {isAuthenticated && isAuthor && (
                                 <TooltipContent>
-                                  <p>자신의 게시글에는 즐겨찾기를 할 수 없습니다.</p>
+                                  <p>
+                                    자신의 게시글에는 즐겨찾기를 할 수 없습니다.
+                                  </p>
                                 </TooltipContent>
                               )}
                             </Tooltip>

src/app/page.tsx

@@ -6,7 +6,6 @@
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import {
-  Home,
   FileText,
   Calendar,
   MessageCircle,
@@ -22,6 +21,7 @@ import { MemberRole } from "@/types/domain";
 
 import { Button } from "@/components/ui/button";
 import { AISearchIcon } from "@/components/ui/ai-search-icon";
+import { LogoChwimeet } from "@/components/ui/logo-chwimeet";
 import { useAuthStore } from "@/store/authStore";
 import { useNotificationStore } from "@/store/notificationStore";
 import { useChatStore } from "@/store/chatStore";
@@ -60,9 +60,12 @@ export function Header() {
   return (
     <header className="sticky top-0 z-50 w-full border-b border-gray-200 bg-white">
       <div className="container mx-auto flex h-16 items-center justify-between px-4">
-        <Link href="/" className="flex items-center gap-2 text-xl font-bold text-blue-600 hover:text-blue-700">
-          <Home className="h-6 w-6" />
-          <span>취밋</span>
+        <Link
+          href="/"
+          className="flex items-center gap-2 text-xl font-bold text-blue-600 hover:text-blue-700"
+          aria-label="홈"
+        >
+          <LogoChwimeet className="h-8 w-auto" />
         </Link>
 
         <nav className="flex items-center gap-2">

src/components/layout/header.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+interface LogoChwimeetProps {
+  className?: string;
+  width?: number;
+  height?: number;
+}
+
+export function LogoChwimeet({
+  className,
+  width = 160,
+  height = 32,
+}: LogoChwimeetProps) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 320 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <text
+        x="0"
+        y="44"
+        fill="#0F172A"
+        fontSize="40"
+        fontWeight="900"
+        fontFamily="Arial, sans-serif"
+      >
+        CHWI
+      </text>
+      <text
+        x="120"
+        y="44"
+        fill="#2563EB"
+        fontSize="40"
+        fontWeight="900"
+        fontFamily="Arial, sans-serif"
+      >
+        MEET
+      </text>
+    </svg>
+  );
+}
+