Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

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

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #080200;
-  --card: #1a0d0b;
-  --foreground: #ffe6d5;
-  --primary-cta: #ffaa70;
-  --primary-cta-text: #080200;
-  --secondary-cta: #170b07;
-  --secondary-cta-text: #ffe6d5;
-  --accent: #7b5e4a;
-  --background-accent: #b8541e;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);