231 lines
13 KiB
TypeScript
231 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import { Coffee, Leaf, Sparkles, MapPin, Heart, Bell } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="mediumLarge"
|
||
background="radialGradient"
|
||
cardStyle="elevated"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="BREW"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Products", id: "products" },
|
||
{ name: "Store", id: "store" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
bottomLeftText="Tel Aviv, Israel"
|
||
bottomRightText="hello@brewcoffee.local"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
title="Premium Coffee Experience"
|
||
description="Discover ethically sourced, single-origin coffees roasted fresh in Tel Aviv. Elevate your daily ritual with exceptional quality and bold flavors."
|
||
tag="Award-Winning Roastery"
|
||
tagIcon={Coffee}
|
||
kpis={[
|
||
{ value: "15+ Years", label: "Roasting Excellence" },
|
||
{ value: "12 Origins", label: "Single-Origin Selection" },
|
||
{ value: "5,000+ Reviews", label: "Customer Trust" }
|
||
]}
|
||
enableKpiAnimation={true}
|
||
imageSrc="https://img.b2bpic.net/free-photo/cup-coffee-with-tasty-cookies_23-2148336785.jpg?id=5914136"
|
||
imageAlt="Premium coffee beans close-up"
|
||
buttons={[
|
||
{ text: "Shop Now", href: "#products" },
|
||
{ text: "Visit Store", href: "#store" }
|
||
]}
|
||
imagePosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
title="Crafted with Passion"
|
||
description="At BREW, we believe exceptional coffee begins with exceptional sourcing. We work directly with farmers across Africa, South America, and Asia to bring you the finest single-origin coffees. Every batch is roasted fresh in our Tel Aviv roastery, honoring the unique characteristics of each origin."
|
||
tag="Our Story"
|
||
tagIcon={Leaf}
|
||
imageSrc="https://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg"
|
||
imageAlt="Coffee roasting process"
|
||
buttons={[
|
||
{ text: "Learn More", href: "#" }
|
||
]}
|
||
useInvertedBackground="noInvert"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
title="Our Collection"
|
||
description="Explore our curated selection of single-origin and specialty blends, each telling a story of craftsmanship and origin."
|
||
tag="Premium Selection"
|
||
tagIcon={Sparkles}
|
||
products={[
|
||
{
|
||
id: "1", brand: "BREW", name: "Ethiopian Yirgacheffe", price: "₪89", rating: 5,
|
||
reviewCount: "342", imageSrc: "https://img.b2bpic.net/free-vector/elegant-coffee-banners_23-2147604614.jpg", imageAlt: "Ethiopian Yirgacheffe coffee bag"
|
||
},
|
||
{
|
||
id: "2", brand: "BREW", name: "Colombian Geisha", price: "₪129", rating: 5,
|
||
reviewCount: "267", imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-coffee-label-template_23-2149821531.jpg", imageAlt: "Colombian Geisha coffee"
|
||
},
|
||
{
|
||
id: "3", brand: "BREW", name: "Kenyan AA Single Origin", price: "₪99", rating: 5,
|
||
reviewCount: "518", imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-coffee-label-template_23-2149871063.jpg", imageAlt: "Kenyan AA Single Origin coffee"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="store" data-section="store">
|
||
<FeatureCardNineteen
|
||
title="Visit Our Roastery"
|
||
description="Experience the art and science of specialty coffee in our Tel Aviv roastery and café."
|
||
tag="Store Experience"
|
||
tagIcon={MapPin}
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Premium Quality", title: "Fresh Roasted Daily", subtitle: "Watch the magic happen", description: "Our roastery is open to visitors. Watch our expert roasters craft small batches of coffee, and experience the aroma of freshly roasted beans straight from the roaster.", imageSrc: "https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg", imageAlt: "Coffee roastery interior"
|
||
},
|
||
{
|
||
id: 2,
|
||
tag: "Expert Guidance", title: "Barista Consultation", subtitle: "Discover your perfect cup", description: "Our knowledgeable baristas are here to guide you through flavor profiles, brewing methods, and origin stories. Whether you're a coffee novice or connoisseur, we'll help you find your ideal brew.", imageSrc: "https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg", imageAlt: "Barista preparing coffee"
|
||
},
|
||
{
|
||
id: 3,
|
||
tag: "Community Space", title: "Café & Gathering Place", subtitle: "More than just coffee", description: "Our café is a vibrant hub for Tel Aviv's coffee community. From solo work sessions to meetings with friends, BREW is your third place with excellent espresso and warm hospitality.", imageSrc: "https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg", imageAlt: "Café gathering space"
|
||
}
|
||
]}
|
||
buttons={[
|
||
{ text: "Get Directions", href: "#" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
title="Loved by Coffee Enthusiasts"
|
||
description="Hear what our community of passionate coffee lovers have to say about BREW."
|
||
tag="Customer Stories"
|
||
tagIcon={Heart}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Rachel Cohen", handle: "@rachelc", testimonial: "The best coffee I've found in Tel Aviv. The Ethiopian Yirgacheffe is absolutely phenomenal – fruity, complex, and perfectly balanced. I'm a customer for life.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", imageAlt: "Rachel Cohen"
|
||
},
|
||
{
|
||
id: "2", name: "David Maron", handle: "@davidm", testimonial: "As someone who travels constantly for work, BREW's consistent quality and freshness is remarkable. Their single-origins are world-class. Highly recommended for serious coffee lovers.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "David Maron"
|
||
},
|
||
{
|
||
id: "3", name: "Noa Levi", handle: "@noalevi", testimonial: "The baristas at BREW are incredibly knowledgeable and passionate. They helped me discover my favorite brewing method and introduced me to origins I never would have tried alone.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Noa Levi"
|
||
},
|
||
{
|
||
id: "4", name: "Avi Brenner", handle: "@avibrennr", testimonial: "Supporting a local roastery that sources ethically and maintains such high standards is exactly what I want to do with my coffee budget. Quality and values align perfectly.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Avi Brenner"
|
||
},
|
||
{
|
||
id: "5", name: "Tali Erez", handle: "@talierez", testimonial: "The café atmosphere is perfect for both work and socializing. Great WiFi, excellent espresso, and a community of interesting people. It's become my favorite spot in Tel Aviv.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", imageAlt: "Tali Erez"
|
||
},
|
||
{
|
||
id: "6", name: "Yossi Goldstein", handle: "@yossigilden", testimonial: "I gift BREW coffee to clients and colleagues abroad. The packaging is beautiful, the quality is unmatched, and it represents Tel Aviv's coffee culture perfectly.", rating: 5,
|
||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "Yossi Goldstein"
|
||
}
|
||
]}
|
||
showRating={true}
|
||
textboxLayout="default"
|
||
useInvertedBackground="noInvert"
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="Newsletter"
|
||
title="Stay Brewing"
|
||
description="Subscribe to our newsletter for exclusive offers, brewing tips, new single-origin releases, and stories from our roastery. Join the BREW community and never miss out on the latest coffee excellence."
|
||
useInvertedBackground="noInvert"
|
||
imageSrc="https://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg"
|
||
imageAlt="Coffee newsletter signup"
|
||
mediaPosition="right"
|
||
inputPlaceholder="your@email.com"
|
||
buttonText="Subscribe"
|
||
termsText="We respect your inbox. Unsubscribe anytime from our newsletter."
|
||
tagIcon={Bell}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="BREW"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Home", href: "hero" },
|
||
{ label: "About", href: "about" },
|
||
{ label: "Products", href: "products" },
|
||
{ label: "Store", href: "store" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Visit Us", href: "#" },
|
||
{ label: "Contact", href: "#" },
|
||
{ label: "Careers", href: "#" },
|
||
{ label: "Blog", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Shipping Info", href: "#" },
|
||
{ label: "Returns", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Instagram", href: "#" },
|
||
{ label: "Facebook", href: "#" },
|
||
{ label: "TikTok", href: "#" },
|
||
{ label: "YouTube", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |