201 lines
11 KiB
TypeScript
201 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Award, Coffee, Flame, Heart, MapPin, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Bodr"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Values", id: "features" },
|
|
{ name: "Reviews", id: "testimonial" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Visit Us", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Hello world"
|
|
description="At Bodr, we believe every cup tells a story. Our specialty coffee is sourced from the world's finest roasters and prepared with precision by our expert baristas. Welcome to a community of coffee lovers."
|
|
tag="Premium Coffee Experience"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "15+", label: "Years of Excellence" },
|
|
{ value: "50+", label: "Specialty Blends" },
|
|
{ value: "1000+", label: "Happy Customers Daily" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"
|
|
imageAlt="Expert barista crafting specialty coffee"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "View Our Menu", href: "products" },
|
|
{ text: "Reserve a Table", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Coffee}
|
|
title="Bodr: Where Passion Meets Precision in Every Brew"
|
|
description="Founded on the belief that coffee is more than a beverage"
|
|
subdescription="it's a craft and a community connection"
|
|
icon={Heart}
|
|
imageSrc="https://img.b2bpic.net/free-photo/caucasian-barista-man-making-drip-coffee_53876-47041.jpg"
|
|
imageAlt="Bodr coffee shop interior with cozy seating"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Signature Collections"
|
|
description="Explore our carefully curated selection of premium coffee blends, each sourced from sustainable farms and roasted to perfection."
|
|
tag="Featured Menu"
|
|
tagIcon={Flame}
|
|
products={[
|
|
{
|
|
id: "1", name: "Ethiopian Highlands", price: "$16/bag", imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg", imageAlt: "Ethiopian Highlands coffee beans"
|
|
},
|
|
{
|
|
id: "2", name: "Colombian Espresso", price: "$14/bag", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg", imageAlt: "Colombian Espresso in ceramic cup"
|
|
},
|
|
{
|
|
id: "3", name: "Kenyan Peaberry", price: "$18/bag", imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg", imageAlt: "Kenyan Peaberry latte with latte art"
|
|
},
|
|
{
|
|
id: "4", name: "Bodr House Blend", price: "$13/bag", imageSrc: "https://img.b2bpic.net/free-photo/business-owner-working-coffee-shop_23-2148366578.jpg", imageAlt: "Bodr House Blend served at cafe"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Shop Coffee Online", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyTwo
|
|
title="Why Choose Bodr"
|
|
description="We're committed to excellence in every aspect of our craft, from bean selection to the perfect cup."
|
|
tag="Our Values"
|
|
tagIcon={Award}
|
|
features={[
|
|
{
|
|
id: "1", title: "Ethically Sourced Beans", category: ["Sustainability", "Fair Trade"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg", imageAlt: "Ethically sourced coffee beans"
|
|
},
|
|
{
|
|
id: "2", title: "Expert Barista Craft", category: ["Expertise", "Quality"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", imageAlt: "Expert barista preparing coffee with precision"
|
|
},
|
|
{
|
|
id: "3", title: "Community First Culture", category: ["Connection", "Belonging"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-owner-working-coffee-shop_23-2148366578.jpg", imageAlt: "Community gathering at Bodr coffee shop"
|
|
},
|
|
{
|
|
id: "4", title: "Innovative Brewing Methods", category: ["Technology", "Tradition"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg", imageAlt: "Innovative brewing equipment showcasing craftsmanship"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Join thousands of coffee enthusiasts who've made Bodr their daily ritual"
|
|
cardTag="Loved by Our Community"
|
|
cardTagIcon={Heart}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Torres", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Michael Torres"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Richardson", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Emma Richardson"
|
|
},
|
|
{
|
|
id: "4", name: "James Morrison", imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "James Morrison"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Anderson", imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6", name: "David Park", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Visit Our Coffee Shop"
|
|
ctaDescription="Stop by Bodr today and experience the art of specialty coffee. We're open Monday to Sunday, ready to craft your perfect cup."
|
|
ctaIcon={MapPin}
|
|
ctaButton={{ text: "Get Directions", href: "https://maps.google.com" }}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes Bodr coffee special?", content: "We source our beans from certified sustainable farms and work directly with roasters who share our quality standards. Every bean is handpicked and roasted in small batches to ensure optimal flavor and freshness. Our baristas are trained to perfection, crafting each cup with precision and care."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer online orders?", content: "Yes! We ship freshly roasted coffee beans worldwide. You can order through our website and have your selection delivered within 3-5 business days. We also offer a subscription service for our most popular blends with special member pricing."
|
|
},
|
|
{
|
|
id: "3", title: "Are you a pet-friendly cafe?", content: "Absolutely! We love our furry friends. Our outdoor seating area is fully pet-friendly, and we even have complimentary water bowls available. Feel free to bring your four-legged companions along for a visit."
|
|
},
|
|
{
|
|
id: "4", title: "Do you offer barista training classes?", content: "We offer weekly workshops for coffee enthusiasts of all levels. Classes cover brewing techniques, coffee origins, tasting notes, and latte art. Register on our website or ask our team in-store to learn more about scheduling."
|
|
},
|
|
{
|
|
id: "5", title: "What are your operating hours?", content: "We're open Monday-Friday 6am-7pm, Saturday 7am-8pm, and Sunday 8am-6pm. We offer extended hours during special events. Check our social media for holiday schedules and seasonal updates."
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal logoText="Bodr" />
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |