Merge remote-tracking branch 'origin/develop' into develop

Author: jllee000

apps/client/public/firebase-messaging-sw.js

@@ -0,0 +1,22 @@
+self.addEventListener('install', function () {
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', function () {
+  console.log('fcm sw activate..');
+});
+
+self.addEventListener('push', function (e) {
+  if (!e.data.json()) return;
+  const resultData = e.data.json().notification;
+  const notificationTitle = resultData.title;
+  const notificationOptions = {
+    body: resultData.body,
+  };
+  console.log(resultData.title, {
+    body: resultData.body,
+  });
+  e.waitUntil(
+    self.registration.showNotification(notificationTitle, notificationOptions)
+  );
+});

apps/client/src/pages/onBoarding/components/funnel/MainCard.tsx

@@ -10,10 +10,10 @@ import { usePostSignUp } from '@shared/apis/queries';
 const stepProgress = [{ progress: 30 }, { progress: 60 }, { progress: 100 }];
 import { AlarmsType } from '@constants/alarms';
 import { normalizeTime } from '@pages/onBoarding/utils/formatRemindTime';
-import { firebaseConfig } from '../../../../firebase-config'; 
+import { firebaseConfig } from '../../../../firebase-config';
 import { initializeApp } from 'firebase/app';
 import { getMessaging, getToken } from 'firebase/messaging';
-
+import { registerServiceWorker } from '@pages/onBoarding/utils/registerServiceWorker';
 
 const variants = {
   slideIn: (direction: number) => ({
@@ -44,28 +44,28 @@ const MainCard = () => {
   const [alarmSelected, setAlarmSelected] = useState<1 | 2 | 3>(1);
   const [isMac, setIsMac] = useState(false);
   // api 구간
-  const {mutate:postSignData} = usePostSignUp();
+  const { mutate: postSignData } = usePostSignUp();
 
   // 익스텐션에서부터 이메일 받아오는 구간!
-  const [userEmail, setUserEmail] = useState("");
+  const [userEmail, setUserEmail] = useState('');
 
   useEffect(() => {
     const params = new URLSearchParams(location.search);
-    const emailParam = params.get("email"); 
+    const emailParam = params.get('email');
     if (emailParam) {
       setUserEmail(emailParam);
     }
   }, [location.search]);
 
-
   // FCM 구간
-  const [fcmToken, setFcmToken] = useState<string | null>(null); 
+  const [fcmToken, setFcmToken] = useState<string | null>(null);
   const app = initializeApp(firebaseConfig);
   const messaging = getMessaging(app);
-  
+
   const requestFCMToken = async (): Promise<string | null> => {
     try {
       const permission = await Notification.requestPermission();
+      registerServiceWorker();
       if (permission !== 'granted') {
         alert('알림 권한 허용이 필요합니다!');
         return null;
@@ -89,22 +89,22 @@ const MainCard = () => {
     }
   };
 
-
-
   useEffect(() => {
     const ua = navigator.userAgent.toLowerCase();
     if (ua.includes('mac os') || ua.includes('iphone') || ua.includes('ipad')) {
       setIsMac(true);
     }
   }, []);
- const renderStep = () => {
+  const renderStep = () => {
     switch (step) {
       case 0:
       case 1:
       case 2:
         return <StoryStep step={step as 0 | 1 | 2} />;
       case 3:
-        return <AlarmStep selected={alarmSelected} setSelected={setAlarmSelected} />;
+        return (
+          <AlarmStep selected={alarmSelected} setSelected={setAlarmSelected} />
+        );
       case 4:
         if (isMac) return <MacStep />;
         return <FinalStep />;
@@ -116,17 +116,16 @@ const MainCard = () => {
     }
   };
 
-const [remindTime, setRemindTime] = useState('09:00');
-  const nextStep = async() => {
+  const [remindTime, setRemindTime] = useState('09:00');
+  const nextStep = async () => {
     if (step === 3) {
-       const token = await requestFCMToken();
+      const token = await requestFCMToken();
       if (token) {
         setFcmToken(token);
         setDirection(1);
         setStep((prev) => prev + 1);
-      }
-      else{
-        alert('푸시 알람 설정 에러')
+      } else {
+        alert('푸시 알람 설정 에러');
       }
       return;
     }
@@ -137,19 +136,18 @@ const [remindTime, setRemindTime] = useState('09:00');
       const raw = AlarmsType[alarmSelected - 1].time;
       setRemindTime(normalizeTime(raw));
 
-      postSignData({
-            "email": userEmail, 
-            "remindDefault": remindTime, 
-            "fcmToken": fcmToken,
+      postSignData(
+        {
+          email: userEmail,
+          remindDefault: remindTime,
+          fcmToken: fcmToken,
         },
         {
-          onSuccess:()=>{
+          onSuccess: () => {
             window.location.href = '/';
-           }
+          },
         }
-      )
-      
-      
+      );
     }
   };
 

apps/client/src/pages/onBoarding/utils/registerServiceWorker.ts

@@ -0,0 +1,12 @@
+export const registerServiceWorker = () => {
+  navigator.serviceWorker
+    .register('firebase-messaging-sw.js')
+    .then(function (registration) {
+      console.log('Service Worker 등록 성공:', registration);
+      alert(`Service Worker 등록 성공:, ${registration}`);
+    })
+    .catch(function (error) {
+      console.log('Service Worker 등록 실패:', error);
+      alert(`Service Worker 등록 실패:, ${error}`);
+    });
+};

apps/landing/package.json

@@ -10,16 +10,17 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "lottie-react": "^2.4.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@pivanov/vite-plugin-svg-sprite": "^3.1.3",
     "@eslint/js": "^9.33.0",
+    "@pinback/design-system": "workspace:*",
     "@pinback/eslint-config": "workspace:*",
-    "@pinback/typescript-config": "workspace:*",
     "@pinback/tailwind-config": "workspace:*",
-    "@pinback/design-system": "workspace:*",
+    "@pinback/typescript-config": "workspace:*",
+    "@pivanov/vite-plugin-svg-sprite": "^3.1.3",
     "@tailwindcss/vite": "^4.1.12",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",

apps/landing/src/App.tsx

@@ -1,34 +1,37 @@
-import { useState } from 'react';
-import reactLogo from './assets/react.svg';
-import viteLogo from '/vite.svg';
 import './App.css';
 
-function App() {
-  const [count, setCount] = useState(0);
+import HeroSection from './components/HeroSection';
+import FeatureBookmarkSection from './components/FeatureBookmarkSection';
+import FeatureReminderSection from './components/FeatureReminderSection';
+import FeatureRewardSection from './components/FeatureRewardSection';
+import FinalCTASection from './components/FinalCTASection';
 
+function App() {
   return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank" rel="noreferrer">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank" rel="noreferrer">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
+    <div className="h-dvh snap-y snap-mandatory overflow-y-scroll scroll-smooth">
+      {/* <Header /> */}
+
+      {/* 각 섹션들 */}
+      <section className="h-dvh snap-start">
+        <HeroSection />
+      </section>
+
+      <section className="h-dvh snap-start" id="bookmark-section">
+        <FeatureBookmarkSection />
+      </section>
+
+      <section className="h-dvh snap-start">
+        <FeatureReminderSection />
+      </section>
+
+      <section className="h-dvh snap-start">
+        <FeatureRewardSection />
+      </section>
+
+      <section className="h-dvh snap-start">
+        <FinalCTASection />
+      </section>
+    </div>
   );
 }
 

apps/landing/src/assets/1_landingmain.json

@@ -0,0 +1 @@
+{"v":"5.9.0","fr":30,"ip":0,"op":900,"w":340,"h":340,"nm":"랜딩페이지_1","ddd":0,"assets":[{"id":"image_0","w":246,"h":246,"u":"","p":"data:image/png;base64,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","e":1},{"id":"image_1","w":204,"h":204,"u":"","p":"data:image/png;base64,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","e":1},{"id":"image_2","w":191,"h":191,"u":"","p":"data:image/png;base64,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","e":1},{"id":"comp_0","nm":"원들","fr":30,"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"메모","refId":"image_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[114.087,401.8,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":38,"s":[114.087,201.846,0],"to":[0,0,0],"ti":[0,0,0]},{"t":57,"s":[114.087,201.846,0]}],"ix":2,"l":2},"a":{"a":0,"k":[122.738,122.738,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":900,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":2,"nm":"북마크","refId":"image_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":18,"s":[272.012,501.8,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":48,"s":[272.012,301.771,0],"to":[0,0,0],"ti":[0,0,0]},{"t":63,"s":[272.012,301.771,0]}],"ix":2,"l":2},"a":{"a":0,"k":[101.992,101.992,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":900,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":2,"nm":"+","refId":"image_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[259.082,288.8,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":30,"s":[259.082,88.84,0],"to":[0,0,0],"ti":[0,0,0]},{"t":45,"s":[259.082,88.84,0]}],"ix":2,"l":2},"a":{"a":0,"k":[95.167,95.167,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":900,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"원들","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[170,170,0],"ix":2,"l":2},"a":{"a":0,"k":[185,199.5,0],"ix":1,"l":2},"s":{"a":0,"k":[84.364,84.364,100],"ix":6,"l":2}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[32.585,0],[0,0],[0,-32.585],[0,0],[-32.585,0],[0,0],[0,32.585],[0,0]],"o":[[0,0],[-32.585,0],[0,0],[0,32.585],[0,0],[32.585,0],[0,0],[0,-32.585]],"v":[[327.092,-1.092],[45.238,-1.092],[-13.762,57.908],[-13.762,339.762],[45.238,398.762],[327.092,398.762],[386.092,339.762],[386.092,57.908]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"마스크 1"}],"w":370,"h":399,"ip":0,"op":900,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"모양 레이어 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[170.175,169.403,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100.933,100.933,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[340,340],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":50,"ix":4},"nm":"사각형 패스 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.85882358925,0.964705942191,0.921568687289,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"칠 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-0.175,0.597],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[98.618,97.692],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"변형"}],"nm":"사각형 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":900,"st":0,"bm":0}],"markers":[]}