210 lines
7.6 KiB
TypeScript
210 lines
7.6 KiB
TypeScript
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
|
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
|
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
|
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroBrand
|
|
brand="State Coffee"
|
|
description="Hand-selected single-origin beans, small-batch roasted to perfection. Experience coffee that rewards sophistication."
|
|
primaryButton={{
|
|
text: "Discover Our Collection",
|
|
href: "#products",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Our Heritage",
|
|
href: "#about",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-95410.jpg?_wi=1"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutMediaOverlay
|
|
tag="Our Story"
|
|
title="Extraordinary Coffee, Unapologetically Premium"
|
|
description="We believe in the art of the craft. Every batch is traced from high-altitude origin to your cup, ensuring the purest expression of terroir and dedication."
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-strawberry-garden-sunrise-doi-ang-khang-chiang-mai-thailand_335224-761.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<SectionErrorBoundary name="products">
|
|
<FeaturesRevealCardsBento
|
|
tag="Curated Selection"
|
|
title="The Master Series"
|
|
description="Explore our limited edition small-batch offerings."
|
|
items={[
|
|
{
|
|
title: "Ethiopian Heirloom",
|
|
description: "Floral notes with hints of jasmine and citrus.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937226.jpg",
|
|
},
|
|
{
|
|
title: "Colombian Supremo",
|
|
description: "Caramel sweetness with a smooth dark chocolate body.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-coffee-with-sugar-ready-be-served_23-2148463988.jpg",
|
|
},
|
|
{
|
|
title: "Sumatra Reserve",
|
|
description: "Bold earthiness with spicy undertones.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648732.jpg",
|
|
},
|
|
{
|
|
title: "Guatemalan Antigua",
|
|
description: "Balanced acidity with deep berry undertones.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-grinding-coffee-with-grinder-cup-it_1232-634.jpg",
|
|
},
|
|
{
|
|
title: "Panama Geisha",
|
|
description: "Exclusive microlot, light and tea-like elegance.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-roasted-coffee-bean-lights-with-blurry-backgroun_181624-59643.jpg",
|
|
},
|
|
{
|
|
title: "Kenyan Peaberry",
|
|
description: "Bright, juicy acidity with crisp blackcurrant.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-kettle_23-2148551566.jpg",
|
|
},
|
|
{
|
|
title: "Brasil Santos",
|
|
description: "Nutty sweetness, round mouthfeel, balanced finish.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bartender-making-alternative-coffee-using-manual-drip-brewer-pouring-water_176420-7892.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsSimpleCards
|
|
tag="Our Impact"
|
|
title="Precision and Passion"
|
|
description="Data-backed quality benchmarks for your daily ritual."
|
|
metrics={[
|
|
{
|
|
value: "12+",
|
|
description: "Origin Regions",
|
|
},
|
|
{
|
|
value: "48h",
|
|
description: "Roasted & Shipped",
|
|
},
|
|
{
|
|
value: "100%",
|
|
description: "Traceable Sourcing",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialMarqueeOverlayCards
|
|
tag="Voice of Connoisseurs"
|
|
title="The Art of Experience"
|
|
description="Hear what our global community of enthusiasts say."
|
|
testimonials={[
|
|
{
|
|
name: "Julian V.",
|
|
role: "Sommelier",
|
|
company: "Fine Dining Weekly",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg",
|
|
},
|
|
{
|
|
name: "Elena M.",
|
|
role: "Coffee Blogger",
|
|
company: "The Daily Brew",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-posing-with-fruits_23-2148851873.jpg",
|
|
},
|
|
{
|
|
name: "Marcus R.",
|
|
role: "Architect",
|
|
company: "Design Arch",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-lifestyle-portrait-happy-carefree-black-woman-enjoying-coffee-break-paris_273443-1402.jpg",
|
|
},
|
|
{
|
|
name: "Sarah L.",
|
|
role: "Head Roaster",
|
|
company: "Industry Insights",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confused-young-female-cook-wearing-chef-uniform-holding-looking-notebook-isolated-yellow-wall-with-copy-space_141793-36459.jpg",
|
|
},
|
|
{
|
|
name: "David K.",
|
|
role: "Entrepreneur",
|
|
company: "Global Ventures",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-resting-restaurant-with-cup-latte-dessert-table_496169-2111.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqSimple
|
|
tag="Common Inquiries"
|
|
title="Sophisticated Standards"
|
|
description="Answers to our most common questions."
|
|
items={[
|
|
{
|
|
question: "What defines a State Coffee roast?",
|
|
answer: "We focus on artisanal, micro-roasting techniques that preserve the delicate aromatic compounds of the bean.",
|
|
},
|
|
{
|
|
question: "How do you source your beans?",
|
|
answer: "Our direct-trade partnerships ensure producers are paid above market value for their exceptional craftsmanship.",
|
|
},
|
|
{
|
|
question: "What is the best way to brew?",
|
|
answer: "We recommend pour-over methods for our light roasts to truly highlight the origin-specific flavor notes.",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Join the Elite"
|
|
text="Experience the world's most sophisticated coffee collection."
|
|
primaryButton={{
|
|
text: "Discover Collection",
|
|
href: "#products",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Support",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|