Merge version_1 into main #2
297
src/app/page.tsx
297
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dough Co."
|
||||
/>
|
||||
@@ -58,105 +43,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Fresh Doughnuts & Pastries in McPherson"
|
||||
description="Made fresh daily with quality ingredients, smooth glazes, and that perfect soft texture you love."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg?_wi=1",
|
||||
imageAlt: "Fresh Donut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31236.jpg",
|
||||
imageAlt: "Yeast Donut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-meringue-nests-tray_1262-20047.jpg",
|
||||
imageAlt: "Glazed Donut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-donuts-wooden-background_23-2148019435.jpg",
|
||||
imageAlt: "Donut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-berries-platter-with-muffins_114579-16475.jpg",
|
||||
imageAlt: "Pastry",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg", imageAlt: "Fresh Donut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31236.jpg", imageAlt: "Yeast Donut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-meringue-nests-tray_1262-20047.jpg", imageAlt: "Glazed Donut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-donuts-wooden-background_23-2148019435.jpg", imageAlt: "Donut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-berries-platter-with-muffins_114579-16475.jpg", imageAlt: "Pastry" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-donuts-ai-generated_23-2150694492.jpg?_wi=1",
|
||||
imageAlt: "Donut Shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-woman-looking-away-with-coffee_197531-33702.jpg",
|
||||
imageAlt: "Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-donut-cup-tea_169016-26358.jpg",
|
||||
imageAlt: "Sweet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basket-loaves-with-golden-crust_23-2147761317.jpg",
|
||||
imageAlt: "Facade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-cute-little-daughter-walking-down-street_1153-6964.jpg",
|
||||
imageAlt: "Bakery",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-donuts-ai-generated_23-2150694492.jpg", imageAlt: "Donut Shop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-woman-looking-away-with-coffee_197531-33702.jpg", imageAlt: "Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-donut-cup-tea_169016-26358.jpg", imageAlt: "Sweet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/basket-loaves-with-golden-crust_23-2147761317.jpg", imageAlt: "Facade" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-mother-cute-little-daughter-walking-down-street_1153-6964.jpg", imageAlt: "Bakery" },
|
||||
]}
|
||||
buttons={[{ text: "Visit Today", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface-stone-board_114579-17439.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-donuts-marmelades-chocolate-coated-cake-wooden-board-marble-surface_114579-75309.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/various-cakes-board-blue-background-high-quality-photo_114579-75376.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crispy-butter-cookies-with-sugar-powder-wooden-platter_114579-61793.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface-stone-board_114579-17439.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/small-donuts-marmelades-chocolate-coated-cake-wooden-board-marble-surface_114579-75309.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-cakes-board-blue-background-high-quality-photo_114579-75376.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crispy-butter-cookies-with-sugar-powder-wooden-platter_114579-61793.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Loved by 500+ local foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bakery Fresh",
|
||||
},
|
||||
{ type: "text", text: "Fresh Daily" },
|
||||
{ type: "text", text: "Handcrafted" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Quality Ingredients" },
|
||||
{ type: "text", text: "Bakery Fresh" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,21 +84,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Authentic Local Quality"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Daily Batches",
|
||||
value: "12+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "5/5",
|
||||
},
|
||||
{ icon: Coffee, label: "Daily Batches", value: "12+" },
|
||||
{ icon: Award, label: "Years Served", value: "10+" },
|
||||
{ icon: Star, label: "Customer Rating", value: "5/5" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -192,30 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Light & Airy",
|
||||
description: "Our raised yeast doughnuts are airy and light.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bagels-with-cakes-tea-fresh-strawberries-cookies-white-desk_140725-66512.jpg",
|
||||
imageAlt: "variety of fresh pastries",
|
||||
},
|
||||
{
|
||||
title: "Smooth Glazes",
|
||||
description: "Enjoy glazes and frosting that are smooth, never grainy.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg?_wi=2",
|
||||
imageAlt: "variety of fresh pastries",
|
||||
},
|
||||
{
|
||||
title: "Fresh Variety",
|
||||
description: "A wide variety of pastries baked fresh every morning.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-donuts-ai-generated_23-2150694492.jpg?_wi=2",
|
||||
imageAlt: "variety of fresh pastries",
|
||||
},
|
||||
{ title: "Light & Airy", description: "Our raised yeast doughnuts are airy and light.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Smooth Glazes", description: "Enjoy glazes and frosting that are smooth, never grainy.", bentoComponent: "reveal-icon", icon: Droplet },
|
||||
{ title: "Fresh Variety", description: "A wide variety of pastries baked fresh every morning.", bentoComponent: "reveal-icon", icon: Award },
|
||||
]}
|
||||
title="Why Customers Love It"
|
||||
description="Everything we make is crafted for that perfect, fresh experience."
|
||||
@@ -227,47 +112,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Resident",
|
||||
company: "McPherson",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Food Blogger",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Daily Regular",
|
||||
company: "McPherson",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Coffee Lover",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-woman-sitting-indoors-using-tablet-computer_171337-14053.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Student",
|
||||
company: "McPherson",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-carefree-young-woman-has-fun-wakes-up-morning-laughs-joyfully-dressed-nightwear-applies-beauty-patches-eyes-holds-soft-pillow-pile-pancakes-has-feathers-stuck-hair_273609-59805.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Local Resident", company: "McPherson", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Food Blogger", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Daily Regular", company: "McPherson", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Coffee Lover", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/amazing-woman-sitting-indoors-using-tablet-computer_171337-14053.jpg" },
|
||||
{ id: "5", name: "Lisa M.", role: "Student", company: "McPherson", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-carefree-young-woman-has-fun-wakes-up-morning-laughs-joyfully-dressed-nightwear-applies-beauty-patches-eyes-holds-soft-pillow-pile-pancakes-has-feathers-stuck-hair_273609-59805.jpg" },
|
||||
]}
|
||||
title="What Locals Say"
|
||||
description="Don't just take our word for it."
|
||||
@@ -280,34 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Freshness Guaranteed",
|
||||
items: [
|
||||
"Local ingredients",
|
||||
"Daily batches",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Pastry Variety",
|
||||
items: [
|
||||
"Yeast doughnuts",
|
||||
"Cake donuts",
|
||||
"Pastries",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5/5",
|
||||
title: "Highly Recommended",
|
||||
items: [
|
||||
"Locally owned",
|
||||
"Customer favorite",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Freshness Guaranteed", items: ["Local ingredients", "Daily batches"] },
|
||||
{ id: "m2", value: "50+", title: "Pastry Variety", items: ["Yeast doughnuts", "Cake donuts", "Pastries"] },
|
||||
{ id: "m3", value: "5/5", title: "Highly Recommended", items: ["Locally owned", "Customer favorite"] },
|
||||
]}
|
||||
title="The Donut Experience"
|
||||
description="Crafted with passion for your morning routine."
|
||||
@@ -318,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your hours?",
|
||||
content: "We open early morning to serve fresh donuts daily.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we handle large orders for events. Please call ahead.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you locally owned?",
|
||||
content: "Yes, we are a family-owned local business here in McPherson.",
|
||||
},
|
||||
{ id: "f1", title: "What are your hours?", content: "We open early morning to serve fresh donuts daily." },
|
||||
{ id: "f2", title: "Do you offer catering?", content: "Yes, we handle large orders for events. Please call ahead." },
|
||||
{ id: "f3", title: "Are you locally owned?", content: "Yes, we are a family-owned local business here in McPherson." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about Dough Co. Donuts."
|
||||
@@ -343,30 +157,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Visit us at 319 S Main St, McPherson, KS or call +1 620-242-1221."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+16202421221",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+16202421221" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Dough Co. Donuts"
|
||||
leftLink={{
|
||||
text: "© 2024 Dough Co.",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 Dough Co.", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user