Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
@@ -31,17 +31,11 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="やま幸"
     />
@@ -50,70 +44,43 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="やま幸の卓越したサービスを体験"
       description="信頼と品質を追求する貴社だけのパートナー。私たちは、革新的なアプローチで貴社のビジネスを加速させます。"
       kpis={[
         {
-          value: "99%",
+          value: "99%",          label: "顧客満足度"},
-          label: "顧客満足度",
-        },
         {
-          value: "15年",
+          value: "15年",          label: "信頼の経験"},
-          label: "信頼の経験",
-        },
         {
-          value: "100+",
+          value: "100+",          label: "成功事例"},
-          label: "成功事例",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/golden-bird-paradise-leaf-background-design-resource_53876-102383.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg",
+          src: "http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg",          alt: "Twig near ceramic cups"},
-          alt: "Twig near ceramic cups",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/dark-plate-with-eggs-dark-background_23-2148340444.jpg",
+          src: "http://img.b2bpic.net/free-photo/dark-plate-with-eggs-dark-background_23-2148340444.jpg",          alt: "Dark plate with eggs on a dark background"},
-          alt: "Dark plate with eggs on a dark background",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/from-twig-near-cups-lamp_23-2147811207.jpg",
+          src: "http://img.b2bpic.net/free-photo/from-twig-near-cups-lamp_23-2147811207.jpg",          alt: "From above twig near cups and lamp"},
-          alt: "From above twig near cups and lamp",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16072.jpg",
+          src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16072.jpg",          alt: "Photo of metal texture pattern"},
-          alt: "Photo of metal texture pattern",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/breathtaking-scenery-beautiful-sand-textures-dark-antelope-canyon-usa_181624-5042.jpg",
+          src: "http://img.b2bpic.net/free-photo/breathtaking-scenery-beautiful-sand-textures-dark-antelope-canyon-usa_181624-5042.jpg",          alt: "Breathtaking scenery of beautiful sand textures"},
-          alt: "Breathtaking scenery of beautiful sand textures",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "卓越した品質"},
-          text: "卓越した品質",
-        },
         {
-          type: "text",
+          type: "text",          text: "革新的なアプローチ"},
-          text: "革新的なアプローチ",
-        },
         {
-          type: "text",
+          type: "text",          text: "信頼のパートナー"},
-          text: "信頼のパートナー",
-        },
         {
-          type: "text",
+          type: "text",          text: "迅速な戦略"},
-          text: "迅速な戦略",
-        },
         {
-          type: "text",
+          type: "text",          text: "ビジネス加速"},
-          text: "ビジネス加速",
-        },
       ]}
     />
   </div>
@@ -125,16 +92,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "機会損失の回避",
+          "機会損失の回避",          "非効率なプロセス排除"],
-          "非効率なプロセス排除",
-        ],
       }}
       positiveCard={{
         items: [
-          "迅速な戦略導入",
+          "迅速な戦略導入",          "高品質な成果物提供",          "カスタマイズされたソリューション"],
-          "高品質な成果物提供",
-          "カスタマイズされたソリューション",
-        ],
       }}
       title="私たちの強み"
       description="貴社のビジネスを次のステージへと導くための、独自のメソッドとアプローチ。"
@@ -155,25 +117,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Entry",          price: "相談",          subtitle: "まずは小規模から",          features: [
-          badge: "Entry",
+            "基本コンサルティング",            "メールサポート"],
-          price: "相談",
-          subtitle: "まずは小規模から",
-          features: [
-            "基本コンサルティング",
-            "メールサポート",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Popular",          price: "相談",          subtitle: "成長を目指す貴社へ",          features: [
-          badge: "Popular",
+            "専属担当者",            "優先対応",            "戦略レポート"],
-          price: "相談",
-          subtitle: "成長を目指す貴社へ",
-          features: [
-            "専属担当者",
-            "優先対応",
-            "戦略レポート",
-          ],
         },
       ]}
       title="シンプルな料金プラン"
@@ -188,59 +137,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "佐藤 健一",          role: "CEO",          company: "TechVision",          rating: 5,
-          name: "佐藤 健一",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
-          role: "CEO",
-          company: "TechVision",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "田中 美咲",          role: "Director",          company: "GrowthIn",          rating: 5,
-          name: "田中 美咲",
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
-          role: "Director",
-          company: "GrowthIn",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "鈴木 一郎",          role: "Manager",          company: "FutureWorks",          rating: 5,
-          name: "鈴木 一郎",
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
-          role: "Manager",
-          company: "FutureWorks",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "高橋 直人",          role: "VP",          company: "InnovateX",          rating: 5,
-          name: "高橋 直人",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
-          role: "VP",
-          company: "InnovateX",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "伊藤 ゆり",          role: "Founder",          company: "NextStartup",          rating: 5,
-          name: "伊藤 ゆり",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
-          role: "Founder",
-          company: "NextStartup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9",
+          value: "4.9",          label: "平均評価"},
-          label: "平均評価",
-        },
         {
-          value: "95%",
+          value: "95%",          label: "継続率"},
-          label: "継続率",
-        },
         {
-          value: "500+",
+          value: "500+",          label: "導入企業数"},
-          label: "導入企業数",
-        },
       ]}
       title="顧客の声"
       description="やま幸を選んでいただいた皆様からの信頼の証。"
@@ -248,48 +166,40 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
-      useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "初回相談は有料ですか？",          content: "初回相談は無料で行っております。お気軽にお問い合わせください。"},
-          title: "初回相談は有料ですか？",
-          content: "初回相談は無料で行っております。お気軽にお問い合わせください。",
-        },
         {
-          id: "2",
+          id: "2",          title: "対応エリアを教えてください",          content: "日本全国どこでもオンラインで対応可能です。"},
-          title: "対応エリアを教えてください",
-          content: "日本全国どこでもオンラインで対応可能です。",
-        },
         {
-          id: "3",
+          id: "3",          title: "支払い方法は？",          content: "銀行振込、クレジットカードに対応しています。"},
-          title: "支払い方法は？",
-          content: "銀行振込、クレジットカードに対応しています。",
-        },
       ]}
-      sideTitle="よくある質問"
+      title="よくある質問"
+      description="サービスの導入に関する疑問を解消します。"
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/faq-bg-abstract_23-2149454124.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
       tag="お問い合わせ"
       title="お気軽にご相談ください"
       description="貴社のビジネスを次のレベルへ。まずは無料相談から始めましょう。"
-      imageSrc="http://img.b2bpic.net/free-photo/layers-black-torn-paper_23-2148748898.jpg"
+      useInvertedBackground={true}
-      mediaAnimation="slide-up"
+      background={{
+        variant: "gradient-bars"}}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoText="やま幸"
-      copyrightText="© 2025 やま幸 All Rights Reserved."
+      leftLink={{ text: "プライバシーポリシー", href: "#" }}
+      rightLink={{ text: "特定商取引法", href: "#" }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #efebe5;
-  --card: #1a1a1a;
+  --card: #f7f2ea;
-  --foreground: #ffffff;
+  --foreground: #000000;
-  --primary-cta: #c89bff;
+  --primary-cta: #000000;
-  --primary-cta-text: #0a0a0a;
+  --primary-cta-text: #efebe5;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #000000;
-  --accent: #737373;
+  --accent: #ffffff;
-  --background-accent: #c89bff;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);