From 0eaaf515e98243fb5905f8e3b2a138b31722bcf6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 13:59:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 345 ++++++++++++++++++++++++-----------------------
 1 file changed, 176 insertions(+), 169 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5055623..89bb52c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,187 +2,194 @@
 
 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 HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactText from "@/components/sections/contact/ContactText";
+import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
+import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import { Briefcase, Building, Database, Diamond, Loader, ShieldCheck, Sparkles, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="mediumLarge"
-        sizing="mediumSizeLargeTitles"
-        background="aurora"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="mediumSizeLargeTitles"
+      background="aurora"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <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"},
-      ]}
-      brandName="K&K Solution Inc."
-    />
-  </div>
+        <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"
+              }
+            ]}
+            brandName="K&K Solution Inc."
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
-      imagePosition="right"
-      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,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149411408.jpg",          imageAlt: "Akira Suzuki profile"},
-        {
-          name: "Emi Nakamura",          handle: "@Emi_Naka",          testimonial: "Their SAP expertise is unparalleled. Smooth migration and excellent support.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/worldface-spanish-man-white-background_53876-139733.jpg",          imageAlt: "Emi Nakamura profile"},
-        {
-          name: "Takeshi Tanaka",          handle: "@T_Tanaka",          testimonial: "The PMO support was critical for our complex project. Highly recommend K&K.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-silhouette-man_23-2149706998.jpg",          imageAlt: "Takeshi Tanaka profile"},
-        {
-          name: "Reina Kobayashi",          handle: "@ReinaK",          testimonial: "K&K's insight into Japanese market nuances combined with global best practices is invaluable.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg",          imageAlt: "Reina Kobayashi profile"},
-        {
-          name: "Daiki Hashimoto",          handle: "@HashimotoD",          testimonial: "Strategic depth and practical execution – K&K delivers tangible results.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/business-avatar-template_23-2147502917.jpg",          imageAlt: "Daiki Hashimoto profile"},
-      ]}
-      buttons={[
-        {
-          text: "Contact Us",          href: "/contact"},
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psnj5l&_wi=1"
-      imageAlt="K&K Solution Inc. Gold Logo"
-      mediaAnimation="slide-up"
-      fixedMediaHeight={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/businessman-silhouettes-avatars_23-2147495067.jpg",          alt: "Client Avatar 1"},
-        {
-          src: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-516.jpg",          alt: "Client Avatar 2"},
-        {
-          src: "http://img.b2bpic.net/free-vector/illustration-business-people_53876-5890.jpg",          alt: "Client Avatar 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/office-sunset_1098-350.jpg",          alt: "Client Avatar 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/silhouettes-modern-office_1098-669.jpg",          alt: "Client Avatar 5"},
-      ]}
-      avatarText="Trusted by 250+ leading enterprises."
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "IT Strategy",          icon: Diamond,
-        },
-        {
-          type: "text-icon",          text: "Digital Transformation",          icon: Sparkles,
-        },
-        {
-          type: "text-icon",          text: "SAP S/4HANA",          icon: Database,
-        },
-        {
-          type: "text-icon",          text: "PMO Services",          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",          text: "Business Process Re-engineering",          icon: Loader,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            useInvertedBackground={true}
+            background={{
+              variant: "radial-gradient"
+            }}
+            imagePosition="right"
+            title="変革の先陣を切る"
+            description="コンサルティングを、もう一段深く. Delivering BCG/McKinsey-grade IT strategy to Japan's mid-cap enterprises."
+            testimonials={[
+              {
+                name: "Akira Suzuki",                testimonial: "K&K transformed our IT strategy, delivering beyond expectations. Truly world-class.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149411408.jpg",                imageAlt: "Akira Suzuki profile"
+              },
+              {
+                name: "Emi Nakamura",                testimonial: "Their SAP expertise is unparalleled. Smooth migration and excellent support.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/worldface-spanish-man-white-background_53876-139733.jpg",                imageAlt: "Emi Nakamura profile"
+              },
+              {
+                name: "Takeshi Tanaka",                testimonial: "The PMO support was critical for our complex project. Highly recommend K&K.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-silhouette-man_23-2149706998.jpg",                imageAlt: "Takeshi Tanaka profile"
+              },
+              {
+                name: "Reina Kobayashi",                testimonial: "K&K's insight into Japanese market nuances combined with global best practices is invaluable.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg",                imageAlt: "Reina Kobayashi profile"
+              },
+              {
+                name: "Daiki Hashimoto",                testimonial: "Strategic depth and practical execution – K&K delivers tangible results.",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-vector/business-avatar-template_23-2147502917.jpg",                imageAlt: "Daiki Hashimoto profile"
+              }
+            ]}
+            buttons={[]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psnj5l&_wi=1"
+            imageAlt="K&K Solution Inc. Gold Logo"
+            mediaAnimation="slide-up"
+            fixedMediaHeight={true}
+            avatars={[
+              {
+                src: "http://img.b2bpic.net/free-vector/businessman-silhouettes-avatars_23-2147495067.jpg",                alt: "Client Avatar 1"
+              },
+              {
+                src: "http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-516.jpg",                alt: "Client Avatar 2"
+              },
+              {
+                src: "http://img.b2bpic.net/free-photo/office-sunset_1098-350.jpg",                alt: "Client Avatar 3"
+              },
+              {
+                src: "http://img.b2bpic.net/free-photo/silhouettes-modern-office_1098-669.jpg",                alt: "Client Avatar 4"
+              },
+              {
+                src: "http://img.b2bpic.net/free-photo/worldface-spanish-man-white-background_53876-139733.jpg",                alt: "Client Avatar 5"
+              }
+            ]}
+            avatarText="Trusted by 250+ leading enterprises."
+          />
+        </div>
 
-  <div id="home-services-preview" data-section="home-services-preview">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "it-strategy",          title: "IT Strategy & DX",          tags: [
-            "Consulting",            "Digital Transformation"],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card-design_23-2149298186.jpg",          imageAlt: "IT Strategy & DX icon"},
-        {
-          id: "sap-support",          title: "SAP Implementation & Operation",          tags: [
-            "ERP",            "S/4HANA"],
-          imageSrc: "http://img.b2bpic.net/free-vector/triangle-green-gradient-luxury-background_343694-4684.jpg",          imageAlt: "SAP Support icon"},
-        {
-          id: "pmo-support",          title: "PMO & Program Management",          tags: [
-            "Project Management",            "Governance"],
-          imageSrc: "http://img.b2bpic.net/free-photo/feminine-circle-frame_53876-90184.jpg",          imageAlt: "PMO Support icon"},
-      ]}
-      title="Our Core Services"
-      description="Driving innovation and efficiency across your enterprise."
-    />
-  </div>
+        <div id="home-services-preview" data-section="home-services-preview">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "it-strategy",                title: "IT Strategy & DX",                tags: [
+                  "Consulting",                  "Digital Transformation"
+                ],
+                imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card-design_23-2149298186.jpg",                imageAlt: "IT Strategy & DX icon"
+              },
+              {
+                id: "sap-support",                title: "SAP Implementation & Operation",                tags: [
+                  "ERP",                  "S/4HANA"
+                ],
+                imageSrc: "http://img.b2bpic.net/free-vector/triangle-green-gradient-luxury-background_343694-4684.jpg",                imageAlt: "SAP Support icon"
+              },
+              {
+                id: "pmo-support",                title: "PMO & Program Management",                tags: [
+                  "Project Management",                  "Governance"
+                ],
+                imageSrc: "http://img.b2bpic.net/free-photo/feminine-circle-frame_53876-90184.jpg",                imageAlt: "PMO Support icon"
+              }
+            ]}
+            title="Our Core Services"
+            description="Driving innovation and efficiency across your enterprise."
+          />
+        </div>
 
