135 lines
4.2 KiB
TypeScript
135 lines
4.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-form" data-section="contact-form">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="We'd love to hear from you. Please fill out the form below."
|
|
buttons={[
|
|
{
|
|
text: "Send Message (Console Log)", onClick: () => console.log('Form submitted!')
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Our Office & Contact Details"
|
|
description={[
|
|
"K&K Solution Inc.", "**Address:** 1-1-1 Marunouchi, Chiyoda-ku, Tokyo, Japan", "**Phone:** +81 (0)3-1234-5678", "**Email:** info@kksolution.inc", "**Business Hours:** Monday - Friday, 9:00 AM - 6:00 PM JST"]}
|
|
/>
|
|
</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>
|
|
</ThemeProvider>
|
|
);
|
|
}
|