From 530578afa58add679e2277ede41f39f7a51ffdcc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 16:06:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 323 +++++++++++++++--------------------------------
 1 file changed, 102 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c9849a5..cee4d06 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,236 +17,117 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "コンセプト",
-          id: "about",
-        },
-        {
-          name: "機能",
-          id: "features",
-        },
-        {
-          name: "活用法",
-          id: "faq",
-        },
-      ]}
-      brandName="後悔日記"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "コンセプト", id: "about" },
+              { name: "機能", id: "features" },
+              { name: "活用法", id: "faq" },
+            ]}
+            brandName="後悔日記"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="他人の後悔から、未来を編集する。"
-      description="分岐点に立つあなたへ。過去の選択をただの後悔で終わらせず、次の一歩のための知恵へ。"
-      testimonials={[
-        {
-          name: "佐藤 健",
-          handle: "@ken_sat",
-          testimonial: "自分が迷っていた選択の答えがここにありました。思考が整理されます。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg",
-        },
-        {
-          name: "田中 美咲",
-          handle: "@misaki_t",
-          testimonial: "誰かの後悔がこんなにも役に立つなんて思わなかった。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-portrait_23-2149417566.jpg",
-        },
-        {
-          name: "鈴木 一郎",
-          handle: "@ichiro_s",
-          testimonial: "キャリア選択の前に読んでよかった。視点が変わりました。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020028.jpg",
-        },
-        {
-          name: "高橋 凛",
-          handle: "@rin_t",
-          testimonial: "AIが思考を深掘りしてくれるのが素晴らしい。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-man-posing-with-blue-background_23-2149417617.jpg",
-        },
-        {
-          name: "伊藤 陸",
-          handle: "@riku_i",
-          testimonial: "失敗が資産になる場所。毎日見ています。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556782.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "後悔を見てみる",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="他人の後悔から、未来を編集する。"
+            description="分岐点に立つあなたへ。過去の選択をただの後悔で終わらせず、次の一歩のための知恵へ。"
+            testimonials={[
+              { name: "佐藤 健", handle: "@ken_sat", testimonial: "自分が迷っていた選択の答えがここにありました。思考が整理されます。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg" },
+              { name: "田中 美咲", handle: "@misaki_t", testimonial: "誰かの後悔がこんなにも役に立つなんて思わなかった。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-portrait_23-2149417566.jpg" },
+              { name: "鈴木 一郎", handle: "@ichiro_s", testimonial: "キャリア選択の前に読んでよかった。視点が変わりました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020028.jpg" },
+              { name: "高橋 凛", handle: "@rin_t", testimonial: "AIが思考を深掘りしてくれるのが素晴らしい。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-man-posing-with-blue-background_23-2149417617.jpg" },
+              { name: "伊藤 陸", handle: "@riku_i", testimonial: "失敗が資産になる場所。毎日見ています。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556782.jpg" }
+            ]}
+            buttons={[{ text: "後悔を見てみる", href: "#features" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "失敗を、",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg",
-        },
-        {
-          type: "text",
-          content: "次のステップへ。",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "失敗を、" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg" },
+              { type: "text", content: "次のステップへ。" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "AI分析・自動要約",
-          tags: [
-            "AI",
-            "効率化",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151846997.jpg",
-        },
-        {
-          id: "f2",
-          title: "問い返し機能",
-          tags: [
-            "思索",
-            "成長",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-        },
-        {
-          id: "f3",
-          title: "未来検索",
-          tags: [
-            "検索",
-            "インサイト",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
-        },
-      ]}
-      title="あなたの選択を最適化する機能"
-      description="ただの投稿サイトではありません。AIがあなたの「考え方」をサポートします。"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "AI分析・自動要約", tags: ["AI", "効率化"], imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151846997.jpg" },
+              { id: "f2", title: "問い返し機能", tags: ["思索", "成長"], imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
+              { id: "f3", title: "未来検索", tags: ["検索", "インサイト"], imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg" },
+            ]}
+            title="あなたの選択を最適化する機能"
+            description="ただの投稿サイトではありません。AIがあなたの「考え方」をサポートします。"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "自分自身の思考の偏りに気づくきっかけになりました。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915137.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "後悔の言語化がこんなにポジティブな影響を与えるとは。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556787.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily Rodriguez",
-          handle: "@emilyrod",
-          testimonial: "同世代が何を悩んでいるか知れる貴重な場所。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-teen-boy-looking-camera-green-jacket-looking-smart-front-view_176474-107875.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "AIの問いかけが非常に鋭く、ハッとさせられます。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",
-        },
-        {
-          id: "t5",
-          name: "Laura Smith",
-          handle: "@lsmith",
-          testimonial: "毎日の習慣として読んでいます。心が軽くなる。",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg",
-        },
-      ]}
-      showRating={true}
-      title="ユーザーの声"
-      description="人生の分岐点で、多くの若者がこのアプリを手にしています。"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            showRating={true}
+            title="ユーザーの声"
+            description="人生の分岐点で、多くの若者がこのアプリを手にしています。"
+            testimonials={[
+              { id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "自分自身の思考の偏りに気づくきっかけになりました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915137.jpg" },
+              { id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "後悔の言語化がこんなにポジティブな影響を与えるとは。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556787.jpg" },
+              { id: "t3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "同世代が何を悩んでいるか知れる貴重な場所。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-teen-boy-looking-camera-green-jacket-looking-smart-front-view_176474-107875.jpg" },
+              { id: "t4", name: "David Kim", handle: "@dkim", testimonial: "AIの問いかけが非常に鋭く、ハッとさせられます。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg" },
+              { id: "t5", name: "Laura Smith", handle: "@lsmith", testimonial: "毎日の習慣として読んでいます。心が軽くなる。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "無料で使えますか？",
-          content: "はい、投稿や閲覧は無料でご利用いただけます。",
-        },
-        {
-          id: "q2",
-          title: "匿名で投稿できますか？",
-          content: "可能です。プライバシーを保護しつつ共有いただけます。",
-        },
-        {
-          id: "q3",
-          title: "どんな投稿が求められていますか？",
-          content: "人生の分岐点での選択や、当時の思考など、誰かの助けになる学びをお願いしています。",
-        },
-      ]}
-      title="よくある質問"
-      description="このアプリの活用方法やプライバシーについて。"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqsAnimation="slide-up"
+            title="よくある質問"
+            description="このアプリの活用方法やプライバシーについて。"
+            faqs={[
+              { id: "q1", title: "無料で使えますか？", content: "はい、投稿や閲覧は無料でご利用いただけます。" },
+              { id: "q2", title: "匿名で投稿できますか？", content: "可能です。プライバシーを保護しつつ共有いただけます。" },
+              { id: "q3", title: "どんな投稿が求められていますか？", content: "人生の分岐点での選択や、当時の思考など、誰かの助けになる学びをお願いしています。" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="通知を受け取る"
-      title="最新のインサイトを見逃さない"
-      description="キャリア教育やアプリの更新情報をいち早くお届けします。"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="通知を受け取る"
+            title="最新のインサイトを見逃さない"
+            description="キャリア教育やアプリの更新情報をいち早くお届けします。"
+            useInvertedBackground={false}
+            background={{ variant: "animated-grid" }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="後悔日記"
-      copyrightText="© 2024 Future Notes Inc."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="後悔日記"
+            copyrightText="© 2024 Future Notes Inc."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1