-  <div id="home-stats" data-section="home-stats">
-      <MetricCardOne
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "clients",          value: "250+",          title: "Satisfied Clients",          description: "Across diverse industries.",          icon: Users,
-        },
-        {
-          id: "projects",          value: "700+",          title: "Successful Projects",          description: "Delivered on time and budget.",          icon: Briefcase,
-        },
-        {
-          id: "industries",          value: "15+",          title: "Industries Served",          description: "Deep sector expertise.",          icon: Building,
-        },
-      ]}
-      title="Impactful Results"
-      description="Quantifying our commitment to your success."
-    />
-  </div>
+        <div id="home-stats" data-section="home-stats">
+          <MetricCardOne
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              {
+                id: "clients",                value: "250+",                title: "Satisfied Clients",                description: "Across diverse industries.",                icon: Users
+              },
+              {
+                id: "projects",                value: "700+",                title: "Successful Projects",                description: "Delivered on time and budget.",                icon: Briefcase
+              },
+              {
+                id: "industries",                value: "15+",                title: "Industries Served",                description: "Deep sector expertise.",                icon: Building
+              }
+            ]}
+            title="Impactful Results"
+            description="Quantifying our commitment to your success."
+          />
+        </div>
 
-  <div id="home-message" data-section="home-message">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="A Message from Our Founder"
-      description={[
-        "At K&K Solution Inc., we believe in delivering consulting services that truly transform businesses. Our team comprises veterans from leading global consulting firms, bringing a wealth of strategic insight and practical experience.",        "We are dedicated to empowering Japan's mid-cap enterprises with world-class IT strategy and digital transformation capabilities, ensuring they thrive in an evolving global landscape. Your success is our mission."]}
-      buttons={[
-        {
-          text: "Read Full Message",          href: "/company#founder-message"},
-      ]}
-    />
-  </div>
+        <div id="home-message" data-section="home-message">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="A Message from Our Founder"
+            description={[
+              "At K&K Solution Inc., we believe in delivering consulting services that truly transform businesses. Our team comprises veterans from leading global consulting firms, bringing a wealth of strategic insight and practical experience.",              "We are dedicated to empowering Japan's mid-cap enterprises with world-class IT strategy and digital transformation capabilities, ensuring they thrive in an evolving global landscape. Your success is our mission."
+            ]}
+            buttons={[
+              {
+                text: "Read Full Message",                href: "/company#founder-message"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="home-cta" data-section="home-cta">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      text="Ready to deepen your strategy? Connect with us today."
-      buttons={[
-        {
-          text: "Contact Us Now",          href: "/contact"},
-      ]}
-    />
-  </div>
+        <div id="home-cta" data-section="home-cta">
+          <ContactText
+            useInvertedBackground={true}
+            background={{
+              variant: "plain"
+            }}
+            text="Ready to deepen your strategy? Connect with us today."
+            buttons={[
+              {
+                text: "Contact Us Now",                href: "/contact"
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1