Update src/app/contact/page.tsx

Update src/app/company/page.tsx
Update src/app/cases/page.tsx
2026-06-07 13:38:55 +00:00 · 2026-06-07 13:38:54 +00:00 · 2026-06-07 13:38:54 +00:00 · 2026-06-07 13:38:54 +00:00 · 2026-06-07 13:38:53 +00:00 · 2026-06-07 13:34:16 +00:00
8 changed files with 265 additions and 643 deletions
--- a/src/app/approach/page.tsx
+++ b/src/app/approach/page.tsx
@@ -4,10 +4,40 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

+const consistentNavItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Approach", id: "/approach" },
+  { name: "Company", id: "/company" },
+  { name: "Cases", id: "/cases" },
+  { name: "Insights", id: "/insights" },
+  { name: "Careers", id: "/careers" },
+  { name: "Contact", id: "/contact" },
+];
+
+const consistentFooterColumns = [
+  {
+    title: "Navigation",    items: [
+      { label: "Home", href: "/" },
+      { label: "Services", href: "/services" },
+      { label: "Company", href: "/company" },
+      { label: "Insights", href: "/insights" },
+      { label: "Careers", href: "/careers" },
+      { label: "Contact", href: "/contact" }
+    ]
+  },
+  {
+    title: "Legal",    items: [
+      { label: "Privacy Policy", href: "#privacy" },
+      { label: "Terms of Service", href: "#terms" }
+    ]
+  }
+];
+
 export default function LandingPage() {
  return (
    <ThemeProvider
@@ -25,40 +55,7 @@ export default function LandingPage() {
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Approach",
-          id: "/approach",
-        },
-        {
-          name: "Company",
-          id: "/company",
-        },
-        {
-          name: "Cases",
-          id: "/cases",
-        },
-        {
-          name: "Insights",
-          id: "/insights",
-        },
-        {
-          name: "Careers",
-          id: "/careers",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
+      navItems={consistentNavItems}
      brandName="K&K Solution Inc."
    />
  </div>
@@ -70,35 +67,17 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          id: "stage-1",
-          title: "Phase I: Strategic Deep Dive",
-          tags: [
-            "Discovery",
-            "Analysis",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg",
-          imageAlt: "Strategic Deep Dive icon",
-        },
+          id: "stage-1",          title: "Phase I: Strategic Deep Dive",          tags: [
+            "Discovery",            "Analysis"],
+          imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg",          imageAlt: "Strategic Deep Dive icon"},
        {
-          id: "stage-2",
-          title: "Phase II: Tailored Solution Design",
-          tags: [
-            "Customization",
-            "Blueprint",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/golden-frame-collection_23-2148047974.jpg",
-          imageAlt: "Tailored Solution Design icon",
-        },
+          id: "stage-2",          title: "Phase II: Tailored Solution Design",          tags: [
+            "Customization",            "Blueprint"],
+          imageSrc: "http://img.b2bpic.net/free-vector/golden-frame-collection_23-2148047974.jpg",          imageAlt: "Tailored Solution Design icon"},
        {
-          id: "stage-3",
-          title: "Phase III: Execution & Sustainment",
-          tags: [
-            "Implementation",
-            "Monitoring",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/geometric-golden-frame-collection_23-2148053424.jpg",
-          imageAlt: "Execution & Sustainment icon",
-        },
+          id: "stage-3",          title: "Phase III: Execution & Sustainment",          tags: [
+            "Implementation",            "Monitoring"],
+          imageSrc: "http://img.b2bpic.net/free-vector/geometric-golden-frame-collection_23-2148053424.jpg",          imageAlt: "Execution & Sustainment icon"},
      ]}
      title="Our 3-Stage Quality Assurance Method"
      description="A meticulous process ensuring unparalleled quality and tangible results."
@@ -110,9 +89,7 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="BCG/McKinsey Expertise, Japan-Focused Insight"
      description={[
-        "Our consultants bring the rigorous analytical frameworks and strategic prowess honed at top global firms like BCG and McKinsey. This international-grade expertise is then fused with an unparalleled understanding of the unique nuances and operational realities of Japanese enterprises.",
-        "We don't just apply global best practices; we adapt them to create solutions that resonate deeply and drive sustainable change within the Japanese business context. It's strategy that truly works.",
-      ]}
+        "Our consultants bring the rigorous analytical frameworks and strategic prowess honed at top global firms like BCG and McKinsey. This international-grade expertise is then fused with an unparalleled understanding of the unique nuances and operational realities of Japanese enterprises.",        "We don't just apply global best practices; we adapt them to create solutions that resonate deeply and drive sustainable change within the Japanese business context. It's strategy that truly works."]}
    />
  </div>

