Update src/app/page.tsx
This commit is contained in:
245
src/app/page.tsx
245
src/app/page.tsx
@@ -26,170 +26,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kim's Creations"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Kim's Creations"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Making Your Special Events Pop!"
|
||||
description="Professional balloon setups and rentals for birthdays, weddings, and corporate milestones. We bring the celebration to you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bunch-different-colored-balloons-holiday-concept_169016-4772.jpg"
|
||||
imageAlt="Balloon setups for events"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Making Your Special Events Pop!"
|
||||
description="Professional balloon setups and rentals for birthdays, weddings, and corporate milestones. We bring the celebration to you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bunch-different-colored-balloons-holiday-concept_169016-4772.jpg"
|
||||
imageAlt="Balloon setups for events"
|
||||
buttons={[
|
||||
{ text: "View Gallery", href: "/gallery" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Creative Balloon Artistry"
|
||||
description="Kim's Creations is dedicated to turning every ordinary space into an extraordinary experience with high-quality, custom balloon designs. We love helping you celebrate life's biggest moments."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Events Styled",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Smiles Delivered",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-makes-peace-gesture-eye-dressed-fashionable-orange-jacket-celebrates-special-occasion-holds-bunch-inflated-balloons-isolated-purple-background_273609-62416.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Creative Balloon Artistry"
|
||||
description="Kim's Creations is dedicated to turning every ordinary space into an extraordinary experience with high-quality, custom balloon designs. We love helping you celebrate life's biggest moments."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Events Styled" },
|
||||
{ value: "100%", title: "Smiles Delivered" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-makes-peace-gesture-eye-dressed-fashionable-orange-jacket-celebrates-special-occasion-holds-bunch-inflated-balloons-isolated-purple-background_273609-62416.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Kim's Creations?"
|
||||
description="We prioritize quality, creativity, and customer satisfaction in every design."
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Premium Materials",
|
||||
description: "High-quality, long-lasting balloons for every event.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Custom Designs",
|
||||
description: "Tailored arrangements to match your theme.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Punctual Setup",
|
||||
description: "We ensure everything is ready when your guests arrive.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Satisfaction Guaranteed",
|
||||
description: "We aren't happy until you are.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Expert Styling",
|
||||
description: "Professional decorators with a creative eye.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Kim's Creations?"
|
||||
description="We prioritize quality, creativity, and customer satisfaction in every design."
|
||||
features={[
|
||||
{ icon: Star, title: "Premium Materials", description: "High-quality, long-lasting balloons for every event." },
|
||||
{ icon: Palette, title: "Custom Designs", description: "Tailored arrangements to match your theme." },
|
||||
{ icon: Clock, title: "Punctual Setup", description: "We ensure everything is ready when your guests arrive." },
|
||||
{ icon: Smile, title: "Satisfaction Guaranteed", description: "We aren't happy until you are." },
|
||||
{ icon: Award, title: "Expert Styling", description: "Professional decorators with a creative eye." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Top Local Venues"
|
||||
description="We work closely with the best event locations in the city."
|
||||
names={[
|
||||
"The Grand Hall",
|
||||
"Riverside Events",
|
||||
"Sunset Gardens",
|
||||
"The Oak Ballroom",
|
||||
"Elite Plaza",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Top Local Venues"
|
||||
description="We work closely with the best event locations in the city."
|
||||
names={["The Grand Hall", "Riverside Events", "Sunset Gardens", "The Oak Ballroom", "Elite Plaza"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing Packages"
|
||||
description="Transparent pricing for your peace of mind."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Standard Party",
|
||||
price: "$150",
|
||||
period: "starting at",
|
||||
features: [
|
||||
"Balloon Bouquet",
|
||||
"Simple Arch",
|
||||
"Delivery included",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balloon-twist-shaped-like-giraffe_23-2151625295.jpg",
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Luxury Milestone",
|
||||
price: "$350",
|
||||
period: "starting at",
|
||||
features: [
|
||||
"Custom Garland",
|
||||
"Photo Backdrop",
|
||||
"Setup & Cleanup",
|
||||
"Design Consultation",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657514.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing Packages"
|
||||
description="Transparent pricing for your peace of mind."
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Standard Party", price: "$150", period: "starting at", features: ["Balloon Bouquet", "Simple Arch", "Delivery included"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balloon-twist-shaped-like-giraffe_23-2151625295.jpg"},
|
||||
{
|
||||
id: "premium", title: "Luxury Milestone", price: "$350", period: "starting at", features: ["Custom Garland", "Photo Backdrop", "Setup & Cleanup", "Design Consultation"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657514.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Kim's Creations"
|
||||
copyrightText="© 2025 Kim's Creations | Balloon Styling & Rentals"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Kim's Creations"
|
||||
copyrightText="© 2025 Kim's Creations | Balloon Styling & Rentals"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user