Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Donut Delight"
|
||||
/>
|
||||
@@ -56,60 +48,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Happiness in Every Bite"
|
||||
description="Hand-crafted, artisan donuts made fresh every single morning. Taste the difference that premium ingredients make."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-teenage-girl-sticking-her-tongue-out-looking-through-donut_23-2149238390.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-teenage-girl-sticking-her-tongue-out-looking-through-donut_23-2149238390.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-white-bright-smile-eating-tasty-donut_158595-1688.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-white-bright-smile-eating-tasty-donut_158595-1688.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-holds-two-tasty-doughnuts-against-eyes-opens-mouth-from-amazement-enjoys-sweet-dessert-isolated-pink-space_273609-24078.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-holds-two-tasty-doughnuts-against-eyes-opens-mouth-from-amazement-enjoys-sweet-dessert-isolated-pink-space_273609-24078.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 1000+ local donut lovers"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "See Menu", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked",
|
||||
},
|
||||
type: "text", text: "Freshly Baked"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
type: "text", text: "Premium Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Favorites",
|
||||
},
|
||||
type: "text", text: "Local Favorites"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted",
|
||||
},
|
||||
type: "text", text: "Hand-crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Delivered Daily",
|
||||
},
|
||||
type: "text", text: "Delivered Daily"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,7 +91,7 @@ export default function LandingPage() {
|
||||
description="We started as a small kitchen in the neighborhood, aiming to bring joy through simple, sweet delights."
|
||||
subdescription="Every batch is prepared with passion, premium ingredients, and local flair to ensure the perfect texture and flavor profile."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-s-hand-holding-delicious-donut-bakery-full-glazed-donuts-san-isidro_181624-58662.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-s-hand-holding-delicious-donut-bakery-full-glazed-donuts-san-isidro_181624-58662.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -135,41 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Glazed",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/individual-epiphany-cake-roscon-de-reyes-isolated-white-background_123827-28399.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Classic Glazed", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/individual-epiphany-cake-roscon-de-reyes-isolated-white-background_123827-28399.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strawberry Delight",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-tasty-donut-with-sprinkle-isolated-pink-background_23-2147909385.jpg",
|
||||
},
|
||||
id: "p2", name: "Strawberry Delight", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-tasty-donut-with-sprinkle-isolated-pink-background_23-2147909385.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Fried",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-glazed-donuts-isolated-white-background_123827-33289.jpg",
|
||||
},
|
||||
id: "p3", name: "Golden Fried", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/sweet-glazed-donuts-isolated-white-background_123827-33289.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Caramel Drizzle",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-donuts-with-frosting_23-2148468151.jpg",
|
||||
},
|
||||
id: "p4", name: "Caramel Drizzle", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-donuts-with-frosting_23-2148468151.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blueberry Filled",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-donuts-christmas-baubles-wooden-platter-marble-surface_114579-75205.jpg",
|
||||
},
|
||||
id: "p5", name: "Blueberry Filled", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/stacked-donuts-christmas-baubles-wooden-platter-marble-surface_114579-75205.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cinnamon Dust",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-donuts-different-flavors-paper-close-up_169016-28188.jpg",
|
||||
},
|
||||
id: "p6", name: "Cinnamon Dust", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-donuts-different-flavors-paper-close-up_169016-28188.jpg"},
|
||||
]}
|
||||
title="Fresh Daily Selection"
|
||||
description="Indulge in our rotating selection of signature and seasonal flavors."
|
||||
@@ -183,28 +128,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Daily",
|
||||
description: "Made fresh early every morning.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-picnic-goodies-blanket_23-2148921068.jpg",
|
||||
imageAlt: "fresh glazed donut professional photography",
|
||||
title: "Fresh Daily", description: "Made fresh early every morning.", bentoComponent: "reveal-icon", icon: Clock,
|
||||
},
|
||||
{
|
||||
title: "Premium Flour",
|
||||
description: "High-quality ingredients only.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wheat,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-holding-delicious-donut-bakery-full-glazed-donuts-san-isidro_181624-58662.jpg?_wi=2",
|
||||
imageAlt: "fresh glazed donut professional photography",
|
||||
title: "Premium Flour", description: "High-quality ingredients only.", bentoComponent: "reveal-icon", icon: Wheat,
|
||||
},
|
||||
{
|
||||
title: "Eco Friendly",
|
||||
description: "Sustainably packaged to go.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/individual-epiphany-cake-roscon-de-reyes-isolated-white-background_123827-28399.jpg?_wi=2",
|
||||
imageAlt: "fresh glazed donut professional photography",
|
||||
title: "Eco Friendly", description: "Sustainably packaged to go.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Why Donut Delight?"
|
||||
@@ -220,25 +150,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-tanned-woman-brown-bra-denim-skirt-smiles-eats-waffle-with-maple-syrup_197531-18185.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-tanned-woman-brown-bra-denim-skirt-smiles-eats-waffle-with-maple-syrup_197531-18185.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-doughnut_23-2148499576.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-doughnut_23-2148499576.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-donut-casual-portrait_624325-3591.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-donut-casual-portrait_624325-3591.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-showing-two-pink-doughnuts-delicious-pastry-eating-dessert_1258-253538.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-showing-two-pink-doughnuts-delicious-pastry-eating-dessert_1258-253538.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-teenage-girl-sticking-her-tongue-out-looking-through-donut_23-2149238388.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-teenage-girl-sticking-her-tongue-out-looking-through-donut_23-2149238388.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -252,33 +172,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "six",
|
||||
name: "Half Dozen",
|
||||
price: "$12.00",
|
||||
features: [
|
||||
"6 Fresh Donuts",
|
||||
"Variety Flavors",
|
||||
"Box included",
|
||||
],
|
||||
id: "six", name: "Half Dozen", price: "$12.00", features: [
|
||||
"6 Fresh Donuts", "Variety Flavors", "Box included"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "twelve",
|
||||
name: "Baker's Dozen",
|
||||
price: "$20.00",
|
||||
features: [
|
||||
"13 Fresh Donuts",
|
||||
"Mix & Match",
|
||||
"Premium Box",
|
||||
],
|
||||
id: "twelve", name: "Baker's Dozen", price: "$20.00", features: [
|
||||
"13 Fresh Donuts", "Mix & Match", "Premium Box"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -292,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open 7 days a week from 6 AM to 8 PM.",
|
||||
},
|
||||
id: "q1", title: "Are you open on weekends?", content: "Yes, we are open 7 days a week from 6 AM to 8 PM."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We offer local delivery via popular platforms.",
|
||||
},
|
||||
id: "q2", title: "Do you offer delivery?", content: "We offer local delivery via popular platforms."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there vegan options?",
|
||||
content: "Yes, check out our vegan section.",
|
||||
},
|
||||
id: "q3", title: "Are there vegan options?", content: "Yes, check out our vegan section."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -316,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Keep in touch"
|
||||
title="Join our Donut Club"
|
||||
description="Get exclusive discounts and updates on new flavors."
|
||||
@@ -330,38 +226,25 @@ export default function LandingPage() {
|
||||
logoText="Donut Delight"
|
||||
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: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user