From cd792c2b146d27ee3a014caa6ee9888d49e6fc0b Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 1 May 2026 10:07:34 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 276 ++++++++++++----------------------------------- 1 file changed, 69 insertions(+), 207 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 691f2df..26f74cc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -28,31 +28,25 @@ export default function LandingPage() { secondaryButtonStyle="solid" headingFontWeight="normal" > - + @@ -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() { @@ -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() { ); -} +} \ No newline at end of file -- 2.49.1