Compare commits
8 Commits
version_12
...
version_14
| Author | SHA1 | Date | |
|---|---|---|---|
| 53103ffa81 | |||
| 7f257c4e46 | |||
| 0f610b66da | |||
| f273541b5d | |||
| 2efea6cd0d | |||
| fc94e540f6 | |||
| 0eaaf515e9 | |||
| 3f2f1f27ca |
345
src/app/page.tsx
345
src/app/page.tsx
@@ -2,187 +2,194 @@
|
|||||||
|
|
||||||
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 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, Database, Diamond, Loader, ShieldCheck, Sparkles, 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", id: "/"},
|
name: "Home", id: "/"
|
||||||
{
|
},
|
||||||
name: "Services", id: "/services"},
|
{
|
||||||
{
|
name: "Services", id: "/services"
|
||||||
name: "Company", id: "/company"},
|
},
|
||||||
{
|
{
|
||||||
name: "Insights", id: "/insights"},
|
name: "Company", id: "/company"
|
||||||
{
|
},
|
||||||
name: "Careers", id: "/careers"},
|
{
|
||||||
{
|
name: "Insights", id: "/insights"
|
||||||
name: "Contact", id: "/contact"},
|
},
|
||||||
]}
|
{
|
||||||
brandName="K&K Solution Inc."
|
name: "Careers", id: "/careers"
|
||||||
/>
|
},
|
||||||
</div>
|
{
|
||||||
|
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"
|
}}
|
||||||
title="変革の先陣を切る"
|
imagePosition="right"
|
||||||
description="コンサルティングを、もう一段深く. Delivering BCG/McKinsey-grade IT strategy to Japan's mid-cap enterprises."
|
title="変革の先陣を切る"
|
||||||
testimonials={[
|
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: "", handle: "@akira_s", testimonial: "", 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: "", handle: "@emi_n", testimonial: "", rating: 5,
|
||||||
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/worldface-spanish-man-white-background_53876-139733.jpg", imageAlt: "Emi Nakamura profile"
|
||||||
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,
|
name: "", handle: "", testimonial: "The PMO support was critical for our complex project. Highly recommend K&K.", rating: 5,
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg", imageAlt: "Reina Kobayashi profile"},
|
imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-silhouette-man_23-2149706998.jpg", imageAlt: "Takeshi Tanaka 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"},
|
name: "", handle: "@reina_k", 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"
|
||||||
buttons={[
|
},
|
||||||
{
|
{
|
||||||
text: "Contact Us", href: "/contact"},
|
name: "", handle: "", 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"
|
||||||
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"
|
buttons={[]}
|
||||||
fixedMediaHeight={true}
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psnj5l&_wi=1"
|
||||||
avatars={[
|
imageAlt="K&K Solution Inc. Gold Logo"
|
||||||
{
|
mediaAnimation="slide-up"
|
||||||
src: "http://img.b2bpic.net/free-vector/businessman-silhouettes-avatars_23-2147495067.jpg", alt: "Client Avatar 1"},
|
fixedMediaHeight={true}
|
||||||
{
|
avatars={[
|
||||||
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/businessman-silhouettes-avatars_23-2147495067.jpg", alt: "Client Avatar 1"
|
||||||
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-vector/linear-flat-people-faces-professions-illustration_1416-516.jpg", alt: "Client Avatar 2"
|
||||||
{
|
},
|
||||||
src: "http://img.b2bpic.net/free-photo/silhouettes-modern-office_1098-669.jpg", alt: "Client Avatar 5"},
|
{
|
||||||
]}
|
src: "http://img.b2bpic.net/free-photo/office-sunset_1098-350.jpg", alt: "Client Avatar 3"
|
||||||
avatarText="Trusted by 250+ leading enterprises."
|
},
|
||||||
marqueeItems={[
|
{
|
||||||
{
|
src: "http://img.b2bpic.net/free-photo/silhouettes-modern-office_1098-669.jpg", alt: "Client Avatar 4"
|
||||||
type: "text-icon", text: "IT Strategy", icon: Diamond,
|
},
|
||||||
},
|
{
|
||||||
{
|
src: "http://img.b2bpic.net/free-photo/worldface-spanish-man-white-background_53876-139733.jpg", alt: "Client Avatar 5"
|
||||||
type: "text-icon", text: "Digital Transformation", icon: Sparkles,
|
}
|
||||||
},
|
]}
|
||||||
{
|
avatarText=""
|
||||||
type: "text-icon", text: "SAP S/4HANA", icon: Database,
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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", title: "IT Strategy & DX", tags: [
|
id: "it-strategy", title: "IT Strategy & DX", tags: [
|
||||||
"Consulting", "Digital Transformation"],
|
"Consulting", "Digital Transformation"
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card-design_23-2149298186.jpg", imageAlt: "IT Strategy & DX icon"},
|
],
|
||||||
{
|
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: "sap-support", title: "SAP Implementation & Operation", tags: [
|
||||||
{
|
"ERP", "S/4HANA"
|
||||||
id: "pmo-support", title: "PMO & Program Management", tags: [
|
],
|
||||||
"Project Management", "Governance"],
|
imageSrc: "http://img.b2bpic.net/free-vector/triangle-green-gradient-luxury-background_343694-4684.jpg", imageAlt: "SAP Support icon"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/feminine-circle-frame_53876-90184.jpg", imageAlt: "PMO Support icon"},
|
},
|
||||||
]}
|
{
|
||||||
title="Our Core Services"
|
id: "pmo-support", title: "PMO & Program Management", tags: [
|
||||||
description="Driving innovation and efficiency across your enterprise."
|
"Project Management", "Governance"
|
||||||
/>
|
],
|
||||||
</div>
|
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", value: "250+", title: "Satisfied Clients", description: "Across diverse industries.", icon: Users,
|
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: "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,
|
id: "industries", value: "15+", title: "Industries Served", description: "Deep sector expertise.", icon: Building
|
||||||
},
|
}
|
||||||
]}
|
]}
|
||||||
title="Impactful Results"
|
title="Impactful Results"
|
||||||
description="Quantifying our commitment to your success."
|
description="Quantifying our commitment to your success."
|
||||||
/>
|
/>
|
||||||
</div>
|
</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.", "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."]}
|
"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={[
|
]}
|
||||||
{
|
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."
|
}}
|
||||||
buttons={[
|
text="Ready to deepen your strategy? Connect with us today."
|
||||||
{
|
buttons={[
|
||||||
text: "Contact Us Now", href: "/contact"},
|
{
|
||||||
]}
|
text: "Contact Us Now", href: "/contact"
|
||||||
/>
|
}
|
||||||
</div>
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user