72 Commits

Author SHA1 Message Date
6d2845af6a Update src/app/page.tsx 2026-06-07 14:29:16 +00:00
a1ecd36f64 Update src/app/page.tsx 2026-06-07 14:28:46 +00:00
eed9bc34dd Update src/app/page.tsx 2026-06-07 14:28:14 +00:00
ad5b985467 Merge version_16 into main
Merge version_16 into main
2026-06-07 14:27:00 +00:00
fbc507d175 Update src/app/page.tsx 2026-06-07 14:26:57 +00:00
349b5d14cb Merge version_16 into main
Merge version_16 into main
2026-06-07 14:26:39 +00:00
a27064ab78 Update src/app/page.tsx 2026-06-07 14:26:36 +00:00
f8eb608af1 Merge version_16 into main
Merge version_16 into main
2026-06-07 14:25:46 +00:00
1401295b94 Merge version_17 into main
Merge version_17 into main
2026-06-07 14:25:45 +00:00
2565772891 Update src/app/page.tsx 2026-06-07 14:25:43 +00:00
0a67d8e2e8 Update src/app/page.tsx 2026-06-07 14:25:42 +00:00
e20e3d8973 Merge version_15 into main
Merge version_15 into main
2026-06-07 14:21:58 +00:00
bbdaf9c0b3 Update src/app/page.tsx 2026-06-07 14:21:52 +00:00
a97392cbd6 Merge version_14 into main
Merge version_14 into main
2026-06-07 14:21:11 +00:00
53103ffa81 Update src/app/page.tsx 2026-06-07 14:21:08 +00:00
bc45ae7adb Merge version_14 into main
Merge version_14 into main
2026-06-07 14:02:08 +00:00
7f257c4e46 Update src/app/page.tsx 2026-06-07 14:02:05 +00:00
96479be3aa Merge version_14 into main
Merge version_14 into main
2026-06-07 14:01:30 +00:00
0f610b66da Update src/app/page.tsx 2026-06-07 14:01:24 +00:00
f273541b5d Merge version_13 into main
Merge version_13 into main
2026-06-07 13:59:52 +00:00
2efea6cd0d Update src/app/page.tsx 2026-06-07 13:59:49 +00:00
fc94e540f6 Merge version_13 into main
Merge version_13 into main
2026-06-07 13:59:12 +00:00
0eaaf515e9 Update src/app/page.tsx 2026-06-07 13:59:06 +00:00
3f2f1f27ca Merge version_12 into main
Merge version_12 into main
2026-06-07 13:52:31 +00:00
27c44168cd Update src/app/insights/page.tsx 2026-06-07 13:52:28 +00:00
f6393271bb Update src/app/contact/page.tsx 2026-06-07 13:52:27 +00:00
1386c52c4b Update src/app/company/page.tsx 2026-06-07 13:52:27 +00:00
6421f858b1 Update src/app/cases/page.tsx 2026-06-07 13:52:26 +00:00
88103105c1 Update src/app/careers/page.tsx 2026-06-07 13:52:26 +00:00
bfa4496f84 Update src/app/approach/page.tsx 2026-06-07 13:52:26 +00:00
c11461648e Merge version_11 into main
Merge version_11 into main
2026-06-07 13:38:58 +00:00
e7ec3814c8 Update src/app/contact/page.tsx 2026-06-07 13:38:55 +00:00
3c3ed4000f Update src/app/company/page.tsx 2026-06-07 13:38:54 +00:00
72c5cf264b Update src/app/cases/page.tsx 2026-06-07 13:38:54 +00:00
bfc54a23e7 Update src/app/careers/page.tsx 2026-06-07 13:38:54 +00:00
54a6dc7872 Update src/app/approach/page.tsx 2026-06-07 13:38:53 +00:00
a92536038f Merge version_10 into main
Merge version_10 into main
2026-06-07 13:34:16 +00:00
6017613655 Update src/app/insights/page.tsx 2026-06-07 13:34:13 +00:00
b023e84895 Update src/app/contact/page.tsx 2026-06-07 13:34:13 +00:00
21b3351453 Update src/app/company/page.tsx 2026-06-07 13:34:12 +00:00
26505a4313 Update src/app/cases/page.tsx 2026-06-07 13:34:12 +00:00
f25aff5026 Update src/app/careers/page.tsx 2026-06-07 13:34:12 +00:00
17df505395 Update src/app/approach/page.tsx 2026-06-07 13:34:11 +00:00
37dc9e98fa Merge version_9 into main
Merge version_9 into main
2026-06-07 13:29:35 +00:00
59d73bbcfd Update src/app/contact/page.tsx 2026-06-07 13:29:32 +00:00
ba59b2d20d Update src/app/company/page.tsx 2026-06-07 13:29:32 +00:00
b40de4ffc9 Update src/app/cases/page.tsx 2026-06-07 13:29:31 +00:00
6981855ba9 Update src/app/careers/page.tsx 2026-06-07 13:29:31 +00:00
b62419f39e Update src/app/approach/page.tsx 2026-06-07 13:29:31 +00:00
c112de0cf4 Merge version_8 into main
Merge version_8 into main
2026-06-07 13:18:59 +00:00
5e824954fa Update src/app/page.tsx 2026-06-07 13:18:56 +00:00
b046fa41ab Merge version_7 into main
Merge version_7 into main
2026-06-07 13:17:24 +00:00
e67741dc0c Update src/app/page.tsx 2026-06-07 13:17:21 +00:00
84a6a6be31 Merge version_4 into main
Merge version_4 into main
2026-06-07 13:06:22 +00:00
38fbed388a Remove watermark 2026-06-07 13:06:19 +00:00
667a8ab587 Merge version_4 into main
Merge version_4 into main
2026-06-07 12:55:52 +00:00
2447c78355 Update src/app/page.tsx 2026-06-07 12:55:48 +00:00
0a4343eacf Merge version_3 into main
Merge version_3 into main
2026-06-07 12:51:36 +00:00
991b603422 Update src/app/cases/page.tsx 2026-06-07 12:51:33 +00:00
b8285dae1f Merge version_3 into main
Merge version_3 into main
2026-06-07 12:50:54 +00:00
f4bde34abd Update src/app/company/page.tsx 2026-06-07 12:50:51 +00:00
e4d6b33c29 Update src/app/cases/page.tsx 2026-06-07 12:50:51 +00:00
3bbb2bf4a8 Update src/app/careers/page.tsx 2026-06-07 12:50:51 +00:00
e77b957bcf Update src/app/approach/page.tsx 2026-06-07 12:50:50 +00:00
7399c9d149 Merge version_2 into main
Merge version_2 into main
2026-06-07 12:45:24 +00:00
e97e78541f Update src/app/page.tsx 2026-06-07 12:45:21 +00:00
20b29e37e9 Update src/app/insights/page.tsx 2026-06-07 12:45:21 +00:00
213150ecfa Update src/app/contact/page.tsx 2026-06-07 12:45:20 +00:00
d8cea30567 Update src/app/company/page.tsx 2026-06-07 12:45:20 +00:00
69a92e8e33 Update src/app/careers/page.tsx 2026-06-07 12:45:20 +00:00
01c04a93f2 Merge version_1 into main
Merge version_1 into main
2026-06-02 00:09:52 +00:00
76ecacbff6 Merge version_1 into main
Merge version_1 into main
2026-06-02 00:09:10 +00:00
8 changed files with 391 additions and 1148 deletions

