Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ab0f1f988 |
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,58 +32,37 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Molly's Cupcakes"
|
||||
button={{
|
||||
text: "Order Pickup",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Pickup", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Chicago's Sweetest Spot"
|
||||
description="Indulge in a world of moist, flavorful, and creative cupcakes. From Crème Brûlée to S'Mores, we have something to satisfy every sweet tooth."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-food-bakery_23-2147893039.jpg",
|
||||
imageAlt: "fresh baked cupcakes display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-food-bakery_23-2147893039.jpg", imageAlt: "fresh baked cupcakes display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-pan-with-basket-apples_23-2148368328.jpg",
|
||||
imageAlt: "cupcake shop interior swings",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-pan-with-basket-apples_23-2148368328.jpg", imageAlt: "cupcake shop interior swings"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-tart-plate_1339-8107.jpg",
|
||||
imageAlt: "creme brulee cupcake close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-tart-plate_1339-8107.jpg", imageAlt: "creme brulee cupcake close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-croissant-inside-circular-white-frame-made-with-flour_23-2147872667.jpg",
|
||||
imageAlt: "chocolate gourmet cupcake",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-croissant-inside-circular-white-frame-made-with-flour_23-2147872667.jpg", imageAlt: "chocolate gourmet cupcake"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cakes-with-cranberries-lemon-light-surface_140725-20457.jpg",
|
||||
imageAlt: "fruit topping cupcake",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cakes-with-cranberries-lemon-light-surface_140725-20457.jpg", imageAlt: "fruit topping cupcake"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -97,17 +76,11 @@ export default function LandingPage() {
|
||||
description="More than just a bakery, we've created a bubbly, kid-friendly space where every visitor is welcome. Enjoy your treat on our signature swings for a nostalgic experience."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Creative Flavors",
|
||||
description: "Rotating menu with seasonal and gourmet options.",
|
||||
},
|
||||
title: "Creative Flavors", description: "Rotating menu with seasonal and gourmet options."},
|
||||
{
|
||||
title: "Fun Environment",
|
||||
description: "Unique swing seating for kids and adults.",
|
||||
},
|
||||
title: "Fun Environment", description: "Unique swing seating for kids and adults."},
|
||||
{
|
||||
title: "Friendly Service",
|
||||
description: "Welcoming staff ready to satisfy your cravings.",
|
||||
},
|
||||
title: "Friendly Service", description: "Welcoming staff ready to satisfy your cravings."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-dusting-cocoa-powder-homemade-muffins-cooling-rack_23-2147906737.jpg"
|
||||
imageAlt="bakery interior kitchen"
|
||||
@@ -123,47 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crème Brûlée",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cupcakes-arrangement_23-2149653221.jpg",
|
||||
imageAlt: "creme brulee cupcake close up",
|
||||
},
|
||||
id: "1", name: "Crème Brûlée", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cupcakes-arrangement_23-2149653221.jpg", imageAlt: "creme brulee cupcake close up"},
|
||||
{
|
||||
id: "2",
|
||||
name: "S'Mores",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cupcakes-decorated-with-whipped-cream-coffee-beans_114579-7888.jpg",
|
||||
imageAlt: "chocolate gourmet cupcake",
|
||||
},
|
||||
id: "2", name: "S'Mores", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cupcakes-decorated-with-whipped-cream-coffee-beans_114579-7888.jpg", imageAlt: "chocolate gourmet cupcake"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Peanut Butter Nutella",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mini-chocolate-souffle-cupcakes-with-raspberries_114579-62747.jpg",
|
||||
imageAlt: "fruit topping cupcake",
|
||||
},
|
||||
id: "3", name: "Peanut Butter Nutella", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/mini-chocolate-souffle-cupcakes-with-raspberries_114579-62747.jpg", imageAlt: "fruit topping cupcake"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carrot Cake",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423820.jpg",
|
||||
imageAlt: "sprinkle cupcake dessert",
|
||||
},
|
||||
id: "4", name: "Carrot Cake", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423820.jpg", imageAlt: "sprinkle cupcake dessert"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chocolate Classic",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sauce-flowing-onto-cupcakes_23-2147758322.jpg",
|
||||
imageAlt: "fresh baked cupcakes display",
|
||||
},
|
||||
id: "5", name: "Chocolate Classic", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/sauce-flowing-onto-cupcakes_23-2147758322.jpg", imageAlt: "fresh baked cupcakes display"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Peach Cobbler",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-appetizing-fresh-chocolate-cake-glass-showcase-pastry-shop-cafe_639032-1328.jpg",
|
||||
imageAlt: "cupcake shop interior swings",
|
||||
},
|
||||
id: "6", name: "Peach Cobbler", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/closeup-appetizing-fresh-chocolate-cake-glass-showcase-pastry-shop-cafe_639032-1328.jpg", imageAlt: "cupcake shop interior swings"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Explore our crowd-favorite flavors baked fresh daily."
|
||||
@@ -177,64 +120,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Foodie",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg",
|
||||
imageAlt: "happy customer eating cupcake",
|
||||
id: "1", name: "Sarah Johnson", role: "Foodie", company: "Local Guide", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Visitor",
|
||||
company: "Chicago",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-baked-croissant-cake-stand_23-2148027952.jpg",
|
||||
imageAlt: "customer portrait smiling",
|
||||
id: "2", name: "Michael Chen", role: "Visitor", company: "Chicago", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Customer",
|
||||
company: "Sweet Tooth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-biting-cupcake-looking-camera_23-2147699138.jpg",
|
||||
imageAlt: "woman enjoying cupcake",
|
||||
id: "3", name: "Emily Rodriguez", role: "Customer", company: "Sweet Tooth", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Happy Guest",
|
||||
company: "Bakery Lover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-celebrating-her-birthday_1262-6279.jpg",
|
||||
imageAlt: "man happy customer bakery",
|
||||
id: "4", name: "David Kim", role: "Happy Guest", company: "Bakery Lover", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Local",
|
||||
company: "Fan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-posing-with-delicious-doughnuts_23-2148495468.jpg",
|
||||
imageAlt: "young woman happy bakery",
|
||||
id: "5", name: "Jessica Lee", role: "Local", company: "Fan", rating: 5,
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1.2K+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "1.2K+", label: "Reviews"},
|
||||
{
|
||||
value: "4.6",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.6", label: "Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Sweet Tooth Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Sweet Tooth Satisfaction"},
|
||||
]}
|
||||
title="Loved by Chicago"
|
||||
description="See why locals and visitors alike can't get enough of our treats."
|
||||
@@ -248,23 +155,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Cupcakes Baked",
|
||||
value: "50K+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Cupcakes Baked", value: "50K+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Visitors",
|
||||
value: "20K+",
|
||||
},
|
||||
id: "m2", icon: Smile,
|
||||
title: "Happy Visitors", value: "20K+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Unique Flavors",
|
||||
value: "45+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Unique Flavors", value: "45+"},
|
||||
]}
|
||||
title="Our Bakery By Numbers"
|
||||
description="Consistently providing quality and smiles since opening day."
|
||||
@@ -276,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan cupcakes?",
|
||||
content: "Yes, we have a delicious rotating variety of vegan options available.",
|
||||
},
|
||||
id: "f1", title: "Do you offer vegan cupcakes?", content: "Yes, we have a delicious rotating variety of vegan options available."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, you can order for delivery through Grubhub and other platforms.",
|
||||
},
|
||||
id: "f2", title: "Do you offer delivery?", content: "Yes, you can order for delivery through Grubhub and other platforms."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you kid-friendly?",
|
||||
content: "Absolutely! We feature fun swing seating that children and adults love.",
|
||||
},
|
||||
id: "f3", title: "Are you kid-friendly?", content: "Absolutely! We feature fun swing seating that children and adults love."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know before visiting."
|
||||
@@ -301,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
tag="Visit Us"
|
||||
title="Stop By Today!"
|
||||
description="Find us at 419 E Illinois St 120 Ste 120, Chicago, IL. We're open until 10 PM daily."
|
||||
@@ -313,37 +201,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Order Delivery",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Delivery", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -354,4 +228,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user