188 lines
8.6 KiB
TypeScript
188 lines
8.6 KiB
TypeScript
"use client";
|
||
|
||
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 { 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"
|
||
>
|
||
<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="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="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-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>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |