Feat(landing): 랜딩페이지 디자인 업데이트 (#325)

Author: jjangminii

apps/landing/src/App.tsx

@@ -1,36 +1,24 @@
+import { useRef } from 'react';
 import './App.css';
-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';
 import Header from './components/Header';
+import Contents from './components/contents/Contents';
+import { useKeyboardScroll } from './hooks/useKeyboardScroll';
 
 function App() {
-  return (
-    <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>
+  const scrollRef = useRef<HTMLDivElement | null>(null);
 
-      <section className="h-dvh snap-start">
-        <FeatureReminderSection />
-      </section>
+  useKeyboardScroll(scrollRef);
 
-      <section className="h-dvh snap-start">
-        <FeatureRewardSection />
-      </section>
-
-      <section className="h-dvh snap-start">
-        <FinalCTASection />
-      </section>
+  return (
+    <div
+      ref={scrollRef}
+      className="h-dvh snap-y snap-mandatory overflow-y-scroll scroll-smooth outline-none"
+      tabIndex={-1}
+    >
+      <Header />
+      <main>
+        <Contents />
+      </main>
     </div>
   );
 }