Feat(landing): landing page 디테일 수정 (#105)

* feat: 랜딩 유아이

* feat: 링크 연결

* feat: 디자인 디테일 수정

Author: jjangminii

apps/landing/src/components/FeatureBookmarkSection.tsx

@@ -4,9 +4,9 @@ import Bookmark from '../assets/2_bookmark.json';
 const FeatureBookmarkSection = () => {
   return (
     <section className="flex h-dvh items-center justify-center bg-white">
-      <div className="flex items-center gap-[8rem]">
+      <div className="flex items-start justify-start gap-[8rem]">
         {/* 텍스트 영역 */}
-        <div className="flex flex-col items-start justify-start gap-[2.4rem] text-left">
+        <div className="flex flex-col items-start gap-[2.4rem] text-left">
           <p className="head1">손쉽게 북마크하고 메모까지</p>
           <p className="sub2-sb text-font-gray-3">
             기억에 남기고 싶은 정보를 <br />

apps/landing/src/components/FeatureReminderSection.tsx

@@ -1,13 +1,13 @@
 import Lottie from 'lottie-react';
-import lightbulb_chippi_final from '../assets/3_bell.json';
+import Bell from '../assets/3_bell.json';
 
 const FeatureReminderSection = () => {
   return (
     <section className="flex h-dvh items-center justify-center bg-white">
-      <div className="flex items-center gap-[8rem]">
+      <div className="flex items-start gap-[8rem]">
         {/* 이미지 영역 (로띠) */}
         <div className="flex items-center justify-center">
-          <Lottie animationData={lightbulb_chippi_final} loop autoplay />
+          <Lottie animationData={Bell} loop autoplay />
         </div>
         {/* 텍스트 영역 */}
         <div className="flex flex-col items-end gap-[2.4rem] text-right">

apps/landing/src/components/FeatureRewardSection.tsx

@@ -1,10 +1,10 @@
 import Lottie from 'lottie-react';
-import Progress from '../assets/4_up.json';
+import Up from '../assets/4_up.json';
 
 const FeatureRewardSection = () => {
   return (
     <section className="flex h-dvh items-center justify-center bg-white">
-      <div className="flex items-center gap-[8rem]">
+      <div className="flex items-start gap-[8rem]">
         {/* 텍스트 영역 */}
         <div className="flex flex-col items-start justify-end gap-[2.4rem] text-left">
           <p className="head1">도토리 보상 루프</p>
@@ -17,7 +17,7 @@ const FeatureRewardSection = () => {
 
         {/* 이미지 영역 (로띠) */}
         <div className="flex items-center justify-center">
-          <Lottie animationData={Progress} loop autoplay />
+          <Lottie animationData={Up} loop autoplay />
         </div>
       </div>
     </section>