@@ -120,108 +97,30 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={true}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      text="Discover the K&K difference for your next project."
      buttons={[
        {
-          text: "Learn More",
-          href: "/contact",
-        },
+          text: "Learn More",          href: "/contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/company",
-            },
-            {
-              label: "Our Approach",
-              href: "/approach",
-            },
-            {
-              label: "Careers",
-              href: "/careers",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Strategy & DX",
-              href: "/services#it-strategy",
-            },
-            {
-              label: "SAP Support",
-              href: "/services#sap-support",
-            },
-            {
-              label: "PMO & Program Mgmt",
-              href: "/services#pmo-support",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",
-              href: "/services#it-due-diligence",
-            },
-            {
-              label: "Talent Development",
-              href: "/services#talent-development",
-            },
-            {
-              label: "BPR",
-              href: "/services#bpr",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Cases",
-              href: "/cases",
-            },
-            {
-              label: "Insights",
-              href: "/insights",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#privacy",
-            },
-            {
-              label: "Terms of Service",
-              href: "#terms",
-            },
-            {
-              label: "© 2026 K&K Solution Inc.",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterBaseCard
      logoText="K&K Solution Inc."
+      columns={consistentFooterColumns}
+      copyrightText="© 2026 K&K Solution Inc."
+      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
+      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
+      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
+      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
+      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
+      containerClassName="max-w-screen-xl mx-auto px-4"
+      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/careers/page.tsx
+++ b/src/app/careers/page.tsx
@@ -4,10 +4,40 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

+const consistentNavItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Approach", id: "/approach" },
+  { name: "Company", id: "/company" },
+  { name: "Cases", id: "/cases" },
+  { name: "Insights", id: "/insights" },
+  { name: "Careers", id: "/careers" },
+  { name: "Contact", id: "/contact" },
+];
+
+const consistentFooterColumns = [
+  {
+    title: "Navigation",    items: [
+      { label: "Home", href: "/" },
+      { label: "Services", href: "/services" },
+      { label: "Company", href: "/company" },
+      { label: "Insights", href: "/insights" },
+      { label: "Careers", href: "/careers" },
+      { label: "Contact", href: "/contact" }
+    ]
+  },
+  {
+    title: "Legal",    items: [
+      { label: "Privacy Policy", href: "#privacy" },
+      { label: "Terms of Service", href: "#terms" }
+    ]
+  }
+];
+
 export default function LandingPage() {
  return (
    <ThemeProvider
@@ -25,20 +55,7 @@ export default function LandingPage() {
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Company",          id: "/company"},
-        {
-          name: "Insights",          id: "/insights"},
-        {
-          name: "Careers",          id: "/careers"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
+      navItems={consistentNavItems}
      brandName="K&K Solution Inc."
    />
  </div>
@@ -87,58 +104,17 @@ export default function LandingPage() {
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "/company"},
-            {
-              label: "Careers",              href: "/careers"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Strategy & DX",              href: "/services#it-strategy"},
-            {
-              label: "SAP Support",              href: "/services#sap-support"},
-            {
-              label: "PMO & Program Mgmt",              href: "/services#pmo-support"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",              href: "/services#it-due-diligence"},
-            {
-              label: "Talent Development",              href: "/services#talent-development"},
-            {
-              label: "BPR",              href: "/services#bpr"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Contact Us",              href: "/contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#privacy"},
-            {
-              label: "Terms of Service",              href: "#terms"},
-            {
-              label: "© 2026 K&K Solution Inc.",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterBaseCard
      logoText="K&K Solution Inc."
+      columns={consistentFooterColumns}
+      copyrightText="© 2026 K&K Solution Inc."
+      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
+      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
+      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
+      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
+      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
+      containerClassName="max-w-screen-xl mx-auto px-4"
+      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
    />
  </div>
      </ReactLenis>
--- a/src/app/cases/page.tsx
+++ b/src/app/cases/page.tsx
@@ -3,10 +3,40 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

+const consistentNavItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Approach", id: "/approach" },
+  { name: "Company", id: "/company" },
+  { name: "Cases", id: "/cases" },
+  { name: "Insights", id: "/insights" },
+  { name: "Careers", id: "/careers" },
+  { name: "Contact", id: "/contact" },
+];
+
+const consistentFooterColumns = [
+  {
+    title: "Navigation",    items: [
+      { label: "Home", href: "/" },
+      { label: "Services", href: "/services" },
+      { label: "Company", href: "/company" },
+      { label: "Insights", href: "/insights" },
+      { label: "Careers", href: "/careers" },
+      { label: "Contact", href: "/contact" }
+    ]
+  },
+  {
+    title: "Legal",    items: [
+      { label: "Privacy Policy", href: "#privacy" },
+      { label: "Terms of Service", href: "#terms" }
+    ]
+  }
+];
+
 export default function LandingPage() {
  return (
    <ThemeProvider
@@ -24,40 +54,7 @@ export default function LandingPage() {
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Approach",
-          id: "/approach",
-        },
-        {
-          name: "Company",
-          id: "/company",
-        },
-        {
-          name: "Cases",
-          id: "/cases",
-        },
-        {
-          name: "Insights",
-          id: "/insights",
-        },
-        {
-          name: "Careers",
-          id: "/careers",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
+      navItems={consistentNavItems}
      brandName="K&K Solution Inc."
    />
  </div>
@@ -70,65 +67,23 @@ export default function LandingPage() {
      useInvertedBackground={true}
      products={[
        {
-          id: "case-1",
-          brand: "Manufacturing Industry",
-          name: "Major Manufacturer A",
-          price: "DX Strategy",
-          rating: 5,
-          reviewCount: "Increased operational efficiency by 20%",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y8zczv",
-          imageAlt: "Case study icon",
-        },
+          id: "case-1",          brand: "Manufacturing Industry",          name: "Major Manufacturer A",          price: "DX Strategy",          rating: 5,
+          reviewCount: "Increased operational efficiency by 20%",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y8zczv",          imageAlt: "Case study icon"},
        {
-          id: "case-2",
-          brand: "Retail Sector",
-          name: "Retail Chain B",
-          price: "SAP S/4HANA Migration",
-          rating: 5,
-          reviewCount: "Reduced system downtime by 30%",
-          imageSrc: "http://img.b2bpic.net/free-photo/celebrate-sunset-beach-creative-gemstone_1232-3550.jpg",
-          imageAlt: "Case study icon",
-        },
+          id: "case-2",          brand: "Retail Sector",          name: "Retail Chain B",          price: "SAP S/4HANA Migration",          rating: 5,
+          reviewCount: "Reduced system downtime by 30%",          imageSrc: "http://img.b2bpic.net/free-photo/celebrate-sunset-beach-creative-gemstone_1232-3550.jpg",          imageAlt: "Case study icon"},
        {
-          id: "case-3",
-          brand: "Financial Services",
-          name: "Regional Bank C",
-          price: "IT Due Diligence",
-          rating: 5,
-          reviewCount: "Enabled successful M&A with minimized IT risk",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139324.jpg",
-          imageAlt: "Case study icon",
-        },
+          id: "case-3",          brand: "Financial Services",          name: "Regional Bank C",          price: "IT Due Diligence",          rating: 5,
+          reviewCount: "Enabled successful M&A with minimized IT risk",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139324.jpg",          imageAlt: "Case study icon"},
        {
-          id: "case-4",
-          brand: "Healthcare",
-          name: "Medical Group D",
-          price: "PMO Support",
-          rating: 5,
-          reviewCount: "Streamlined project delivery, 15% faster completion",
-          imageSrc: "http://img.b2bpic.net/free-vector/golden-geometric-seamless-patterns-set-black-background_53876-67710.jpg",
-          imageAlt: "Case study icon",
-        },
+          id: "case-4",          brand: "Healthcare",          name: "Medical Group D",          price: "PMO Support",          rating: 5,
+          reviewCount: "Streamlined project delivery, 15% faster completion",          imageSrc: "http://img.b2bpic.net/free-vector/golden-geometric-seamless-patterns-set-black-background_53876-67710.jpg",          imageAlt: "Case study icon"},
        {
-          id: "case-5",
-          brand: "Logistics",
-          name: "Logistics Firm E",
-          price: "Business Process Re-engineering",
-          rating: 5,
-          reviewCount: "Achieved 25% cost reduction in supply chain operations",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt3zzl",
-          imageAlt: "Case study icon",
-        },
+          id: "case-5",          brand: "Logistics",          name: "Logistics Firm E",          price: "Business Process Re-engineering",          rating: 5,
+          reviewCount: "Achieved 25% cost reduction in supply chain operations",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jt3zzl",          imageAlt: "Case study icon"},
        {
-          id: "case-6",
-          brand: "Public Sector",
-          name: "Government Agency F",
-          price: "Talent Development",
-          rating: 5,
-          reviewCount: "Enhanced digital literacy of 500+ employees",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-ferromagnetic-liquid-metal-with-copy-space_23-2148253522.jpg",
-          imageAlt: "Case study icon",
-        },
+          id: "case-6",          brand: "Public Sector",          name: "Government Agency F",          price: "Talent Development",          rating: 5,
+          reviewCount: "Enhanced digital literacy of 500+ employees",          imageSrc: "http://img.b2bpic.net/free-photo/blue-ferromagnetic-liquid-metal-with-copy-space_23-2148253522.jpg",          imageAlt: "Case study icon"}
      ]}
      title="Selected Client Cases"
      description="Transformative outcomes for Japan's leading mid-cap enterprises."
@@ -139,108 +94,30 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      text="Discover how we can achieve similar results for you."
      buttons={[
        {
-          text: "Inquire About Our Expertise",
-          href: "/contact",
-        },
+          text: "Inquire About Our Expertise",          href: "/contact"}
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/company",
-            },
-            {
-              label: "Our Approach",
-              href: "/approach",
-            },
-            {
-              label: "Careers",
-              href: "/careers",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Strategy & DX",
-              href: "/services#it-strategy",
-            },
-            {
-              label: "SAP Support",
-              href: "/services#sap-support",
-            },
-            {
-              label: "PMO & Program Mgmt",
-              href: "/services#pmo-support",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",
-              href: "/services#it-due-diligence",
-            },
-            {
-              label: "Talent Development",
-              href: "/services#talent-development",
-            },
-            {
-              label: "BPR",
-              href: "/services#bpr",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Cases",
-              href: "/cases",
-            },
-            {
-              label: "Insights",
-              href: "/insights",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#privacy",
-            },
-            {
-              label: "Terms of Service",
-              href: "#terms",
-            },
-            {
-              label: "© 2026 K&K Solution Inc.",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterBaseCard
      logoText="K&K Solution Inc."
+      columns={consistentFooterColumns}
+      copyrightText="© 2026 K&K Solution Inc."
+      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
+      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
+      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
+      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
+      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
+      containerClassName="max-w-screen-xl mx-auto px-4"
+      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/company/page.tsx
+++ b/src/app/company/page.tsx
@@ -3,11 +3,41 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

+const consistentNavItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Approach", id: "/approach" },
+  { name: "Company", id: "/company" },
+  { name: "Cases", id: "/cases" },
+  { name: "Insights", id: "/insights" },
+  { name: "Careers", id: "/careers" },
+  { name: "Contact", id: "/contact" },
+];
+
+const consistentFooterColumns = [
+  {
+    title: "Navigation",    items: [
+      { label: "Home", href: "/" },
+      { label: "Services", href: "/services" },
+      { label: "Company", href: "/company" },
+      { label: "Insights", href: "/insights" },
+      { label: "Careers", href: "/careers" },
+      { label: "Contact", href: "/contact" }
+    ]
+  },
+  {
+    title: "Legal",    items: [
+      { label: "Privacy Policy", href: "#privacy" },
+      { label: "Terms of Service", href: "#terms" }
+    ]
+  }
+];
+
 export default function LandingPage() {
  return (
    <ThemeProvider
@@ -25,20 +55,7 @@ export default function LandingPage() {
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Company",          id: "/company"},
-        {
-          name: "Insights",          id: "/insights"},
-        {
-          name: "Careers",          id: "/careers"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
+      navItems={consistentNavItems}
      brandName="K&K Solution Inc."
    />
  </div>
@@ -97,58 +114,17 @@ export default function LandingPage() {
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "/company"},
-            {
-              label: "Careers",              href: "/careers"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Strategy & DX",              href: "/services#it-strategy"},
-            {
-              label: "SAP Support",              href: "/services#sap-support"},
-            {
-              label: "PMO & Program Mgmt",              href: "/services#pmo-support"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",              href: "/services#it-due-diligence"},
-            {
-              label: "Talent Development",              href: "/services#talent-development"},
-            {
-              label: "BPR",              href: "/services#bpr"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Contact Us",              href: "/contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#privacy"},
-            {
-              label: "Terms of Service",              href: "#terms"},
-            {
-              label: "© 2026 K&K Solution Inc.",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterBaseCard
      logoText="K&K Solution Inc."
+      columns={consistentFooterColumns}
+      copyrightText="© 2026 K&K Solution Inc."
+      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
+      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
+      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
+      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
+      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
+      containerClassName="max-w-screen-xl mx-auto px-4"
+      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
    />
  </div>
      </ReactLenis>
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,10 +3,40 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

+const consistentNavItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "Approach", id: "/approach" },
+  { name: "Company", id: "/company" },
+  { name: "Cases", id: "/cases" },
+  { name: "Insights", id: "/insights" },
+  { name: "Careers", id: "/careers" },
+  { name: "Contact", id: "/contact" },
+];
+
+const consistentFooterColumns = [
+  {
+    title: "Navigation",    items: [
+      { label: "Home", href: "/" },
+      { label: "Services", href: "/services" },
+      { label: "Company", href: "/company" },
+      { label: "Insights", href: "/insights" },
+      { label: "Careers", href: "/careers" },
+      { label: "Contact", href: "/contact" }
+    ]
+  },
+  {
+    title: "Legal",    items: [
+      { label: "Privacy Policy", href: "#privacy" },
+      { label: "Terms of Service", href: "#terms" }
+    ]
+  }
+];
+
 export default function LandingPage() {
  return (
    <ThemeProvider
@@ -24,20 +54,7 @@ export default function LandingPage() {
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Company",          id: "/company"},
-        {
-          name: "Insights",          id: "/insights"},
-        {
-          name: "Careers",          id: "/careers"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
+      navItems={consistentNavItems}
      brandName="K&K Solution Inc."
    />
  </div>
@@ -66,58 +83,17 @@ export default function LandingPage() {
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "/company"},
-            {
-              label: "Careers",              href: "/careers"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Strategy & DX",              href: "/services#it-strategy"},
-            {
-              label: "SAP Support",              href: "/services#sap-support"},
-            {
-              label: "PMO & Program Mgmt",              href: "/services#pmo-support"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",              href: "/services#it-due-diligence"},
-            {
-              label: "Talent Development",              href: "/services#talent-development"},
-            {
-              label: "BPR",              href: "/services#bpr"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Contact Us",              href: "/contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#privacy"},
-            {
-              label: "Terms of Service",              href: "#terms"},
-            {
-              label: "© 2026 K&K Solution Inc.",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterBaseCard
      logoText="K&K Solution Inc."
+      columns={consistentFooterColumns}
+      copyrightText="© 2026 K&K Solution Inc."
+      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
+      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
+      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
+      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
+      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
+      containerClassName="max-w-screen-xl mx-auto px-4"
+      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
    />
  </div>
      </ReactLenis>
--- a/src/app/insights/page.tsx
+++ b/src/app/insights/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

 export default function LandingPage() {
@@ -74,58 +74,34 @@ export default function LandingPage() {
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
+      <FooterBaseCard
+      logoText="K&K Solution Inc."
      columns={[
        {
-          items: [
-            {
-              label: "About Us",              href: "/company"},
-            {
-              label: "Careers",              href: "/careers"},
-          ],
+          title: "Navigation",          items: [
+            { label: "Home", href: "/" },
+            { label: "Services", href: "/services" },
+            { label: "Company", href: "/company" },
+            { label: "Insights", href: "/insights" },
+            { label: "Careers", href: "/careers" },
+            { label: "Contact", href: "/contact" }
+          ]
        },
        {
-          items: [
-            {
-              label: "IT Strategy & DX",              href: "/services#it-strategy"},
-            {
-              label: "SAP Support",              href: "/services#sap-support"},
-            {
-              label: "PMO & Program Mgmt",              href: "/services#pmo-support"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",              href: "/services#it-due-diligence"},
-            {
-              label: "Talent Development",              href: "/services#talent-development"},
-            {
-              label: "BPR",              href: "/services#bpr"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Contact Us",              href: "/contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#privacy"},
-            {
-              label: "Terms of Service",              href: "#terms"},
-            {
-              label: "© 2026 K&K Solution Inc.",              href: "#"},
-          ],
-        },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#privacy" },
+            { label: "Terms of Service", href: "#terms" }
+          ]
+        }
      ]}
-      logoText="K&K Solution Inc."
+      copyrightText="© 2026 K&K Solution Inc."
+      className="bg-[#6B0F1A] border-t border-[#C9A961] py-8"
+      logoTextClassName="text-[#FAF4E6] text-xl font-bold"
+      columnTitleClassName="text-[#C9A961] font-semibold mb-4"
+      columnItemClassName="text-[#C9A961] hover:text-[#FAF4E6] text-base mb-2"
+      copyrightTextClassName="text-[#D8C896] text-sm mt-8"
+      containerClassName="max-w-screen-xl mx-auto px-4"
+      columnsClassName="grid grid-cols-2 md:grid-cols-2 gap-8 lg:gap-12"
    />
  </div>
      </ReactLenis>
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Montserrat } from "next/font/google";

@@ -55,7 +54,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body className={`${montserrat.variable} antialiased`}>
-          <Tag />
+          
          {children}
          <script
              dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -52,8 +51,8 @@ export default function LandingPage() {
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
-      title="Strategy with the depth Japan deserves."
-      description="コンサルティングを、もう一段深く。\nDelivering BCG/McKinsey-grade IT strategy to Japan's mid-cap enterprises."
+      title="変革の先陣を切る"
+      description="コンサルティングを、もう一段深く. Delivering BCG/McKinsey-grade IT strategy to Japan's mid-cap enterprises."
      testimonials={[
        {
          name: "Akira Suzuki",          handle: "@Akira_S",          testimonial: "K&K transformed our IT strategy, delivering beyond expectations. Truly world-class.",          rating: 5,
@@ -183,62 +182,6 @@ export default function LandingPage() {
      ]}
    />
  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg"
-      logoAlt="K&K Solution Inc. Logo"
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",              href: "/company"},
-            {
-              label: "Careers",              href: "/careers"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Strategy & DX",              href: "/services#it-strategy"},
-            {
-              label: "SAP Support",              href: "/services#sap-support"},
-            {
-              label: "PMO & Program Mgmt",              href: "/services#pmo-support"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "IT Due Diligence",              href: "/services#it-due-diligence"},
-            {
-              label: "Talent Development",              href: "/services#talent-development"},
-            {
-              label: "BPR",              href: "/services#bpr"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Contact Us",              href: "/contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",              href: "#privacy"},
-            {
-              label: "Terms of Service",              href: "#terms"},
-            {
-              label: "© 2026 K&K Solution Inc.",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="K&K Solution Inc."
-    />
-  </div>
      </ReactLenis>
    </ThemeProvider>
  );
Author	SHA1	Message	Date
bender	e7ec3814c8	Update src/app/contact/page.tsx	2026-06-07 13:38:55 +00:00
bender	3c3ed4000f	Update src/app/company/page.tsx	2026-06-07 13:38:54 +00:00
bender	72c5cf264b	Update src/app/cases/page.tsx	2026-06-07 13:38:54 +00:00
bender	bfc54a23e7	Update src/app/careers/page.tsx	2026-06-07 13:38:54 +00:00
bender	54a6dc7872	Update src/app/approach/page.tsx	2026-06-07 13:38:53 +00:00
bender	a92536038f	Merge version_10 into main Merge version_10 into main	2026-06-07 13:34:16 +00:00
bender	6017613655	Update src/app/insights/page.tsx	2026-06-07 13:34:13 +00:00
bender	b023e84895	Update src/app/contact/page.tsx	2026-06-07 13:34:13 +00:00
bender	21b3351453	Update src/app/company/page.tsx	2026-06-07 13:34:12 +00:00
bender	26505a4313	Update src/app/cases/page.tsx	2026-06-07 13:34:12 +00:00
bender	f25aff5026	Update src/app/careers/page.tsx	2026-06-07 13:34:12 +00:00
bender	17df505395	Update src/app/approach/page.tsx	2026-06-07 13:34:11 +00:00
bender	37dc9e98fa	Merge version_9 into main Merge version_9 into main	2026-06-07 13:29:35 +00:00
bender	59d73bbcfd	Update src/app/contact/page.tsx	2026-06-07 13:29:32 +00:00
bender	ba59b2d20d	Update src/app/company/page.tsx	2026-06-07 13:29:32 +00:00
bender	b40de4ffc9	Update src/app/cases/page.tsx	2026-06-07 13:29:31 +00:00
bender	6981855ba9	Update src/app/careers/page.tsx	2026-06-07 13:29:31 +00:00
bender	b62419f39e	Update src/app/approach/page.tsx	2026-06-07 13:29:31 +00:00
bender	c112de0cf4	Merge version_8 into main Merge version_8 into main	2026-06-07 13:18:59 +00:00
bender	5e824954fa	Update src/app/page.tsx	2026-06-07 13:18:56 +00:00
bender	b046fa41ab	Merge version_7 into main Merge version_7 into main	2026-06-07 13:17:24 +00:00
bender	e67741dc0c	Update src/app/page.tsx	2026-06-07 13:17:21 +00:00
bender	84a6a6be31	Merge version_4 into main Merge version_4 into main	2026-06-07 13:06:22 +00:00
bender	38fbed388a	Remove watermark	2026-06-07 13:06:19 +00:00
bender	667a8ab587	Merge version_4 into main Merge version_4 into main	2026-06-07 12:55:52 +00:00
bender	2447c78355	Update src/app/page.tsx	2026-06-07 12:55:48 +00:00
bender	0a4343eacf	Merge version_3 into main Merge version_3 into main	2026-06-07 12:51:36 +00:00
bender	991b603422	Update src/app/cases/page.tsx	2026-06-07 12:51:33 +00:00
bender	b8285dae1f	Merge version_3 into main Merge version_3 into main	2026-06-07 12:50:54 +00:00
bender	f4bde34abd	Update src/app/company/page.tsx	2026-06-07 12:50:51 +00:00
bender	e4d6b33c29	Update src/app/cases/page.tsx	2026-06-07 12:50:51 +00:00
bender	3bbb2bf4a8	Update src/app/careers/page.tsx	2026-06-07 12:50:51 +00:00
bender	e77b957bcf	Update src/app/approach/page.tsx	2026-06-07 12:50:50 +00:00
bender	7399c9d149	Merge version_2 into main Merge version_2 into main	2026-06-07 12:45:24 +00:00