Merge version_2 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Cakes",
|
||||
id: "products",
|
||||
},
|
||||
name: "Cakes", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sweet Delights Bakery"
|
||||
/>
|
||||
@@ -56,63 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Artisanal Cakes Crafted With Love"
|
||||
description="We blend traditional techniques with premium ingredients to create cakes that make every occasion unforgettable. Experience the sweetness of perfection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Cakes",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Our Cakes", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colomba-with-chocolate-almonds_23-2149341675.jpg"
|
||||
imageAlt="Handcrafted artisanal cake on display"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/served-bar-table-with-variety-sweets_8353-10440.jpg",
|
||||
alt: "Served bar table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/served-bar-table-with-variety-sweets_8353-10440.jpg", alt: "Served bar table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg",
|
||||
alt: "Pink and white cupcakes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-pink-white-cupcakes-tray-table_181624-43398.jpg", alt: "Pink and white cupcakes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-little-yummy-cakes-with-sugar-powder-white-surface_140725-19285.jpg",
|
||||
alt: "Small yummy cakes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-little-yummy-cakes-with-sugar-powder-white-surface_140725-19285.jpg", alt: "Small yummy cakes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lemon-pie-drink-wooden-platter_114579-18546.jpg",
|
||||
alt: "Lemon pie on platter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lemon-pie-drink-wooden-platter_114579-18546.jpg", alt: "Lemon pie on platter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694584.jpg",
|
||||
alt: "Delicious donut shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-donut-shop-ai-generated_23-2150694584.jpg", alt: "Delicious donut shop"},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
type: "text", text: "Organic Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Decorated",
|
||||
},
|
||||
type: "text", text: "Hand-Decorated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Wedding Cakes",
|
||||
},
|
||||
type: "text", text: "Custom Wedding Cakes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Fresh Baked",
|
||||
},
|
||||
type: "text", text: "Daily Fresh Baked"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Dairy",
|
||||
},
|
||||
type: "text", text: "Local Dairy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,17 +94,11 @@ export default function LandingPage() {
|
||||
description="Our bakery is rooted in a passion for authentic flavors. Every cake is handmade, utilizing local ingredients and time-honored recipes that celebrate quality over quantity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "We only use locally sourced organic flour, farm-fresh eggs, and rich dairy.",
|
||||
},
|
||||
title: "Premium Ingredients", description: "We only use locally sourced organic flour, farm-fresh eggs, and rich dairy."},
|
||||
{
|
||||
title: "Handcrafted Beauty",
|
||||
description: "Every cake is finished by hand by our experienced decorators.",
|
||||
},
|
||||
title: "Handcrafted Beauty", description: "Every cake is finished by hand by our experienced decorators."},
|
||||
{
|
||||
title: "Custom Designs",
|
||||
description: "We collaborate with you to create the perfect centerpiece for your event.",
|
||||
},
|
||||
title: "Custom Designs", description: "We collaborate with you to create the perfect centerpiece for your event."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confectioner-uniform-decorates-cake_1157-33251.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -150,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Strawberry Cake",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake_1203-3502.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Strawberry Cake", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake_1203-3502.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$52",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-strawberry-chocolate-cake-with-fresh-strawberries_114579-9091.jpg",
|
||||
},
|
||||
id: "p2", name: "Dark Chocolate Ganache", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/delicious-strawberry-chocolate-cake-with-fresh-strawberries_114579-9091.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vanilla Bean Sponge",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-cupcakes-with-sprinkles_23-2148214714.jpg",
|
||||
},
|
||||
id: "p3", name: "Vanilla Bean Sponge", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/row-cupcakes-with-sprinkles_23-2148214714.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Red Velvet Indulgence",
|
||||
price: "$48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-pastries-display-showcase_53876-33564.jpg",
|
||||
},
|
||||
id: "p4", name: "Red Velvet Indulgence", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/chinese-pastries-display-showcase_53876-33564.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Zesty Lemon Blueberry",
|
||||
price: "$42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-cake-round-formed-inside-plate-pink-desk-cake-biscuit-sugar-sweet_140725-28416.jpg",
|
||||
},
|
||||
id: "p5", name: "Zesty Lemon Blueberry", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-cake-round-formed-inside-plate-pink-desk-cake-biscuit-sugar-sweet_140725-28416.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Carrot Walnut Delight",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232370.jpg",
|
||||
},
|
||||
id: "p6", name: "Carrot Walnut Delight", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232370.jpg"},
|
||||
]}
|
||||
title="Signature Creations"
|
||||
description="Discover our collection of handcrafted cakes, from classic sponges to modern dessert masterpieces."
|
||||
@@ -198,51 +137,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$150",
|
||||
name: "Birthday Basic",
|
||||
buttons: [
|
||||
id: "basic", price: "$150", name: "Birthday Basic", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Reserve Your Date"},
|
||||
],
|
||||
features: [
|
||||
"Custom flavor choice",
|
||||
"Basic decoration",
|
||||
"Serves up to 20",
|
||||
],
|
||||
"Custom flavor choice", "Basic decoration", "Serves up to 20"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$350",
|
||||
name: "Celebration Pro",
|
||||
buttons: [
|
||||
id: "pro", price: "$350", name: "Celebration Pro", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Reserve Your Date"},
|
||||
],
|
||||
features: [
|
||||
"Tiered design",
|
||||
"Custom color theme",
|
||||
"Serves up to 50",
|
||||
"Delivery included",
|
||||
],
|
||||
"Tiered design", "Custom color theme", "Serves up to 50", "Delivery included"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$800+",
|
||||
name: "Wedding Grande",
|
||||
buttons: [
|
||||
id: "enterprise", price: "$800+", name: "Wedding Grande", buttons: [
|
||||
{
|
||||
text: "Inquire Today",
|
||||
},
|
||||
text: "Inquire Today"},
|
||||
],
|
||||
features: [
|
||||
"Multi-tier artistic display",
|
||||
"Full custom design",
|
||||
"Serves 100+",
|
||||
"Premium cake stand rental",
|
||||
],
|
||||
"Multi-tier artistic display", "Full custom design", "Serves 100+", "Premium cake stand rental"],
|
||||
},
|
||||
]}
|
||||
title="Catering Packages"
|
||||
@@ -257,22 +173,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Cakes Baked",
|
||||
value: "15,000+",
|
||||
icon: Cake,
|
||||
id: "m1", title: "Cakes Baked", value: "15,000+", icon: Cake,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "8,000+",
|
||||
icon: Smile,
|
||||
id: "m2", title: "Happy Clients", value: "8,000+", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Events Served",
|
||||
value: "2,400",
|
||||
icon: Gift,
|
||||
id: "m3", title: "Events Served", value: "2,400", icon: Gift,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -288,23 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
role: "Head Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-baker-holding-whisk-spatula_1303-32289.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Rossi", role: "Head Baker", imageSrc: "http://img.b2bpic.net/free-photo/man-baker-holding-whisk-spatula_1303-32289.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Lead Decorator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", role: "Lead Decorator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Cake Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-gardening-clothes_23-2148396849.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Jenkins", role: "Cake Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-gardening-clothes_23-2148396849.jpg"},
|
||||
]}
|
||||
title="Meet Our Bakers"
|
||||
description="Behind every perfect cake is a team of artists dedicated to the craft of baking."
|
||||
@@ -318,59 +213,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Event Planner",
|
||||
company: "Happy Events",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-with-apron-holding-plate-muffins_23-2148414889.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Event Planner", company: "Happy Events", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-with-apron-holding-plate-muffins_23-2148414889.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Customer",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-cake_23-2148018432.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Customer", company: "Private", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-cake_23-2148018432.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Customer",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-eclairs-bakery-counter_23-2148189123.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Customer", company: "Private", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-eclairs-bakery-counter_23-2148189123.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Corporate Client",
|
||||
company: "Tech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-thoughtful-cute-asian-girl-standing-night-pajama-with-plate-cake-looking-upper-left-corner-deciding-cant-resist-temptation-eat-delicious-dessert-white-background_1258-64063.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Corporate Client", company: "Tech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-thoughtful-cute-asian-girl-standing-night-pajama-with-plate-cake-looking-upper-left-corner-deciding-cant-resist-temptation-eat-delicious-dessert-white-background_1258-64063.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Customer",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Customer", company: "Private", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Referrals",
|
||||
},
|
||||
value: "95%", label: "Referrals"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Our clients' joy is our greatest motivation. Here is what they say."
|
||||
@@ -381,14 +245,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to design your dream cake? Contact us today to start your consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@sweetdelights.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@sweetdelights.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,37 +260,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -439,4 +288,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user