Merge version_2 into main #1
276
src/app/page.tsx
276
src/app/page.tsx
@@ -28,31 +28,25 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Donuts",
|
||||
id: "products",
|
||||
},
|
||||
name: "Donuts", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Glaze & Joy"
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
text: "Sign Up", onClick: () => {
|
||||
const el = document.getElementById('contact');
|
||||
if (el) el.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,37 +57,31 @@ export default function LandingPage() {
|
||||
description="Experience our artisanal, handcrafted donuts made daily with the finest ingredients. Authentic, sweet, and unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Menu",
|
||||
href: "#products",
|
||||
text: "Browse Menu", onClick: () => {
|
||||
const el = document.getElementById('products');
|
||||
if (el) el.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
text: "Sign Up", onClick: () => {
|
||||
const el = document.getElementById('contact');
|
||||
if (el) el.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assorted-donuts-with-chocolate-frosted-pink-glazed-sprinkles_114579-85817.jpg"
|
||||
imageAlt="Artisanal glazed donut close-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sweet-dessert-with-many-donut_74190-7733.jpg",
|
||||
alt: "Happy customer with donuts",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sweet-dessert-with-many-donut_74190-7733.jpg", alt: "Happy customer with donuts"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/three-strawberry-donuts-with-glass-milk-pink-table_114579-18115.jpg",
|
||||
alt: "Satisfied customer holding a donut",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/three-strawberry-donuts-with-glass-milk-pink-table_114579-18115.jpg", alt: "Satisfied customer holding a donut"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-appetizing-pink-donut-wooden-background_169016-26851.jpg",
|
||||
alt: "Smiling patron at bakery",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-appetizing-pink-donut-wooden-background_169016-26851.jpg", alt: "Smiling patron at bakery"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-glazed-doughnuts-arrangement_23-2150674110.jpg",
|
||||
alt: "Customer enjoying a sweet treat",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-glazed-doughnuts-arrangement_23-2150674110.jpg", alt: "Customer enjoying a sweet treat"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-composition-with-donut-cup-tea_169016-27115.jpg",
|
||||
alt: "Happy donut shop regular",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-composition-with-donut-cup-tea_169016-27115.jpg", alt: "Happy donut shop regular"},
|
||||
]}
|
||||
avatarText="Join 8,000+ happy donut lovers"
|
||||
/>
|
||||
@@ -106,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Cups",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Coffee Cups", value: "10k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Donut Types",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Donut Types", value: "50+"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Customers",
|
||||
value: "8k+",
|
||||
},
|
||||
label: "Happy Customers", value: "8k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,38 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Farm Fresh Ingredients",
|
||||
author: "Our Promise",
|
||||
description: "Local flour and dairy make the difference.",
|
||||
tags: [
|
||||
"Fresh",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-autumn-baking-ingredients-apples-cinnamon-nuts_114579-23208.jpg",
|
||||
},
|
||||
id: "f1", title: "Farm Fresh Ingredients", author: "Our Promise", description: "Local flour and dairy make the difference.", tags: [
|
||||
"Fresh", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-autumn-baking-ingredients-apples-cinnamon-nuts_114579-23208.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisanal Baking",
|
||||
author: "Our Process",
|
||||
description: "Slow-proofed dough for the perfect texture.",
|
||||
tags: [
|
||||
"Handcrafted",
|
||||
"Baking",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/donut_1339-4549.jpg",
|
||||
},
|
||||
id: "f2", title: "Artisanal Baking", author: "Our Process", description: "Slow-proofed dough for the perfect texture.", tags: [
|
||||
"Handcrafted", "Baking"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/donut_1339-4549.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Expert Decorators",
|
||||
author: "Our Team",
|
||||
description: "Every design is created by master pastry chefs.",
|
||||
tags: [
|
||||
"Artistic",
|
||||
"Mastery",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-glazed-donut_23-2148332797.jpg",
|
||||
},
|
||||
id: "f3", title: "Expert Decorators", author: "Our Team", description: "Every design is created by master pastry chefs.", tags: [
|
||||
"Artistic", "Mastery"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-glazed-donut_23-2148332797.jpg"},
|
||||
]}
|
||||
title="Crafted with Passion"
|
||||
description="We take pride in every step of the process to ensure excellence."
|
||||
@@ -177,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Chocolate",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-chocolate-donuts-wooden-plate-blue-surface_114579-18232.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Chocolate", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/three-chocolate-donuts-wooden-plate-blue-surface_114579-18232.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strawberry Sprinkles",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-doughnuts-with-glazing-straws_23-2148423374.jpg",
|
||||
},
|
||||
id: "p2", name: "Strawberry Sprinkles", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-doughnuts-with-glazing-straws_23-2148423374.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vanilla Glazed",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-chocolate-vanilla-doughnut-with-sprinkles-yellow-background_23-2147895869.jpg",
|
||||
},
|
||||
id: "p3", name: "Vanilla Glazed", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/white-chocolate-vanilla-doughnut-with-sprinkles-yellow-background_23-2147895869.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Maple Drizzle",
|
||||
price: "$2.80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-epiphany-day-food-composition_23-2148730529.jpg",
|
||||
},
|
||||
id: "p4", name: "Maple Drizzle", price: "$2.80", imageSrc: "http://img.b2bpic.net/free-photo/sweet-epiphany-day-food-composition_23-2148730529.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cinnamon Dust",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/epiphany-day-delicious-foods-with-bokeh-effect-close-up_23-2148730471.jpg",
|
||||
},
|
||||
id: "p5", name: "Cinnamon Dust", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/epiphany-day-delicious-foods-with-bokeh-effect-close-up_23-2148730471.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boston Cream",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-fresh-sugar-donuts-wooden-board_181624-32531.jpg",
|
||||
},
|
||||
id: "p6", name: "Boston Cream", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-fresh-sugar-donuts-wooden-board_181624-32531.jpg"},
|
||||
]}
|
||||
title="Our Donut Collection"
|
||||
description="Pick your favorites from our daily freshly baked selection."
|
||||
@@ -225,51 +162,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Sample Pack",
|
||||
price: "$12",
|
||||
buttons: [
|
||||
id: "basic", name: "Sample Pack", price: "$12", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
features: [
|
||||
"6 Fresh Donuts",
|
||||
"Classic Flavors",
|
||||
],
|
||||
"6 Fresh Donuts", "Classic Flavors"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Party Box",
|
||||
price: "$24",
|
||||
buttons: [
|
||||
id: "pro", name: "Party Box", price: "$24", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
features: [
|
||||
"12 Mixed Donuts",
|
||||
"Assorted Styles",
|
||||
"Custom Box",
|
||||
],
|
||||
"12 Mixed Donuts", "Assorted Styles", "Custom Box"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Office Feast",
|
||||
price: "$45",
|
||||
buttons: [
|
||||
id: "premium", name: "Office Feast", price: "$45", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
features: [
|
||||
"24 Assorted Donuts",
|
||||
"Signature Selection",
|
||||
"Priority Service",
|
||||
],
|
||||
"24 Assorted Donuts", "Signature Selection", "Priority Service"],
|
||||
},
|
||||
]}
|
||||
title="Gift Boxes"
|
||||
@@ -284,40 +198,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahdonut",
|
||||
testimonial: "Best donuts in town! So soft and flavorful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-holding-whisk-doing-ok-sign-with-fingers-smiling-friendly-gesturing-excellent-symbol_839833-32685.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarahdonut", testimonial: "Best donuts in town! So soft and flavorful.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-holding-whisk-doing-ok-sign-with-fingers-smiling-friendly-gesturing-excellent-symbol_839833-32685.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "I never miss a Friday donut treat. Simply amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-fooling-around-with-her-daughter_23-2148597831.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike Ross", handle: "@mikeross", testimonial: "I never miss a Friday donut treat. Simply amazing.", imageSrc: "http://img.b2bpic.net/free-photo/mother-fooling-around-with-her-daughter_23-2148597831.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
handle: "@emchen",
|
||||
testimonial: "The strawberry sprinkles are my absolute favorite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-cute-blond-woman-holding-doughnut-eating-sweet-delicious-comfort-food_1258-253727.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Chen", handle: "@emchen", testimonial: "The strawberry sprinkles are my absolute favorite.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-cute-blond-woman-holding-doughnut-eating-sweet-delicious-comfort-food_1258-253727.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alex Taylor",
|
||||
handle: "@alext",
|
||||
testimonial: "The staff is so friendly and the donuts are always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-liking-glazed-doughnut_23-2148244725.jpg",
|
||||
},
|
||||
id: "t4", name: "Alex Taylor", handle: "@alext", testimonial: "The staff is so friendly and the donuts are always fresh.", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-liking-glazed-doughnut_23-2148244725.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan P.",
|
||||
handle: "@jp",
|
||||
testimonial: "Perfectly balanced sweetness, not too heavy at all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-heavy-present-boxes-green-t-shirt-hat-looking-puzzled_176474-16270.jpg",
|
||||
},
|
||||
id: "t5", name: "Jordan P.", handle: "@jp", testimonial: "Perfectly balanced sweetness, not too heavy at all.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-heavy-present-boxes-green-t-shirt-hat-looking-puzzled_176474-16270.jpg"},
|
||||
]}
|
||||
title="Love from Our Donut Fans"
|
||||
description="See why our customers keep coming back for more."
|
||||
@@ -329,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer local delivery through our app.",
|
||||
},
|
||||
id: "q1", title: "Do you deliver?", content: "Yes, we offer local delivery through our app."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there vegan options?",
|
||||
content: "Absolutely, we have a selection of vegan donuts available daily.",
|
||||
},
|
||||
id: "q2", title: "Are there vegan options?", content: "Absolutely, we have a selection of vegan donuts available daily."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I pre-order?",
|
||||
content: "Yes, pre-orders are available via our website for large quantities.",
|
||||
},
|
||||
id: "q3", title: "Can I pre-order?", content: "Yes, pre-orders are available via our website for large quantities."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -353,14 +233,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join our Donut Club and get a free donut on your first visit! Sign up today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Now"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -370,42 +247,27 @@ export default function LandingPage() {
|
||||
logoText="Glaze & Joy"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
label: "Locations", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -414,4 +276,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user