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