Merge version_1_1777478117563 into main #7
@@ -12,249 +12,133 @@ import { Coffee, Droplets, Leaf } from "lucide-react";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrand
|
||||
brand="Bean & Bloom Coffee"
|
||||
description="Hand-roasted beans, sustainable practices, and the perfect cup every morning. Experience artisanal excellence."
|
||||
primaryButton={{
|
||||
text: "Our Coffee",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Cafe",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBrand
|
||||
brand="Bean & Bloom Coffee"
|
||||
description="Hand-roasted beans, sustainable practices, and the perfect cup every morning. Experience artisanal excellence."
|
||||
primaryButton={{
|
||||
text: "Our Coffee", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Visit Cafe", href: "#contact"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Heritage"
|
||||
title="From Seed to Sip"
|
||||
description="We source the finest organic beans from independent farms, roasting in small batches to preserve unique flavor profiles."
|
||||
primaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-board-with-coffee-beans-marble-background-high-quality-photo_114579-67932.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Heritage"
|
||||
title="From Seed to Sip"
|
||||
description="We source the finest organic beans from independent farms, roasting in small batches to preserve unique flavor profiles."
|
||||
primaryButton={{
|
||||
text: "Our Story", href: "#"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-board-with-coffee-beans-marble-background-high-quality-photo_114579-67932.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Menu Highlights"
|
||||
title="Carefully Crafted Drinks"
|
||||
description="Experience our signature rotations featuring classic brewing methods and modern flavor explorations."
|
||||
items={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisanal Espresso",
|
||||
description: "Rich, velvet-smooth shots pulled to perfection.",
|
||||
mediaItems: [
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Menu Highlights"
|
||||
title="Carefully Crafted Drinks"
|
||||
description="Experience our signature rotations featuring classic brewing methods and modern flavor explorations."
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-breakfast-art-caffeine-wooden_1150-1577.jpg",
|
||||
icon: "Coffee", title: "Artisanal Espresso", description: "Rich, velvet-smooth shots pulled to perfection.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/texture-breakfast-art-caffeine-wooden_1150-1577.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-with-trendy-accessories-laughing-holding-stylish-sunglasses-while-drinking-coffee-front-restaurant_291650-1632.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-girl-with-trendy-accessories-laughing-holding-stylish-sunglasses-while-drinking-coffee-front-restaurant_291650-1632.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=2",
|
||||
imageAlt: "latte art detail cup of coffee",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Slow-Drip Cold Brew",
|
||||
description: "Steeped for 24 hours for a naturally sweet finish.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-yellow-summer-dress-hat-with-cup-coffee-enjoying-sun-stands-bridge-with-city-amazing-view_343596-6115.jpg",
|
||||
icon: "Droplets", title: "Slow-Drip Cold Brew", description: "Steeped for 24 hours for a naturally sweet finish.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-yellow-summer-dress-hat-with-cup-coffee-enjoying-sun-stands-bridge-with-city-amazing-view_343596-6115.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg",
|
||||
icon: "Leaf", title: "Organic Pour-Overs", description: "Highlighting delicate notes from single-origin beans.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2997.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-glass-ice-tea-table_181624-21683.jpg" },
|
||||
],
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-coffee-beans-marble-background-high-quality-photo_114579-67932.jpg?_wi=2",
|
||||
imageAlt: "latte art detail cup of coffee",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Organic Pour-Overs",
|
||||
description: "Highlighting delicate notes from single-origin beans.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2997.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-glass-ice-tea-table_181624-21683.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-burlap-bag-with-coffee-beans-isolated-red-background_141793-25509.jpg?_wi=1",
|
||||
imageAlt: "latte art detail cup of coffee",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductMediaCards
|
||||
tag="Shop Essentials"
|
||||
title="At-Home Brewing"
|
||||
description="Everything you need to replicate our cafe experience at home."
|
||||
products={[
|
||||
{
|
||||
name: "House Blend Beans",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-burlap-bag-with-coffee-beans-isolated-red-background_141793-25509.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Portafilter Basket",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-grinder-with-coffee-powder_23-2148441178.jpg",
|
||||
},
|
||||
{
|
||||
name: "Hand-Thrown Mug",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-painted-mugs-arrangement_23-2149644951.jpg",
|
||||
},
|
||||
{
|
||||
name: "Classic French Press",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-spoon_23-2148892897.jpg",
|
||||
},
|
||||
{
|
||||
name: "Pour Over Kit",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14734.jpg",
|
||||
},
|
||||
{
|
||||
name: "Manual Grinder",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clear-aeropress-filter-cap-two-paper-filters-steel-travel-cup-held-up-air-by-four-hands-white-alternative-coffee-brewing-commercial_346278-1099.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductMediaCards
|
||||
tag="Shop Essentials"
|
||||
title="At-Home Brewing"
|
||||
description="Everything you need to replicate our cafe experience at home."
|
||||
products={[
|
||||
{ name: "House Blend Beans", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-burlap-bag-with-coffee-beans-isolated-red-background_141793-25509.jpg" },
|
||||
{ name: "Portafilter Basket", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-grinder-with-coffee-powder_23-2148441178.jpg" },
|
||||
{ name: "Hand-Thrown Mug", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-painted-mugs-arrangement_23-2149644951.jpg" },
|
||||
{ name: "Classic French Press", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-spoon_23-2148892897.jpg" },
|
||||
{ name: "Pour Over Kit", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14734.jpg" },
|
||||
{ name: "Manual Grinder", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/empty-clear-aeropress-filter-cap-two-paper-filters-steel-travel-cup-held-up-air-by-four-hands-white-alternative-coffee-brewing-commercial_346278-1099.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
description: "Cups Brewed Monthly",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
description: "Local Farms Supported",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Organic Beans Only",
|
||||
},
|
||||
]}
|
||||
title="Excellence in Every Cup"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsMinimalCards
|
||||
tag="Our Impact"
|
||||
title="Excellence in Every Cup"
|
||||
metrics={[
|
||||
{ value: "10k+", description: "Cups Brewed Monthly" },
|
||||
{ value: "50+", description: "Local Farms Supported" },
|
||||
{ value: "100%", description: "Organic Beans Only" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Community"
|
||||
title="What Neighbors Say"
|
||||
description="Join our community of coffee enthusiasts who make us a daily ritual."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
role: "Software Engineer",
|
||||
company: "TechSys",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-starts-her-morning-with-mug-coffee-drinking-tea-from-cup-standing_1258-197073.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Architect",
|
||||
company: "CityBuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-chatting-break-time_23-2149308481.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Professor",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinks-whiskey-businessman-reads-documents-director-shirt-suspenders_1157-44600.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jasmine Lee",
|
||||
role: "Writer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Community"
|
||||
title="What Neighbors Say"
|
||||
description="Join our community of coffee enthusiasts who make us a daily ritual."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg" },
|
||||
{ name: "David Chen", role: "Software Engineer", company: "TechSys", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-starts-her-morning-with-mug-coffee-drinking-tea-from-cup-standing_1258-197073.jpg" },
|
||||
{ name: "Elena Rodriguez", role: "Architect", company: "CityBuild", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-chatting-break-time_23-2149308481.jpg" },
|
||||
{ name: "Marcus Thorne", role: "Professor", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-drinks-whiskey-businessman-reads-documents-director-shirt-suspenders_1157-44600.jpg" },
|
||||
{ name: "Jasmine Lee", role: "Writer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-barista-serving-cups-coffee_23-2148522984.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofMarquee
|
||||
tag="Our Partners"
|
||||
title="Sustainable Collaborators"
|
||||
description="Proudly working with ethical farms and suppliers worldwide."
|
||||
names={[
|
||||
"Farm One",
|
||||
"Roast Co",
|
||||
"Bean Direct",
|
||||
"Fair Harvest",
|
||||
"Mountain Brew",
|
||||
"Direct Trade",
|
||||
"Green Origin",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofMarquee
|
||||
tag="Our Partners"
|
||||
title="Sustainable Collaborators"
|
||||
description="Proudly working with ethical farms and suppliers worldwide."
|
||||
names={["Farm One", "Roast Co", "Bean Direct", "Fair Harvest", "Mountain Brew", "Direct Trade", "Green Origin"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Info"
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our coffee, roasting process, and cafe."
|
||||
items={[
|
||||
{
|
||||
question: "Are your beans organic?",
|
||||
answer: "Yes, we source 100% organic, fair-trade coffee beans.",
|
||||
},
|
||||
{
|
||||
question: "Where is the cafe located?",
|
||||
answer: "We are located at 123 Coffee Lane in the city center.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer wholesale?",
|
||||
answer: "Yes, we provide bulk beans to local businesses and offices.",
|
||||
},
|
||||
{
|
||||
question: "Can I book the cafe?",
|
||||
answer: "We host private events in our space after regular cafe hours.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699682.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Info"
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our coffee, roasting process, and cafe."
|
||||
items={[
|
||||
{ question: "Are your beans organic?", answer: "Yes, we source 100% organic, fair-trade coffee beans." },
|
||||
{ question: "Where is the cafe located?", answer: "We are located at 123 Coffee Lane in the city center." },
|
||||
{ question: "Do you offer wholesale?", answer: "Yes, we provide bulk beans to local businesses and offices." },
|
||||
{ question: "Can I book the cafe?", answer: "We host private events in our space after regular cafe hours." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699682.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Join Us"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates on new roast drops and seasonal menu items."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Join Us"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates on new roast drops and seasonal menu items."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user