bender/e730770d-a1a9-4eff-b18e-b279b925c228
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 17:28:19 +00:00
parent 7dfc887f4f
commit 76e3750474
1 changed files with 38 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
src/pages/HomePage.tsx
View File

@@ -18,32 +18,22 @@ export default function HomePage() {
title="Crafting Moments, One Cup at a Time"
description="Experience the rich aroma and exquisite taste of our carefully roasted beans, perfect for every part of your day."
primaryButton={{
text: "Explore Our Coffees",
href: "#products",
}}
text: "Explore Our Coffees", href: "#products"}}
secondaryButton={{
text: "Visit Our Cafe",
href: "#contact",
}}
text: "Visit Our Cafe", href: "#contact"}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-with-muffins_23-2148251622.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-with-muffins_23-2148251622.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barista-handling-hot-cafe-latte_1150-8044.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/barista-handling-hot-cafe-latte_1150-8044.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hand-preparing-latte-coffee-wooden-table_23-2148209232.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hand-preparing-latte-coffee-wooden-table_23-2148209232.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-coffee-beans_23-2148937253.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-coffee-beans_23-2148937253.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffles-with-cup-tea-marshmallow-pink-desk_140725-80935.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-waffles-with-cup-tea-marshmallow-pink-desk_140725-80935.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -54,10 +44,7 @@ export default function HomePage() {
<AboutTextSplit
title="Our Passion for Coffee"
descriptions={[
"At Joes Coffee, we believe that a great cup of coffee starts with passion and dedication. Our journey began with a simple idea: to bring exceptional, ethically sourced coffee from the world's best farms directly to your cup. We meticulously select only the finest beans, ensuring quality from soil to brew.",
"Our expert roasters then transform these green beans into aromatic masterpieces, unlocking their unique flavors and characteristics. This artful process, combined with our commitment to sustainability, means every sip supports both exquisite taste and responsible practices.",
"Beyond the bean, Joes Coffee is about fostering community. Whether you're a connoisseur or just beginning your coffee adventure, we invite you to explore our diverse range of blends, learn about their origins, and share in the joy of truly great coffee.",
]}
"At Joes Coffee, we believe that a great cup of coffee starts with passion and dedication. Our journey began with a simple idea: to bring exceptional, ethically sourced coffee from the world's best farms directly to your cup. We meticulously select only the finest beans, ensuring quality from soil to brew.", "Our expert roasters then transform these green beans into aromatic masterpieces, unlocking their unique flavors and characteristics. This artful process, combined with our commitment to sustainability, means every sip supports both exquisite taste and responsible practices.", "Beyond the bean, Joes Coffee is about fostering community. Whether you're a connoisseur or just beginning your coffee adventure, we invite you to explore our diverse range of blends, learn about their origins, and share in the joy of truly great coffee."]}
/>
</SectionErrorBoundary>
</div>
@@ -70,47 +57,19 @@ export default function HomePage() {
description="Each blend tells a story of origin, craft, and passion. Discover your new favorite."
items={[
{
title: "The Daily Grind",
description: "A robust dark roast with notes of chocolate and caramel, perfect for an energetic start to your day. Bold and satisfying.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/different-kind-coffee-ceramic-wood-bowl-black-wooden-surface_176474-420.jpg",
},
title: "The Daily Grind", description: "A robust dark roast with notes of chocolate and caramel, perfect for an energetic start to your day. Bold and satisfying.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/different-kind-coffee-ceramic-wood-bowl-black-wooden-surface_176474-420.jpg"},
{
title: "Sunrise Serenity",
description: "A smooth, medium-light roast with bright citrus and floral undertones. Ideal for a gentle morning wake-up.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-berries-raspberries-blackberries-with-cup-tea-cinnamon-pink-desk_140725-50675.jpg",
},
title: "Sunrise Serenity", description: "A smooth, medium-light roast with bright citrus and floral undertones. Ideal for a gentle morning wake-up.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-berries-raspberries-blackberries-with-cup-tea-cinnamon-pink-desk_140725-50675.jpg"},
{
title: "Evening Decaf",
description: "Enjoy the rich flavor of coffee without the caffeine. Our water-processed decaf is smooth and full-bodied.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705547.jpg",
},
title: "Evening Decaf", description: "Enjoy the rich flavor of coffee without the caffeine. Our water-processed decaf is smooth and full-bodied.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705547.jpg"},
{
title: "Vanilla Bean Dream",
description: "Infused with natural vanilla, this medium roast offers a sweet, aromatic escape. A delightful treat any time.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/bowl-cereal-chocolate-flavored-cereal-mixed-with-milk-breakfast_1150-23565.jpg",
},
title: "Vanilla Bean Dream", description: "Infused with natural vanilla, this medium roast offers a sweet, aromatic escape. A delightful treat any time.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/bowl-cereal-chocolate-flavored-cereal-mixed-with-milk-breakfast_1150-23565.jpg"},
{
title: "Chill Brew Concentrate",
description: "Our signature cold brew concentrate. Mix with water or milk for a refreshing and smooth iced coffee experience.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-coffee-ice-cubes_23-2149600703.jpg",
},
title: "Chill Brew Concentrate", description: "Our signature cold brew concentrate. Mix with water or milk for a refreshing and smooth iced coffee experience.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-coffee-ice-cubes_23-2149600703.jpg"},
{
title: "Coffee Explorer Kit",
description: "A curated selection of our best-selling blends, perfect for discovering your new favorite. Makes a great gift!",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762413.jpg",
},
title: "Coffee Explorer Kit", description: "A curated selection of our best-selling blends, perfect for discovering your new favorite. Makes a great gift!", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762413.jpg"},
{
title: "Home Barista Essentials",
description: "Everything you need to brew the perfect cup at home, from pour-over kits to grinders. Elevate your home coffee game.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-blue-drink-composition-table_23-2148890315.jpg",
},
title: "Home Barista Essentials", description: "Everything you need to brew the perfect cup at home, from pour-over kits to grinders. Elevate your home coffee game.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/healthy-blue-drink-composition-table_23-2148890315.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -123,21 +82,9 @@ export default function HomePage() {
title="More Than Just a Cup"
description="We believe in transparency, quality, and a truly exceptional coffee experience that stands out from the rest."
negativeItems={[
"Generic, mass-produced beans",
"Uncertain origin and sourcing",
"Stale, pre-ground options",
"Lack of flavor diversity",
"No engagement with community",
"Artificial additives",
]}
"Generic, mass-produced beans", "Uncertain origin and sourcing", "Stale, pre-ground options", "Lack of flavor diversity", "No engagement with community", "Artificial additives"]}
positiveItems={[
"Artisan roasted in small batches",
"Ethically and sustainably sourced",
"Freshly roasted and delivered",
"Unique, distinct flavor profiles",
"Vibrant and welcoming community",
"100% natural, pure coffee",
]}
"Artisan roasted in small batches", "Ethically and sustainably sourced", "Freshly roasted and delivered", "Unique, distinct flavor profiles", "Vibrant and welcoming community", "100% natural, pure coffee"]}
/>
</SectionErrorBoundary>
</div>
@@ -150,40 +97,20 @@ export default function HomePage() {
description="Our community shares their favorite Joes Coffee moments and experiences."
testimonials={[
{
name: "Sarah Johnson",
role: "CEO, Daily Brew Co.",
quote: "Joes Coffee has completely transformed my mornings! The quality is unmatched, and I love knowing where my beans come from. Truly a delightful experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-ethnic-girl-has-fun-laughs-out-loudly-holds-disposable-cup-coffee-smiles-broadly-closes-eyes-has-cheerful-conversation-isolated-green-wall-lifestyle-concept_273609-39738.jpg",
},
name: "Sarah Johnson", role: "CEO, Daily Brew Co.", quote: "Joes Coffee has completely transformed my mornings! The quality is unmatched, and I love knowing where my beans come from. Truly a delightful experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-ethnic-girl-has-fun-laughs-out-loudly-holds-disposable-cup-coffee-smiles-broadly-closes-eyes-has-cheerful-conversation-isolated-green-wall-lifestyle-concept_273609-39738.jpg"},
{
name: "Michael Chen",
role: "Software Engineer",
quote: "As a remote worker, good coffee is essential. Joes Coffee's blends are consistently fresh and flavorful, keeping me focused and happy throughout the day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102423.jpg",
},
name: "Michael Chen", role: "Software Engineer", quote: "As a remote worker, good coffee is essential. Joes Coffee's blends are consistently fresh and flavorful, keeping me focused and happy throughout the day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-businessman_23-2148102423.jpg"},
{
name: "Emily Rodriguez",
role: "Marketing Director",
quote: "I'm always looking for unique flavors, and Joes Coffee delivers! Their seasonal offerings are incredible, and the customer service is fantastic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-kitchen-coffee_23-2148708919.jpg",
},
name: "Emily Rodriguez", role: "Marketing Director", quote: "I'm always looking for unique flavors, and Joes Coffee delivers! Their seasonal offerings are incredible, and the customer service is fantastic.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-kitchen-coffee_23-2148708919.jpg"},
{
name: "David Kim",
role: "Restaurant Owner",
quote: "We serve Joes Coffee in our restaurant, and our customers rave about it. It’s the perfect complement to our menu, and we appreciate their commitment to quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
},
name: "David Kim", role: "Restaurant Owner", quote: "We serve Joes Coffee in our restaurant, and our customers rave about it. It’s the perfect complement to our menu, and we appreciate their commitment to quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg"},
{
name: "Jessica Lee",
role: "Barista, Local Cafe",
quote: "Working with Joes Coffee beans is a dream. They grind beautifully, extract perfectly, and the crema is always spot on. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-barista-standing-bar-counter-dreamily-pouring-filter-coffee-glass-while-working-cafe_574295-3472.jpg",
},
name: "Jessica Lee", role: "Barista, Local Cafe", quote: "Working with Joes Coffee beans is a dream. They grind beautifully, extract perfectly, and the crema is always spot on. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-barista-standing-bar-counter-dreamily-pouring-filter-coffee-glass-while-working-cafe_574295-3472.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -195,35 +122,8 @@ export default function HomePage() {
tag="As Seen In"
title="Trusted by Leading Publications & Partners"
description="Our commitment to exceptional coffee has earned us recognition from respected names in the industry."
images={[
{
src: "http://img.b2bpic.net/free-vector/book-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-721.jpg",
alt: "Coffee Lover Magazine",
},
{
src: "http://img.b2bpic.net/free-vector/workshop-sticker-template-green-retro-badge-vector_53876-156666.jpg",
alt: "The Daily Brew Journal",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-golden-fork-knife-cup-dark-background-cutlery-restaurant-lunch-color-plate-tea-drink_179666-19753.jpg",
alt: "Gourmet Coffee Critics",
},
{
src: "https://storage.googleapis.com/webild/default/no-image.jpg?id=uqj4xt",
alt: "Local Flavors Network",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-offering-interview_23-2149037884.jpg",
alt: "The Bean Podcast",
},
{
src: "http://img.b2bpic.net/free-vector/coffee-logo-template_23-2150529115.jpg",
alt: "Artisan Brewers Guild",
},
{
src: "http://img.b2bpic.net/free-photo/coffee-break-tea-time-stamp-icon-graphic-concept_53876-132649.jpg",
alt: "Global Coffee Blog",
},
names={[
"http://img.b2bpic.net/free-vector/book-logo-ideas-inspiration-logo-design-template-vector-illustration-isolated-white-background_384344-721.jpg", "http://img.b2bpic.net/free-vector/workshop-sticker-template-green-retro-badge-vector_53876-156666.jpg", "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-golden-fork-knife-cup-dark-background-cutlery-restaurant-lunch-color-plate-tea-drink_179666-19753.jpg", "https://storage.googleapis.com/webild/default/no-image.jpg?id=uqj4xt", "http://img.b2bpic.net/free-photo/close-up-person-offering-interview_23-2149037884.jpg", "http://img.b2bpic.net/free-vector/coffee-logo-template_23-2150529115.jpg", "http://img.b2bpic.net/free-photo/coffee-break-tea-time-stamp-icon-graphic-concept_53876-132649.jpg"
]}
/>
</SectionErrorBoundary>
@@ -237,29 +137,17 @@ export default function HomePage() {
description="Find answers to common questions about our coffee, ordering, and services."
items={[
{
question: "Where do you source your coffee beans?",
answer: "We partner directly with sustainable farms and co-ops in prime coffee-growing regions around the world, ensuring ethical practices and exceptional quality.",
},
question: "Where do you source your coffee beans?", answer: "We partner directly with sustainable farms and co-ops in prime coffee-growing regions around the world, ensuring ethical practices and exceptional quality."},
{
question: "What roast levels do you offer?",
answer: "We offer a range of roasts from light to dark, including medium, espresso, and custom blends. Each roast is carefully developed to highlight the beans' unique characteristics.",
},
question: "What roast levels do you offer?", answer: "We offer a range of roasts from light to dark, including medium, espresso, and custom blends. Each roast is carefully developed to highlight the beans' unique characteristics."},
{
question: "How should I store my coffee?",
answer: "For optimal freshness, store your coffee beans in an airtight container away from light, heat, and moisture. We recommend grinding beans just before brewing.",
},
question: "How should I store my coffee?", answer: "For optimal freshness, store your coffee beans in an airtight container away from light, heat, and moisture. We recommend grinding beans just before brewing."},
{
question: "Do you offer subscription services?",
answer: "Yes, we have flexible coffee subscription plans tailored to your preferences. Choose your frequency, grind size, and favorite blends, and we'll deliver fresh to your door.",
},
question: "Do you offer subscription services?", answer: "Yes, we have flexible coffee subscription plans tailored to your preferences. Choose your frequency, grind size, and favorite blends, and we'll deliver fresh to your door."},
{
question: "Can I visit your roastery or cafe?",
answer: "Our flagship cafe is open for visitors! You can enjoy our coffee, meet our team, and occasionally attend special tasting events. Check our website for locations and hours.",
},
question: "Can I visit your roastery or cafe?", answer: "Our flagship cafe is open for visitors! You can enjoy our coffee, meet our team, and occasionally attend special tasting events. Check our website for locations and hours."},
{
question: "What is your return policy?",
answer: "We strive for complete satisfaction. If you're not happy with your order, please contact us within 30 days of purchase for a replacement or refund.",
},
question: "What is your return policy?", answer: "We strive for complete satisfaction. If you're not happy with your order, please contact us within 30 days of purchase for a replacement or refund."},
]}
/>
</SectionErrorBoundary>
@@ -271,13 +159,9 @@ export default function HomePage() {
tag="Join the Joes Coffee Family"
text="Ready to elevate your coffee experience? Get in touch with us or find a cafe near you to savor our unique blends."
primaryButton={{
text: "Find a Cafe",
href: "#",
}}
text: "Find a Cafe", href: "#"}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
text: "Contact Us", href: "#"}}
/>
</SectionErrorBoundary>
</div>