Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kai Businesses"
|
||||
/>
|
||||
@@ -58,67 +43,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Kai Businesses: Orchestrating Excellence."
|
||||
description="We specialize in high-end talent management, strategic event production, and creative direction for the global entertainment industry."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Services", href: "#features" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/award-stage-template-with-gold-wave-decor_107791-30305.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
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/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",
|
||||
},
|
||||
{ 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/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."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Entertainment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Talent Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Event Production",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Vision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Curation",
|
||||
},
|
||||
{ type: "text", text: "Global Entertainment" },
|
||||
{ type: "text", text: "Talent Strategy" },
|
||||
{ type: "text", text: "Event Production" },
|
||||
{ type: "text", text: "Creative Vision" },
|
||||
{ type: "text", text: "Bespoke Curation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,15 +74,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
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",
|
||||
},
|
||||
{ type: "text", 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>
|
||||
@@ -146,26 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="Core Competencies"
|
||||
description="Comprehensive solutions for all stages of your production lifecycle."
|
||||
@@ -179,34 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years of Excellence",
|
||||
items: [
|
||||
"Deep industry expertise",
|
||||
"Established network",
|
||||
"Proven track record",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years of Excellence", items: ["Deep industry expertise", "Established network", "Proven track record"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Events Produced",
|
||||
items: [
|
||||
"Global scale events",
|
||||
"Bespoke experiences",
|
||||
"Corporate showcases",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Events Produced", items: ["Global scale events", "Bespoke experiences", "Corporate showcases"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Long-term partnerships",
|
||||
"Trust-based growth",
|
||||
"Consistency excellence",
|
||||
],
|
||||
id: "m3", value: "98%", title: "Client Retention", items: ["Long-term partnerships", "Trust-based growth", "Consistency excellence"],
|
||||
},
|
||||
]}
|
||||
title="Agency Milestones"
|
||||
@@ -219,25 +123,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Meet the Visionaries"
|
||||
description="Our leadership team dedicated to your artistic success."
|
||||
@@ -249,30 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
|
||||
},
|
||||
id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blue-successful-background-cheerful_1187-4869.jpg",
|
||||
},
|
||||
id: "3", name: "Amanda Ross", imageSrc: "http://img.b2bpic.net/free-photo/light-blue-successful-background-cheerful_1187-4869.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brian Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg",
|
||||
},
|
||||
id: "4", name: "Brian Miller", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
cardTitle="Industry Voices"
|
||||
cardTag="Reputation"
|
||||
@@ -286,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we start?",
|
||||
content: "Reach out via our contact form for an initial consultation.",
|
||||
},
|
||||
id: "f1", title: "How do we start?", content: "Reach out via our contact form for an initial consultation."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the typical scale?",
|
||||
content: "We scale to the size of your project requirements.",
|
||||
},
|
||||
id: "f2", title: "What is the typical scale?", content: "We scale to the size of your project requirements."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer global service?",
|
||||
content: "Yes, our network spans major global cities.",
|
||||
},
|
||||
id: "f3", 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"
|
||||
title="Frequently Asked"
|
||||
@@ -312,9 +181,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Inquire"
|
||||
title="Begin Your Project"
|
||||
description="Connect with us today for a seamless integration."
|
||||
@@ -328,33 +195,16 @@ export default function LandingPage() {
|
||||
logoText="Kai Businesses"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Talent",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Talent", href: "#team" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -363,4 +213,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user