Update src/app/page.tsx
This commit is contained in:
465
src/app/page.tsx
465
src/app/page.tsx
@@ -28,350 +28,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Doughlicious"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Doughlicious"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Baked to Perfection, Crafted with Love"
|
||||
description="Experience the artisanal difference at Doughlicious, where every loaf and pastry is handmade using the finest local ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg?_wi=1",
|
||||
imageAlt: "Artisanal Breads",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-sifting-wheat-flour-through-steel-sieve-knead-dough_23-2147926701.jpg?_wi=1",
|
||||
imageAlt: "Fresh Pastries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-carrot-pastries-with-cream-nuts_181624-57423.jpg",
|
||||
imageAlt: "Artisan Baking",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629567.jpg",
|
||||
imageAlt: "Front view of delicious thanksgiving meal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookies-oven_23-2147782463.jpg",
|
||||
imageAlt: "Cookies in oven",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Baked to Perfection, Crafted with Love"
|
||||
description="Experience the artisanal difference at Doughlicious, where every loaf and pastry is handmade using the finest local ingredients."
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg", imageAlt: "Artisanal Breads" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/baker-sifting-wheat-flour-through-steel-sieve-knead-dough_23-2147926701.jpg", imageAlt: "Fresh Pastries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-carrot-pastries-with-cream-nuts_181624-57423.jpg", imageAlt: "Artisan Baking" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629567.jpg", imageAlt: "Front view of delicious thanksgiving meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cookies-oven_23-2147782463.jpg", imageAlt: "Cookies in oven" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Quality"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years of Tradition",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Wheat,
|
||||
label: "Local Ingredients",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Happy Customers",
|
||||
value: "50k+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Quality"
|
||||
metrics={[
|
||||
{ icon: Sparkles, label: "Years of Tradition", value: "15+" },
|
||||
{ icon: Wheat, label: "Local Ingredients", value: "100%" },
|
||||
{ icon: Award, label: "Happy Customers", value: "50k+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Ingredients",
|
||||
description: "We source only the freshest, non-GMO flour and ingredients.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bakery-icon-flat_1284-4246.jpg",
|
||||
imageAlt: "flour icon vector",
|
||||
},
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
description: "Baked fresh every single morning before the sun comes up.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg?_wi=2",
|
||||
imageAlt: "flour icon vector",
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipe",
|
||||
description: "Recipes passed down through three generations of bakers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-sifting-wheat-flour-through-steel-sieve-knead-dough_23-2147926701.jpg?_wi=2",
|
||||
imageAlt: "flour icon vector",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Doughlicious?"
|
||||
description="We combine time-honored techniques with a modern flair to bring you the best bakery experience in town."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Organic Ingredients", description: "We source only the freshest, non-GMO flour and ingredients.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Fresh Daily", description: "Baked fresh every single morning before the sun comes up.", bentoComponent: "reveal-icon", icon: Sun },
|
||||
{ title: "Traditional Recipe", description: "Recipes passed down through three generations of bakers.", bentoComponent: "reveal-icon", icon: Award },
|
||||
]}
|
||||
title="Why Choose Doughlicious?"
|
||||
description="We combine time-honored techniques with a modern flair to bring you the best bakery experience in town."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-cake-stand-counter-coffee-shop_23-2148027949.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sourdough Loaf",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-brioche-baked-concept-closeup-selective-focus-sweet-french-brioche-buns-tray_166373-2341.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chocolate Cupcake",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-candy-bar-wedding-celebration-party_482257-31517.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cinnamon Roll",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-bagels-with-cinnamon-cup-tea-pink-desk_140725-49198.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "French Baguette",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-meal-with-bread-egg-flour_23-2148438659.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fruit Danish",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-pie-raspberry-galette-summer-berry-dessert_114579-8500.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Daily Specials"
|
||||
description="Hand-crafted delicacies prepared fresh in our kitchen daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-cake-stand-counter-coffee-shop_23-2148027949.jpg" },
|
||||
{ id: "2", name: "Sourdough Loaf", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-brioche-baked-concept-closeup-selective-focus-sweet-french-brioche-buns-tray_166373-2341.jpg" },
|
||||
{ id: "3", name: "Chocolate Cupcake", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/sweet-candy-bar-wedding-celebration-party_482257-31517.jpg" },
|
||||
{ id: "4", name: "Cinnamon Roll", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-bagels-with-cinnamon-cup-tea-pink-desk_140725-49198.jpg" },
|
||||
{ id: "5", name: "French Baguette", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-meal-with-bread-egg-flour_23-2148438659.jpg" },
|
||||
{ id: "6", name: "Fruit Danish", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/open-pie-raspberry-galette-summer-berry-dessert_114579-8500.jpg" },
|
||||
]}
|
||||
title="Our Daily Specials"
|
||||
description="Hand-crafted delicacies prepared fresh in our kitchen daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Miller",
|
||||
role: "Local Foodie",
|
||||
company: "Review Portal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-showing-approval_23-2148334512.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "Regular Customer",
|
||||
company: "Neighborhood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24685.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Davis",
|
||||
role: "Events Planner",
|
||||
company: "Social Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-coffee-shop_23-2148263261.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
role: "Writer",
|
||||
company: "Magazine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward Brown",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-white-shirt-is-holding-cupcakes_158595-1588.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
]}
|
||||
title="Love from Our Community"
|
||||
description="See what our loyal customers have to say about their Doughlicious experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice Miller", role: "Local Foodie", company: "Review Portal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-showing-approval_23-2148334512.jpg" },
|
||||
{ id: "2", name: "Bob Smith", role: "Regular Customer", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24685.jpg" },
|
||||
{ id: "3", name: "Charlie Davis", role: "Events Planner", company: "Social Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-coffee-shop_23-2148263261.jpg" },
|
||||
{ id: "4", name: "Diana Ross", role: "Writer", company: "Magazine", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg" },
|
||||
{ id: "5", name: "Edward Brown", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-white-shirt-is-holding-cupcakes_158595-1588.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
{ value: "500+", label: "Reviews" },
|
||||
]}
|
||||
title="Love from Our Community"
|
||||
description="See what our loyal customers have to say about their Doughlicious experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we specialize in corporate and private event catering. Please contact us.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize organic and locally sourced ingredients for all our recipes.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you have gluten-free options?",
|
||||
content: "We have a dedicated selection of gluten-free treats available daily.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I pre-order online?",
|
||||
content: "Yes, you can easily pre-order your favorite items through our online store.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our ingredients, delivery, and services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer catering?", content: "Yes, we specialize in corporate and private event catering. Please contact us." },
|
||||
{ id: "2", title: "Are your ingredients organic?", content: "We prioritize organic and locally sourced ingredients for all our recipes." },
|
||||
{ id: "3", title: "Do you have gluten-free options?", content: "We have a dedicated selection of gluten-free treats available daily." },
|
||||
{ id: "4", title: "Can I pre-order online?", content: "Yes, you can easily pre-order your favorite items through our online store." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our ingredients, delivery, and services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Taste?"
|
||||
description="Drop by our bakery or reach out for special orders. We can't wait to serve you something delicious."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Taste?"
|
||||
description="Drop by our bakery or reach out for special orders. We can't wait to serve you something delicious."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Doughlicious"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
logoText="Doughlicious"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user