Pinback-Team
diff --git a/‎apps/client/index.html‎
Lines changed: 5 additions & 1 deletion b/‎apps/client/index.html‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎apps/client/public/chippi_extension_popup.svg‎
Lines changed: 9 additions & 0 deletions b/‎apps/client/public/chippi_extension_popup.svg‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎apps/landing/index.html‎
Lines changed: 6 additions & 2 deletions b/‎apps/landing/index.html‎
Lines changed: 6 additions & 2 deletions
diff --git a/‎apps/landing/public/chippi_extension_popup.svg‎
Lines changed: 9 additions & 0 deletions b/‎apps/landing/public/chippi_extension_popup.svg‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎apps/landing/public/vite.svg‎
Lines changed: 0 additions & 1 deletion b/‎apps/landing/public/vite.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎apps/landing/src/App.tsx‎
Lines changed: 2 additions & 1 deletion b/‎apps/landing/src/App.tsx‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎apps/landing/src/components/Header.tsx‎
Lines changed: 15 additions & 0 deletions b/‎apps/landing/src/components/Header.tsx‎
Lines changed: 15 additions & 0 deletions
diff --git a/‎apps/landing/src/components/HeroSection.tsx‎
Lines changed: 1 addition & 2 deletions b/‎apps/landing/src/components/HeroSection.tsx‎
Lines changed: 1 addition & 2 deletions
@@ -2,7 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="./public/chippi_extension_popup.svg"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pinback</title>
   </head>
 
@@ -2,9 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="./public/chippi_extension_popup.svg"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Pinback</title>
   </head>
   <body>
     <div id="root"></div>
 
@@ -5,11 +5,12 @@ import FeatureBookmarkSection from './components/FeatureBookmarkSection';
 import FeatureReminderSection from './components/FeatureReminderSection';
 import FeatureRewardSection from './components/FeatureRewardSection';
 import FinalCTASection from './components/FinalCTASection';
+import Header from './components/Header';
 
 function App() {
   return (
     <div className="h-dvh snap-y snap-mandatory overflow-y-scroll scroll-smooth">
-      {/* <Header /> */}
+      <Header />
 
       {/* 각 섹션들 */}
       <section className="h-dvh snap-start">
 
@@ -0,0 +1,15 @@
+import { Icon } from '@pinback/design-system/icons';
+import { Button } from '@pinback/design-system/ui';
+
+const Header = () => {
+  return (
+    <header className="fixed left-0 right-0 top-0 z-50 flex h-[7.4rem] w-full items-center justify-between px-[8rem]">
+      <Icon name={'logo'} width={87} height={24} />
+      <div>
+        {/*TODO: onClick 추가 */}
+        <Button>다운로드</Button>
+      </div>
+    </header>
+  );
+};
+export default Header;
@@ -27,7 +27,6 @@ const HeroSection = () => {
 
   return (
     <section className="bg-white-bg flex h-dvh w-full flex-col items-center justify-center px-[17.2rem] text-center">
-      {/* 텍스트 오버레이 */}
       <div className="flex flex-col items-center justify-center">
         <div className="flex flex-row flex-nowrap items-end justify-center gap-[3rem]">
           <img src={landing_icon} alt="Landing Icon" />
@@ -56,7 +55,7 @@ const HeroSection = () => {
                 ?.scrollIntoView({ behavior: 'smooth' });
             }}
           >
-            스트롤하기
+            스크롤하기
           </Button>
         </div>
       </div>