Update src/app/page.tsx

This commit is contained in:
2026-05-04 17:39:32 +00:00
parent 9247d15ca4
commit 59d3eaa169

View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "About", id: "about" },
name: "About", { name: "Services", id: "features" },
id: "about", { name: "Team", id: "team" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "Services",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Kai Businesses" brandName="Kai Businesses"
/> />
@@ -58,67 +43,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars",
}}
title="Kai Businesses: Orchestrating Excellence." title="Kai Businesses: Orchestrating Excellence."
description="We specialize in high-end talent management, strategic event production, and creative direction for the global entertainment industry." description="We specialize in high-end talent management, strategic event production, and creative direction for the global entertainment industry."
buttons={[ buttons={[
{ { text: "Explore Services", href: "#features" },
text: "Explore Services", { text: "Contact Us", href: "#contact" },
href: "#features",
},
{
text: "Contact Us",
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30305.jpg" imageSrc="http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30305.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30208.jpg", alt: "Team member 1" },
src: "http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30208.jpg", { src: "http://img.b2bpic.net/free-vector/abstract-blue-gold-luxury-background_60438-1714.jpg", alt: "Team member 2" },
alt: "Team member 1", { src: "http://img.b2bpic.net/free-vector/realistic-luxury-facebook-cover_23-2149044451.jpg", alt: "Team member 3" },
}, { src: "http://img.b2bpic.net/free-vector/gold-detailed-banners-pack_23-2149078959.jpg", alt: "Team member 4" },
{ { src: "http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30305.jpg", alt: "Team member 5" },
src: "http://img.b2bpic.net/free-vector/abstract-blue-gold-luxury-background_60438-1714.jpg",
alt: "Team member 2",
},
{
src: "http://img.b2bpic.net/free-vector/realistic-luxury-facebook-cover_23-2149044451.jpg",
alt: "Team member 3",
},
{
src: "http://img.b2bpic.net/free-vector/gold-detailed-banners-pack_23-2149078959.jpg",
alt: "Team member 4",
},
{
src: "http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30305.jpg",
alt: "Team member 5",
},
]} ]}
avatarText="Trusted by industry leaders globally." avatarText="Trusted by industry leaders globally."
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Global Entertainment" },
type: "text", { type: "text", text: "Talent Strategy" },
text: "Global Entertainment", { type: "text", text: "Event Production" },
}, { type: "text", text: "Creative Vision" },
{ { type: "text", text: "Bespoke Curation" },
type: "text",
text: "Talent Strategy",
},
{
type: "text",
text: "Event Production",
},
{
type: "text",
text: "Creative Vision",
},
{
type: "text",
text: "Bespoke Curation",
},
]} ]}
/> />
</div> </div>
@@ -127,15 +74,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ { type: "text", content: "Our Legacy of Entertainment." },
type: "text", { type: "image", src: "http://img.b2bpic.net/free-photo/financial-advisor-evaluates-capital-funds-records-pc-files_482257-81051.jpg", alt: "About Kai" },
content: "Our Legacy of Entertainment.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/financial-advisor-evaluates-capital-funds-records-pc-files_482257-81051.jpg",
alt: "About Kai",
},
]} ]}
/> />
</div> </div>
@@ -146,26 +86,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Events", tag: "Events", title: "Strategic Event Production", subtitle: "Curated Experiences", description: "From bespoke private gatherings to large-scale stadium productions.", imageSrc: "http://img.b2bpic.net/free-photo/happy-people-partying-together-music_482257-78144.jpg"},
title: "Strategic Event Production",
subtitle: "Curated Experiences",
description: "From bespoke private gatherings to large-scale stadium productions.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-people-partying-together-music_482257-78144.jpg",
},
{ {
tag: "Talent", tag: "Talent", title: "Exclusive Talent Management", subtitle: "Premium Rosters", description: "Bridging the gap between premier creative talent and global brands.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-drawing-white-paper-with-red-green-blue-felt-tip-pen-wooden-desk_23-2148118118.jpg"},
title: "Exclusive Talent Management",
subtitle: "Premium Rosters",
description: "Bridging the gap between premier creative talent and global brands.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-drawing-white-paper-with-red-green-blue-felt-tip-pen-wooden-desk_23-2148118118.jpg",
},
{ {
tag: "Direction", tag: "Direction", title: "Artistic Direction", subtitle: "Visual Storytelling", description: "Elevating narratives through meticulous artistic vision and design.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-curious-man-flea-market_23-2149536960.jpg"},
title: "Artistic Direction",
subtitle: "Visual Storytelling",
description: "Elevating narratives through meticulous artistic vision and design.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-curious-man-flea-market_23-2149536960.jpg",
},
]} ]}
title="Core Competencies" title="Core Competencies"
description="Comprehensive solutions for all stages of your production lifecycle." description="Comprehensive solutions for all stages of your production lifecycle."
@@ -179,34 +104,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "15+", title: "Years of Excellence", items: ["Deep industry expertise", "Established network", "Proven track record"],
value: "15+",
title: "Years of Excellence",
items: [
"Deep industry expertise",
"Established network",
"Proven track record",
],
}, },
{ {
id: "m2", id: "m2", value: "500+", title: "Events Produced", items: ["Global scale events", "Bespoke experiences", "Corporate showcases"],
value: "500+",
title: "Events Produced",
items: [
"Global scale events",
"Bespoke experiences",
"Corporate showcases",
],
}, },
{ {
id: "m3", id: "m3", value: "98%", title: "Client Retention", items: ["Long-term partnerships", "Trust-based growth", "Consistency excellence"],
value: "98%",
title: "Client Retention",
items: [
"Long-term partnerships",
"Trust-based growth",
"Consistency excellence",
],
}, },
]} ]}
title="Agency Milestones" title="Agency Milestones"
@@ -219,25 +123,14 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow" gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false} useInvertedBackground={false}
animationType="blur-reveal"
members={[ members={[
{ {
id: "t1", id: "t1", name: "Elena Sterling", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg"},
name: "Elena Sterling",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg",
},
{ {
id: "t2", id: "t2", name: "Marcus Thorne", role: "Head of Production", imageSrc: "http://img.b2bpic.net/free-photo/confident-general-manager-business-attire-multitasking-workplace_482257-124010.jpg"},
name: "Marcus Thorne",
role: "Head of Production",
imageSrc: "http://img.b2bpic.net/free-photo/confident-general-manager-business-attire-multitasking-workplace_482257-124010.jpg",
},
{ {
id: "t3", id: "t3", name: "Julian Vance", role: "Talent Strategy", imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-male-singer-happily-recording-new-song-modern-sound-studio_574295-1716.jpg"},
name: "Julian Vance",
role: "Talent Strategy",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-cheerful-male-singer-happily-recording-new-song-modern-sound-studio_574295-1716.jpg",
},
]} ]}
title="Meet the Visionaries" title="Meet the Visionaries"
description="Our leadership team dedicated to your artistic success." description="Our leadership team dedicated to your artistic success."
@@ -249,30 +142,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-ginger-woman-checkered-shirt-smiling-happily-while-date_273609-9448.jpg"},
name: "Sarah Jenkins",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-ginger-woman-checkered-shirt-smiling-happily-while-date_273609-9448.jpg",
},
{ {
id: "2", id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg"},
name: "David Chen",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
},
{ {
id: "3", id: "3", name: "Amanda Ross", imageSrc: "http://img.b2bpic.net/free-photo/light-blue-successful-background-cheerful_1187-4869.jpg"},
name: "Amanda Ross",
imageSrc: "http://img.b2bpic.net/free-photo/light-blue-successful-background-cheerful_1187-4869.jpg",
},
{ {
id: "4", id: "4", name: "Brian Miller", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg"},
name: "Brian Miller",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg",
},
{ {
id: "5", id: "5", name: "Emily Foster", imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-smiling-teenage-college-student-hold-pens-prepare-writing-course-paper_273609-18152.jpg"},
name: "Emily Foster",
imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-smiling-teenage-college-student-hold-pens-prepare-writing-course-paper_273609-18152.jpg",
},
]} ]}
cardTitle="Industry Voices" cardTitle="Industry Voices"
cardTag="Reputation" cardTag="Reputation"
@@ -286,20 +164,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "How do we start?", content: "Reach out via our contact form for an initial consultation."},
title: "How do we start?",
content: "Reach out via our contact form for an initial consultation.",
},
{ {
id: "f2", id: "f2", title: "What is the typical scale?", content: "We scale to the size of your project requirements."},
title: "What is the typical scale?",
content: "We scale to the size of your project requirements.",
},
{ {
id: "f3", id: "f3", title: "Do you offer global service?", content: "Yes, our network spans major global cities."},
title: "Do you offer global service?",
content: "Yes, our network spans major global cities.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-laughing-while-talking-with-funny-customer-using-headset-mic_482257-125082.jpg" imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-laughing-while-talking-with-funny-customer-using-headset-mic_482257-125082.jpg"
title="Frequently Asked" title="Frequently Asked"
@@ -312,9 +181,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
tag="Inquire" tag="Inquire"
title="Begin Your Project" title="Begin Your Project"
description="Connect with us today for a seamless integration." description="Connect with us today for a seamless integration."
@@ -328,33 +195,16 @@ export default function LandingPage() {
logoText="Kai Businesses" logoText="Kai Businesses"
columns={[ columns={[
{ {
title: "Navigate", title: "Navigate", items: [
items: [ { label: "About", href: "#about" },
{ { label: "Talent", href: "#team" },
label: "About", { label: "Contact", href: "#contact" },
href: "#about",
},
{
label: "Talent",
href: "#team",
},
{
label: "Contact",
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [ { label: "Privacy", href: "#" },
{ { label: "Terms", href: "#" },
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
], ],
}, },
]} ]}
@@ -363,4 +213,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }