Merge version_8 into main

Update src/app/page.tsx
2026-05-11 10:06:32 +00:00 · 2026-05-11 10:06:28 +00:00 · 2026-05-11 10:05:24 +00:00 · 2026-05-11 10:05:21 +00:00 · 2026-05-11 10:04:49 +00:00 · 2026-05-11 10:04:46 +00:00
2 changed files with 70 additions and 154 deletions
--- a/src/app/page.tsx
+++ b/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>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ffdf7d;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  --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);
Author	SHA1	Message	Date
bender	4a99c9f9d4	Merge version_8 into main Merge version_8 into main	2026-05-11 10:06:32 +00:00
bender	d8578d4973	Update src/app/page.tsx	2026-05-11 10:06:28 +00:00
bender	5a57e59c59	Merge version_7 into main Merge version_7 into main	2026-05-11 10:05:24 +00:00
bender	9b77140dc5	Update src/app/page.tsx	2026-05-11 10:05:21 +00:00
bender	55386f6ff7	Merge version_6 into main Merge version_6 into main	2026-05-11 10:04:49 +00:00
bender	4619be5e1c	Update src/app/page.tsx	2026-05-11 10:04:46 +00:00
bender	1130e92b8d	Merge version_5 into main Merge version_5 into main	2026-05-11 10:03:55 +00:00
bender	e8d15391c7	Update theme colors	2026-05-11 10:03:52 +00:00
bender	a19e06f467	Merge version_4 into main Merge version_4 into main	2026-05-11 10:03:05 +00:00
bender	ea879d50bd	Merge version_3 into main Merge version_3 into main	2026-05-11 10:02:07 +00:00
bender	faa021e0d6	Merge version_2 into main Merge version_2 into main	2026-05-11 10:02:02 +00:00