View File

@@ -4,10 +4,40 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree'; import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -25,40 +55,7 @@ export default function LandingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={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",
},
]}
brandName="K&K Solution Inc." brandName="K&K Solution Inc."
/> />
</div> </div>
@@ -70,35 +67,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "stage-1", id: "stage-1", title: "Phase I: Strategic Deep Dive", tags: [
title: "Phase I: Strategic Deep Dive", "Discovery", "Analysis"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg", imageAlt: "Strategic Deep Dive icon"},
"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", id: "stage-2", title: "Phase II: Tailored Solution Design", tags: [
title: "Phase II: Tailored Solution Design", "Customization", "Blueprint"],
tags: [ imageSrc: "http://img.b2bpic.net/free-vector/golden-frame-collection_23-2148047974.jpg", imageAlt: "Tailored Solution Design icon"},
"Customization",
"Blueprint",
],
imageSrc: "http://img.b2bpic.net/free-vector/golden-frame-collection_23-2148047974.jpg",
imageAlt: "Tailored Solution Design icon",
},
{ {
id: "stage-3", id: "stage-3", title: "Phase III: Execution & Sustainment", tags: [
title: "Phase III: Execution & Sustainment", "Implementation", "Monitoring"],
tags: [ imageSrc: "http://img.b2bpic.net/free-vector/geometric-golden-frame-collection_23-2148053424.jpg", imageAlt: "Execution & Sustainment icon"},
"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" title="Our 3-Stage Quality Assurance Method"
description="A meticulous process ensuring unparalleled quality and tangible results." description="A meticulous process ensuring unparalleled quality and tangible results."
@@ -110,9 +89,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="BCG/McKinsey Expertise, Japan-Focused Insight" title="BCG/McKinsey Expertise, Japan-Focused Insight"
description={[ 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.", "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."]}
"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> </div>
@@ -120,105 +97,20 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Discover the K&K difference for your next project." text="Discover the K&K difference for your next project."
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "/contact"},
href: "/contact",
},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
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: "#",
},
],
},
]}
logoText="K&K Solution Inc." logoText="K&K Solution Inc."
columns={consistentFooterColumns}
copyrightText="© 2026 K&K Solution Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -4,10 +4,40 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -25,40 +55,7 @@ export default function LandingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={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",
},
]}
brandName="K&K Solution Inc." brandName="K&K Solution Inc."
/> />
</div> </div>
@@ -66,11 +63,9 @@ export default function LandingPage() {
<div id="careers-why" data-section="careers-why"> <div id="careers-why" data-section="careers-why">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Why Join K&K Solution Inc.?" title="Why Join K&K Solution Inc."
description={[ description={[
"Be part of a dynamic team dedicated to shaping the future of IT consulting in Japan. At K&K, you'll work alongside industry veterans, tackle complex challenges, and drive real impact for our clients. We foster a culture of continuous learning, professional growth, and collaborative innovation.", "Be part of a dynamic team dedicated to shaping the future of IT consulting in Japan. At K&K, you'll work alongside industry veterans, tackle complex challenges, and drive real impact for our clients. We foster a culture of continuous learning, professional growth, and collaborative innovation.", "We offer competitive compensation, comprehensive benefits, and a supportive environment where your contributions are valued and recognized. Build your career with purpose."]}
"We offer competitive compensation, comprehensive benefits, and a supportive environment where your contributions are valued and recognized. Build your career with purpose.",
]}
/> />
</div> </div>
@@ -80,20 +75,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "role-1", id: "role-1", title: "IT Strategy Consultant", content: "Lead strategic planning and digital transformation initiatives for key clients. Requires 5+ years consulting experience."},
title: "IT Strategy Consultant",
content: "Lead strategic planning and digital transformation initiatives for key clients. Requires 5+ years consulting experience.",
},
{ {
id: "role-2", id: "role-2", title: "SAP Solution Architect", content: "Design and oversee SAP implementation projects, including S/4HANA migrations. Requires 7+ years SAP experience."},
title: "SAP Solution Architect",
content: "Design and oversee SAP implementation projects, including S/4HANA migrations. Requires 7+ years SAP experience.",
},
{ {
id: "role-3", id: "role-3", title: "PMO Specialist", content: "Provide program management and PMO support for large-scale IT projects. Requires 3+ years PMO experience."},
title: "PMO Specialist",
content: "Provide program management and PMO support for large-scale IT projects. Requires 3+ years PMO experience.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-vector/minimal-business-card-template_23-2148445851.jpg" imageSrc="http://img.b2bpic.net/free-vector/minimal-business-card-template_23-2148445851.jpg"
imageAlt="Career opportunities icon" imageAlt="Career opportunities icon"
@@ -108,105 +94,20 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Ready to make an impact? Apply now and join our team." text="Ready to make an impact? Apply now and join our team."
buttons={[ buttons={[
{ {
text: "View Open Positions", text: "View Open Positions", href: "/contact"},
href: "/contact",
},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
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: "#",
},
],
},
]}
logoText="K&K Solution Inc." logoText="K&K Solution Inc."
columns={consistentFooterColumns}
copyrightText="© 2026 K&K Solution Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -3,10 +3,40 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -24,40 +54,7 @@ export default function LandingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={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",
},
]}
brandName="K&K Solution Inc." brandName="K&K Solution Inc."
/> />
</div> </div>
@@ -70,65 +67,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "case-1", id: "case-1", brand: "Manufacturing Industry", name: "Major Manufacturer A", price: "DX Strategy", rating: 5,
brand: "Manufacturing Industry", 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"},
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", id: "case-2", brand: "Retail Sector", name: "Retail Chain B", price: "SAP S/4HANA Migration", rating: 5,
brand: "Retail Sector", 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"},
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", id: "case-3", brand: "Financial Services", name: "Regional Bank C", price: "IT Due Diligence", rating: 5,
brand: "Financial Services", 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"},
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", id: "case-4", brand: "Healthcare", name: "Medical Group D", price: "PMO Support", rating: 5,
brand: "Healthcare", 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"},
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", id: "case-5", brand: "Logistics", name: "Logistics Firm E", price: "Business Process Re-engineering", rating: 5,
brand: "Logistics", 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"},
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", id: "case-6", brand: "Public Sector", name: "Government Agency F", price: "Talent Development", rating: 5,
brand: "Public Sector", 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"}
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" title="Selected Client Cases"
description="Transformative outcomes for Japan's leading mid-cap enterprises." description="Transformative outcomes for Japan's leading mid-cap enterprises."
@@ -139,105 +94,20 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Discover how we can achieve similar results for you." text="Discover how we can achieve similar results for you."
buttons={[ buttons={[
{ {
text: "Inquire About Our Expertise", text: "Inquire About Our Expertise", href: "/contact"}
href: "/contact",
},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
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: "#",
},
],
},
]}
logoText="K&K Solution Inc." logoText="K&K Solution Inc."
columns={consistentFooterColumns}
copyrightText="© 2026 K&K Solution Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -3,11 +3,41 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven'; import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -25,24 +55,7 @@ export default function LandingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={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"},
]}
brandName="K&K Solution Inc." brandName="K&K Solution Inc."
/> />
</div> </div>
@@ -101,62 +114,10 @@ export default function LandingPage() {
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
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: "#"},
],
},
]}
logoText="K&K Solution Inc." logoText="K&K Solution Inc."
columns={consistentFooterColumns}
copyrightText="© 2026 K&K Solution Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -3,10 +3,40 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -24,24 +54,7 @@ export default function LandingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={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"},
]}
brandName="K&K Solution Inc." brandName="K&K Solution Inc."
/> />
</div> </div>
@@ -70,62 +83,10 @@ export default function LandingPage() {
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
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: "#"},
],
},
]}
logoText="K&K Solution Inc." logoText="K&K Solution Inc."
columns={consistentFooterColumns}
copyrightText="© 2026 K&K Solution Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -4,9 +4,20 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree'; import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
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" },
];
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
@@ -24,40 +35,7 @@ export default function LandingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={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",
},
]}
brandName="K&K Solution Inc." brandName="K&K Solution Inc."
/> />
</div> </div>
@@ -71,38 +49,11 @@ export default function LandingPage() {
description="Stay informed with our expert perspectives on IT strategy, DX, and more." description="Stay informed with our expert perspectives on IT strategy, DX, and more."
blogs={[ blogs={[
{ {
id: "blog-1", id: "blog-1", category: "DX", title: "The Future of Digital Transformation in Japan", excerpt: "Exploring emerging trends and challenges for Japanese enterprises.", imageSrc: "http://img.b2bpic.net/free-vector/business-card-template-brown-tone-flatlay_53876-100510.jpg", imageAlt: "Digital Transformation insights", authorName: "Kenji Tanaka", authorAvatar: "http://img.b2bpic.net/free-vector/hand-drawn-businessmen-collection_23-2147569231.jpg", date: "2024-03-15"},
category: "DX",
title: "The Future of Digital Transformation in Japan",
excerpt: "Exploring emerging trends and challenges for Japanese enterprises.",
imageSrc: "http://img.b2bpic.net/free-vector/business-card-template-brown-tone-flatlay_53876-100510.jpg",
imageAlt: "Digital Transformation insights",
authorName: "Kenji Tanaka",
authorAvatar: "http://img.b2bpic.net/free-vector/hand-drawn-businessmen-collection_23-2147569231.jpg",
date: "2024-03-15",
},
{ {
id: "blog-2", id: "blog-2", category: "SAP", title: "Navigating Your S/4HANA Migration Journey", excerpt: "Key considerations and best practices for a smooth transition.", imageSrc: "http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641319.jpg", imageAlt: "SAP S/4HANA migration guide", authorName: "Hiroshi Yamada", authorAvatar: "http://img.b2bpic.net/free-photo/adult-serious-businessman-looking-camera_23-2148113003.jpg", date: "2024-03-01"},
category: "SAP",
title: "Navigating Your S/4HANA Migration Journey",
excerpt: "Key considerations and best practices for a smooth transition.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641319.jpg",
imageAlt: "SAP S/4HANA migration guide",
authorName: "Hiroshi Yamada",
authorAvatar: "http://img.b2bpic.net/free-photo/adult-serious-businessman-looking-camera_23-2148113003.jpg",
date: "2024-03-01",
},
{ {
id: "blog-3", id: "blog-3", category: "PMO", title: "Enhancing Project Governance for Complex IT Initiatives", excerpt: "Strategies for robust PMO and effective program management.", imageSrc: "http://img.b2bpic.net/free-photo/parchment-texture-backdrop-frame_53876-90112.jpg", imageAlt: "Project Governance strategies", authorName: "Yuki Sato", authorAvatar: "http://img.b2bpic.net/free-vector/isolated-young-handsome-man-different-poses-white-background-illustration_632498-860.jpg", date: "2024-02-20"},
category: "PMO",
title: "Enhancing Project Governance for Complex IT Initiatives",
excerpt: "Strategies for robust PMO and effective program management.",
imageSrc: "http://img.b2bpic.net/free-photo/parchment-texture-backdrop-frame_53876-90112.jpg",
imageAlt: "Project Governance strategies",
authorName: "Yuki Sato",
authorAvatar: "http://img.b2bpic.net/free-vector/isolated-young-handsome-man-different-poses-white-background-illustration_632498-860.jpg",
date: "2024-02-20",
},
]} ]}
/> />
</div> </div>
@@ -111,105 +62,37 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Have a specific topic in mind? Suggest an article idea." text="Have a specific topic in mind? Suggest an article idea."
buttons={[ buttons={[
{ {
text: "Submit an Idea", text: "Submit an Idea", href: "/contact"},
href: "/contact",
},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
logoSrc="http://img.b2bpic.net/free-vector/letter-k-luxury-brand-logo-concept-design-vector_1055-13164.jpg" logoText="K&K Solution Inc."
logoAlt="K&K Solution Inc. Logo"
columns={[ columns={[
{ {
items: [ title: "Navigation", items: [
{ { label: "Home", href: "/" },
label: "About Us", { label: "Services", href: "/services" },
href: "/company", { label: "Company", href: "/company" },
}, { label: "Insights", href: "/insights" },
{ { label: "Careers", href: "/careers" },
label: "Our Approach", { label: "Contact", href: "/contact" }
href: "/approach", ]
},
{
label: "Careers",
href: "/careers",
},
],
}, },
{ {
items: [ title: "Legal", items: [
{ { label: "Privacy Policy", href: "#privacy" },
label: "IT Strategy & DX", { label: "Terms of Service", href: "#terms" }
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: "#",
},
],
},
]} ]}
logoText="K&K Solution Inc." copyrightText="© 2026 K&K Solution Inc."
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "@/lib/gsap-setup"; import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Montserrat } from "next/font/google"; import { Montserrat } from "next/font/google";
@@ -55,7 +54,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${montserrat.variable} antialiased`}> <body className={`${montserrat.variable} antialiased`}>
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

View File

@@ -2,382 +2,158 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from "@/components/sections/contact/ContactText";
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree'; import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import { Briefcase, Building, Users } from "lucide-react";
import { Briefcase, Building, Database, Diamond, Loader, ShieldCheck, Sparkles, Users } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="pill"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles" sizing="mediumSizeLargeTitles"
background="aurora" background="aurora"
cardStyle="layered-gradient" cardStyle="layered-gradient"
primaryButtonStyle="primary-glow" primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"
id: "/", },
}, {
{ name: "Services", id: "/services"
name: "Services", },
id: "/services", {
}, name: "Company", id: "/company"
{ },
name: "Approach", {
id: "/approach", name: "Insights", id: "/insights"
}, },
{ {
name: "Company", name: "Careers", id: "/careers"
id: "/company", },
}, {
{ name: "Contact", id: "/contact"
name: "Cases", }
id: "/cases", ]}
}, brandName="K&K Solution Inc."
{ />
name: "Insights", </div>
id: "/insights",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="K&K Solution Inc."
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"
}} }}
imagePosition="right" imagePosition="right"
title="Strategy with the depth Japan deserves." title="変革の先陣を切る"
description="コンサルティングを、もう一段深く。\nDelivering BCG/McKinsey-grade IT strategy to Japan's mid-cap enterprises." description="コンサルティングを、もう一段深く. Delivering BCG/McKinsey-grade IT strategy to Japan's mid-cap enterprises."
testimonials={[ buttons={[]}
{ mediaAnimation="slide-up"
name: "Akira Suzuki", fixedMediaHeight={true}
handle: "@Akira_S", testimonials={[
testimonial: "K&K transformed our IT strategy, delivering beyond expectations. Truly world-class.", {
rating: 5, name: "Taro Yamada", handle: "@TaroYamada", testimonial: "K&K Solution transformed our IT infrastructure, significantly boosting our efficiency and reducing operational costs. Their strategic insights were invaluable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-black-white_23-2149411408.jpg", imageSrc: "/images/placeholder-avatar.jpg", imageAlt: "Taro Yamada avatar"
imageAlt: "Akira Suzuki profile", },
}, {
{ name: "Hanako Tanaka", handle: "@HanakoTanaka", testimonial: "The team at K&K provided expert guidance on our digital transformation journey. Their approach was thorough, and the results exceeded our expectations.", rating: 5,
name: "Emi Nakamura", imageSrc: "/images/placeholder-avatar.jpg", imageAlt: "Hanako Tanaka avatar"
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", </div>
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="home-services-preview" data-section="home-services-preview"> <div id="home-services-preview" data-section="home-services-preview">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "it-strategy", id: "it-strategy", title: "IT Strategy & DX", tags: [
title: "IT Strategy & DX", "Consulting", "Digital Transformation"
tags: [ ]
"Consulting", },
"Digital Transformation", {
], id: "sap-support", title: "SAP Implementation & Operation", tags: [
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card-design_23-2149298186.jpg", "ERP", "S/4HANA"
imageAlt: "IT Strategy & DX icon", ]
}, },
{ {
id: "sap-support", id: "pmo-support", title: "PMO & Program Management", tags: [
title: "SAP Implementation & Operation", "Project Management", "Governance"
tags: [ ]
"ERP", }
"S/4HANA", ]}
], title="Our Core Services"
imageSrc: "http://img.b2bpic.net/free-vector/triangle-green-gradient-luxury-background_343694-4684.jpg", description="Driving innovation and efficiency across your enterprise."
imageAlt: "SAP Support icon", />
}, </div>
{
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"> <div id="home-stats" data-section="home-stats">
<MetricCardOne <MetricCardOne
animationType="depth-3d" animationType="depth-3d"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "clients", id: "clients", value: "250+", title: "Satisfied Clients", description: "Across diverse industries.", icon: Users
value: "250+", },
title: "Satisfied Clients", {
description: "Across diverse industries.", id: "projects", value: "700+", title: "Successful Projects", description: "Delivered on time and budget.", icon: Briefcase
icon: Users, },
}, {
{ id: "industries", value: "15+", title: "Industries Served", description: "Deep sector expertise.", icon: Building
id: "projects", }
value: "700+", ]}
title: "Successful Projects", title="Impactful Results"
description: "Delivered on time and budget.", description="Quantifying our commitment to your success."
icon: Briefcase, />
}, </div>
{
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"> <div id="home-message" data-section="home-message">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="A Message from Our Founder" title="A Message from Our Founder"
description={[ 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.", "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."
"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={[
buttons={[ {
{ text: "Read Full Message", href: "/company#founder-message"
text: "Read Full Message", }
href: "/company#founder-message", ]}
}, />
]} </div>
/>
</div>
<div id="home-cta" data-section="home-cta"> <div id="home-cta" data-section="home-cta">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"
}} }}
text="Ready to deepen your strategy? Connect with us today." text="Ready to deepen your strategy? Connect with us today."
buttons={[ buttons={[
{ {
text: "Contact Us Now", text: "Contact Us Now", href: "/contact"
href: "/contact", }
}, ]}
]} />
/> </div>
</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: "#",
},
],
},
]}
logoText="K&K Solution Inc."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );