Update src/app/page.tsx
This commit is contained in:
413
src/app/page.tsx
413
src/app/page.tsx
@@ -29,301 +29,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Sweets",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kaka Sweets"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Sweets", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kaka Sweets"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Sweets, Crafted with Love"
|
||||
description="Discover our hand-crafted pastries, cakes, and treats made from the finest ingredients. Experience a touch of sweetness in every bite."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg"
|
||||
imageAlt="Bakery display showcase"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Sweets, Crafted with Love"
|
||||
description="Discover our hand-crafted pastries, cakes, and treats made from the finest ingredients. Experience a touch of sweetness in every bite."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-showcase-pastry-shop-with-variety-fresh-cakes-pastries-popular-sweet-desserts-offered-sale_639032-1341.jpg"
|
||||
imageAlt="Bakery display showcase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Sweet Traditions"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Sweet Traditions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chocolate Indulgence",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-homemade-galette-with-bloody-orange-sugar-thyme_166373-792.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-five-color_1388-614.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Berry Tart",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-glass-pedestal-with-stack-donuts-marble-surface_114579-52250.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dark Truffle Box",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-along-with-different-berries-light-bright-table-cake-biscuit-berry-sweet-bake-tea_140725-30759.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Honey Cookies",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-delicious-cookies-different-formed-inside-round-package-grey-desk-sugar-sweet-cake-biscuit-cookie_140725-31003.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dainty Petit Fours",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-fruits-cup-tea-stone-platter_114579-17545.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Hand-picked favorites from our ovens."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Chocolate Indulgence", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/cooking-homemade-galette-with-bloody-orange-sugar-thyme_166373-792.jpg" },
|
||||
{ id: "2", name: "Classic Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/rice-five-color_1388-614.jpg" },
|
||||
{ id: "3", name: "Berry Tart", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/small-glass-pedestal-with-stack-donuts-marble-surface_114579-52250.jpg" },
|
||||
{ id: "4", name: "Dark Truffle Box", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-along-with-different-berries-light-bright-table-cake-biscuit-berry-sweet-bake-tea_140725-30759.jpg" },
|
||||
{ id: "5", name: "Honey Cookies", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-delicious-cookies-different-formed-inside-round-package-grey-desk-sugar-sweet-cake-biscuit-cookie_140725-31003.jpg" },
|
||||
{ id: "6", name: "Dainty Petit Fours", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-with-fruits-cup-tea-stone-platter_114579-17545.jpg" },
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Hand-picked favorites from our ovens."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best pastries in town! Every bite is heavenly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4002.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
handle: "@mkevin",
|
||||
testimonial: "Simply delicious treats for any occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-ppetizing-pancakes-decorated-with-berries-flowers_169016-23193.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "The quality and craft are unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-baker-with-baked-bread-pastry-shop_23-2150379549.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "My go-to place for birthday cakes and sweets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-male-baker-front-baked-croissant-shelves_23-2148189030.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica B.",
|
||||
handle: "@jessb",
|
||||
testimonial: "Absolutely incredible variety and taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-pink-rose-white-background_268835-1465.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="What our customers say about our sweets."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best pastries in town! Every bite is heavenly.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4002.jpg" },
|
||||
{ id: "2", name: "Michael K.", handle: "@mkevin", testimonial: "Simply delicious treats for any occasion.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-ppetizing-pancakes-decorated-with-berries-flowers_169016-23193.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "The quality and craft are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-with-baked-bread-pastry-shop_23-2150379549.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@davidw", testimonial: "My go-to place for birthday cakes and sweets.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-male-baker-front-baked-croissant-shelves_23-2148189030.jpg" },
|
||||
{ id: "5", name: "Jessica B.", handle: "@jessb", testimonial: "Absolutely incredible variety and taste.", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-pink-rose-white-background_268835-1465.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="What our customers say about our sweets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Crafting fine desserts.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Happy Customers",
|
||||
description: "Served across the region.",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Unique Recipes",
|
||||
description: "Hand-crafted with care.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Our passion in numbers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Crafting fine desserts.", icon: Award },
|
||||
{ id: "m2", value: "5k+", title: "Happy Customers", description: "Served across the region.", icon: Smile },
|
||||
{ id: "m3", value: "100+", title: "Unique Recipes", description: "Hand-crafted with care.", icon: Award },
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Our passion in numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali Kaka",
|
||||
role: "Founder & Head Baker",
|
||||
description: "Crafting excellence since 2008.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-thumb-up-sign_23-2147863554.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Khan",
|
||||
role: "Pastry Chef",
|
||||
description: "Specialist in French pastries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-baking-kitchen_23-2150014857.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Zaid Omar",
|
||||
role: "Dessert Designer",
|
||||
description: "Creating edible art daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-cook-female-wearing-chef-uniform-looking-rolling-pin-her-hand-isolated-background_141793-38165.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet the Artists"
|
||||
description="The passionate minds behind every recipe."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "t1", name: "Ali Kaka", role: "Founder & Head Baker", description: "Crafting excellence since 2008.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-thumb-up-sign_23-2147863554.jpg" },
|
||||
{ id: "t2", name: "Sarah Khan", role: "Pastry Chef", description: "Specialist in French pastries.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-baking-kitchen_23-2150014857.jpg" },
|
||||
{ id: "t3", name: "Zaid Omar", role: "Dessert Designer", description: "Creating edible art daily.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-cook-female-wearing-chef-uniform-looking-rolling-pin-her-hand-isolated-background_141793-38165.jpg" },
|
||||
]}
|
||||
title="Meet the Artists"
|
||||
description="The passionate minds behind every recipe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer custom cakes?",
|
||||
content: "Yes, we specialize in bespoke cakes for all events.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize high-quality, sustainably sourced ingredients.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We offer local delivery within city limits.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer custom cakes?", content: "Yes, we specialize in bespoke cakes for all events." },
|
||||
{ id: "f2", title: "Are your ingredients organic?", content: "We prioritize high-quality, sustainably sourced ingredients." },
|
||||
{ id: "f3", title: "Do you offer delivery?", content: "We offer local delivery within city limits." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Need a custom order or have a question? Reach out to us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we make your day sweeter?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-small-business-owner-standing-outdoors_23-2149434499.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Need a custom order or have a question? Reach out to us."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we make your day sweeter?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-small-business-owner-standing-outdoors_23-2149434499.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kaka Sweets"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Sweets",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kaka Sweets"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Sweets", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user