From a18eb6f64c80ef5727de68670e71ba8110dbc3a0 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 14 Jun 2026 01:19:24 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 188 +++++++++-------------------------------- 1 file changed, 38 insertions(+), 150 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 1ee9145..3e58af4 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -16,29 +16,17 @@ export default function HomePage() { @@ -51,22 +39,13 @@ export default function HomePage() { description="Dirty Bean was founded on a simple premise: great coffee shouldn't be complicated, just excellent. We source our beans ethically, roast them in small batches, and pour our passion into every cup." items={[ { - icon: Coffee, - title: "Ethical Sourcing", - description: "We partner with local farmers directly.", - }, + icon: "Coffee", title: "Ethical Sourcing", description: "We partner with local farmers directly."}, { - icon: Flame, - title: "Small Batch Roast", - description: "Roasted daily for maximum freshness.", - }, + icon: "Flame", title: "Small Batch Roast", description: "Roasted daily for maximum freshness."}, { - icon: Award, - title: "Expert Quality", - description: "Crafted by award-winning baristas.", - }, + icon: "Award", title: "Expert Quality", description: "Crafted by award-winning baristas."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/front-view-male-barista-using-professional-coffee-machine-cup_23-2148824392.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/front-view-male-barista-using-professional-coffee-machine-cup_23-2148824392.jpg" /> @@ -79,53 +58,25 @@ export default function HomePage() { description="Our meticulous process ensures quality from the farm to your cup." features={[ { - title: "Precision Roasting", - description: "Computers track heat curves for consistency.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Precision Roasting", description: "Computers track heat curves for consistency.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-405.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-405.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709945.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709945.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162981.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162981.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg?_wi=2", - imageAlt: "fresh roasted coffee beans bag", }, { - title: "Community Focus", - description: "A hub for locals and visitors alike.", - bentoComponent: "orbiting-icons", - centerIcon: Coffee, - orbitIcons: [ - "Users", - "Heart", - "Music", - "Wifi", - ], - imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-barista-using-professional-coffee-machine-cup_23-2148824392.jpg?_wi=2", - imageAlt: "fresh roasted coffee beans bag", + title: "Community Focus", description: "A hub for locals and visitors alike.", bentoComponent: "orbiting-icons", centerIcon: "Coffee", orbitIcons: [ + "Users", "Heart", "Music", "Wifi"], }, { - title: "Freshness Guarantee", - description: "If it isn't fresh, we don't serve it.", - bentoComponent: "chat-marquee", - aiIcon: Coffee, - userIcon: User, - exchanges: [ + title: "Freshness Guarantee", description: "If it isn't fresh, we don't serve it.", bentoComponent: "chat-marquee", aiIcon: "Coffee", userIcon: "User", exchanges: [ { - userMessage: "Is this fresh?", - aiResponse: "Roasted just yesterday!", - }, + userMessage: "Is this fresh?", aiResponse: "Roasted just yesterday!"}, ], - placeholder: "Ask our barista...", - imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg?_wi=1", - imageAlt: "fresh roasted coffee beans bag", - }, + placeholder: "Ask our barista..."}, ]} /> @@ -139,40 +90,19 @@ export default function HomePage() { description="From single-origin pours to decadent lattes." items={[ { - title: "House Roast", - description: "A classic smooth blend.", - imageSrc: "http://img.b2bpic.net/free-photo/roasted-beans-tasteful-coffee-shopping-paper-bag_23-2148441159.jpg", - }, + title: "House Roast", description: "A classic smooth blend.", imageSrc: "http://img.b2bpic.net/free-photo/roasted-beans-tasteful-coffee-shopping-paper-bag_23-2148441159.jpg"}, { - title: "Ethiopian Yirg", - description: "Bright, fruity, citrus notes.", - imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee_1339-2388.jpg", - }, + title: "Ethiopian Yirg", description: "Bright, fruity, citrus notes.", imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee_1339-2388.jpg"}, { - title: "Cold Brew", - description: "12-hour steeped perfection.", - imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pile-coffee-beans_1112-438.jpg", - }, + title: "Cold Brew", description: "12-hour steeped perfection.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pile-coffee-beans_1112-438.jpg"}, { - title: "Dark Roast", - description: "Deep and smoky profiles.", - imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg?_wi=2", - }, + title: "Dark Roast", description: "Deep and smoky profiles.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg"}, { - title: "Signature Latte", - description: "Perfectly balanced milk foam.", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-roll_23-2150645419.jpg", - }, + title: "Signature Latte", description: "Perfectly balanced milk foam.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-roll_23-2150645419.jpg"}, { - title: "Espresso Shot", - description: "Rich crema extraction.", - imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-grinder_23-2151965900.jpg", - }, + title: "Espresso Shot", description: "Rich crema extraction.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-grinder_23-2151965900.jpg"}, { - title: "Subscription", - description: "Beans delivered to your door.", - imageSrc: "http://img.b2bpic.net/free-photo/tea-time-two-women-drinking-tea_119269-3.jpg", - }, + title: "Subscription", description: "Beans delivered to your door.", imageSrc: "http://img.b2bpic.net/free-photo/tea-time-two-women-drinking-tea_119269-3.jpg"}, ]} /> @@ -186,35 +116,15 @@ export default function HomePage() { description="Hear what the community has to say about Dirty Bean." testimonials={[ { - name: "Alex R.", - role: "Designer", - quote: "The best espresso I've had in years.", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-successful-young-female-entrepreneur-drinking-coffee-cafe-enjoying-nice-conversation-with-partner-holding-cup-smiling-camera-tilt-head-from-interest-reading-fashion-magazine_197531-30498.jpg", - }, + name: "Alex R.", role: "Designer", quote: "The best espresso I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-successful-young-female-entrepreneur-drinking-coffee-cafe-enjoying-nice-conversation-with-partner-holding-cup-smiling-camera-tilt-head-from-interest-reading-fashion-magazine_197531-30498.jpg"}, { - name: "Sarah K.", - role: "Architect", - quote: "Love the cozy atmosphere and roasts.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-white-headphones-smoothie-table_1157-2107.jpg", - }, + name: "Sarah K.", role: "Architect", quote: "Love the cozy atmosphere and roasts.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-white-headphones-smoothie-table_1157-2107.jpg"}, { - name: "Marcus L.", - role: "Developer", - quote: "My daily caffeine fix, consistently great.", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804644.jpg", - }, + name: "Marcus L.", role: "Developer", quote: "My daily caffeine fix, consistently great.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804644.jpg"}, { - name: "Jenna M.", - role: "Writer", - quote: "Truly artisan quality in every cup.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-friends-near-bar_171337-18158.jpg", - }, + name: "Jenna M.", role: "Writer", quote: "Truly artisan quality in every cup.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-friends-near-bar_171337-18158.jpg"}, { - name: "Tom B.", - role: "Artist", - quote: "So glad I found this hidden gem.", - imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg", - }, + name: "Tom B.", role: "Artist", quote: "So glad I found this hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg"}, ]} /> @@ -227,14 +137,7 @@ export default function HomePage() { title="Supporting Local" description="We source from these incredible local producers." names={[ - "Green Hill Farm", - "Valley Dairy", - "Organic Harvest", - "River Ridge", - "Mountain Peak", - "Forest Coffee", - "Sunrise Roasters", - ]} + "Green Hill Farm", "Valley Dairy", "Organic Harvest", "River Ridge", "Mountain Peak", "Forest Coffee", "Sunrise Roasters"]} /> @@ -247,31 +150,20 @@ export default function HomePage() { description="Everything you need to know about our beans." categories={[ { - name: "Shipping", - items: [ + name: "Shipping", items: [ { - question: "Do you ship nationwide?", - answer: "Yes, we ship everywhere in the US.", - }, + question: "Do you ship nationwide?", answer: "Yes, we ship everywhere in the US."}, ], }, { - name: "Roasting", - items: [ + name: "Roasting", items: [ { - question: "How often do you roast?", - answer: "We roast in small batches daily.", - }, + question: "How often do you roast?", answer: "We roast in small batches daily."}, ], }, ]} cta={{ - name: "Barista", - role: "Expert", - buttonText: "Chat", - buttonHref: "#contact", - imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg", - }} + name: "Barista", role: "Expert", buttonText: "Chat", buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg"}} /> @@ -282,13 +174,9 @@ export default function HomePage() { tag="Get in touch" text="Visit us or order online today." primaryButton={{ - text: "Order Online", - href: "#menu", - }} + text: "Order Online", href: "#menu"}} secondaryButton={{ - text: "Contact Us", - href: "mailto:hello@dirtybean.com", - }} + text: "Contact Us", href: "mailto:hello@dirtybean.com"}} />