feat: update seo optimization

app/(website)/download/download.tsx

@@ -0,0 +1,37 @@
+"use client"
+import BBiBBiHead from "@/components/BBiBBiHead";
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+
+export default function Download() {
+    return <>
+        <BBiBBiHead title={"삐삐 - 다운로드"} description={"삐삐를 다운로드해요"}/>
+        <div>
+            <div className={"flex flex-col justify-start items-start py-40 pt-48"}>
+                <div className={"flex flex-col justify-center items-center h-50vw w-screen gap-8"}>
+                    <div className="profile-image">
+                        <Link href="/">
+                            <img width={300}
+                                 src="https://application-logos.s3.amazonaws.com/067ac952d6a15b3488f7cacefe9e193d.png"
+                                 alt="image"/>
+                        </Link>
+                    </div>
+                    <div className="pt-3 flex flex-col justify-center items-center">
+                        <h1 className="text-gray-300 text-2xl">삐삐 - 가족 일상 위젯</h1>
+                        <p className="text-gray-300 text-xl pt-3">하루에 한 번 가족에게 보내는 생존신고 서비스</p>
+                        <div className={"flex flex-row justify-center items-center pt-8 gap-3"}>
+                            <Link
+                                href="https://play.google.com/store/apps/details?id=com.no5ing.bbibbi&pli=1">
+                                <Image height={320} width={160} src="/googleplay.png" alt={"playstore"}/>
+                            </Link>
+                            <Link href="https://apps.apple.com/kr/app/bibbi/id6475082088">
+                                <Image height={320} width={160} src="/appstore.png" alt={"appstore"}/>
+                            </Link>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </>
+}

app/(website)/download/page.tsx

@@ -1,42 +1,15 @@
-"use client"
-import BBiBBiHead from "@/components/BBiBBiHead";
-import Image from "next/image";
-import Link from "next/link";
-import NavigationBar from "@/components/layout/NavigationBar";
-import FooterBar from "@/components/layout/FooterBar";
+
 import React from "react";
+import Download from "@/app/(website)/download/download";
+import {Metadata} from "next";
 
-export default function Download() {
+export const metadata: Metadata = {
+  title: '삐삐 다운로드 | 삐삐',
+  description: '가족 일상공유 어플리케이션',
+}
 
+export default function DownloadPage() {
   return <>
-    <BBiBBiHead title={"삐삐 - 다운로드"} description={"삐삐를 다운로드해요"}/>
-    <div>
-      <div className={"flex flex-col justify-start items-start py-40 pt-48"}>
-        <div className={"flex flex-col justify-center items-center h-50vw w-screen gap-8"}>
-          <div className="profile-image">
-            <Link href="/">
-              <img width={300}
-                   src="https://application-logos.s3.amazonaws.com/067ac952d6a15b3488f7cacefe9e193d.png"
-                   alt="image"/>
-            </Link>
-          </div>
-          <div className="pt-3 flex flex-col justify-center items-center">
-            <h1 className="text-gray-300 text-2xl">삐삐 - 가족 일상 위젯</h1>
-            <p className="text-gray-300 text-xl pt-3">하루에 한 번 가족에게 보내는 생존신고 서비스</p>
-            <div className={"flex flex-row justify-center items-center pt-8 gap-3"}>
-              <Link
-                href="https://play.google.com/store/apps/details?id=com.no5ing.bbibbi&pli=1">
-                <Image height={320} width={160} src="/googleplay.png" alt={"playstore"}/>
-              </Link>
-              <Link href="https://apps.apple.com/kr/app/bibbi/id6475082088">
-                <Image height={320} width={160} src="/appstore.png" alt={"appstore"}/>
-              </Link>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-
+    <Download/>
   </>
 }