201 lines
10 KiB
TypeScript
201 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Coffee } from 'lucide-react';
|
|
|
|
export default function BaristaPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Barista"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "#products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Crafted for Coffee Lovers"
|
|
description="Experience premium artisanal coffee in a warm, inviting atmosphere. From single-origin espresso to signature blends, every cup is made with passion."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/romantic-dreamy-good-looking-girl-with-afro-hairstyle-brown-t-shirt-holding-paper-cup-coffee-gazing-with-joyful-smile-upper-left-corner-enjoying-hot-drink-nice-weather_176420-23293.jpg", alt: "person coffee happy portrait"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-couple-outdoors-near-cafe_1268-21220.jpg", alt: "coffee customer enjoying cup"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg", alt: "cafe customer regular portrait"
|
|
}
|
|
]}
|
|
avatarText="Join 500+ daily coffee enthusiasts"
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "#products" },
|
|
{ text: "Visit Us", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Coffee}
|
|
title="Passion for Every Cup"
|
|
description="Founded in 2015, Barista started as a simple dream: to bring world-class coffee to our local community. We source directly from sustainable farms, roast in-house, and craft each beverage with meticulous attention to detail. Every visit is an invitation to slow down, savor, and connect."
|
|
metrics={[
|
|
{ value: "9+", title: "Years of Excellence" },
|
|
{ value: "50+", title: "Coffee Origins" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
|
|
imageAlt="coffee shop interior cozy warm"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Barista"
|
|
description="See what sets us apart from ordinary coffee shops"
|
|
tag="Premium Quality"
|
|
negativeCard={{
|
|
items: [
|
|
"Mass-produced blends", "Inconsistent quality", "Limited brewing methods", "Artificial flavoring"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Single-origin, ethically sourced", "Perfectly consistent every time", "Pour-over, espresso, cold brew", "Pure, natural flavors"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Signature Menu"
|
|
description="Discover our most beloved coffee creations, carefully crafted for your perfect morning"
|
|
tag="Featured Items"
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-glass-coffee-blue-surface_181624-32956.jpg", imageAlt: "espresso shot coffee crema", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg", imageAlt: "cappuccino latte art coffee", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Cold Brew", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/freshness-beverage-iced-ice-milkshake_1203-3929.jpg", imageAlt: "cold brew coffee iced", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "4", name: "Lavender Latte", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-with-lavender-flower-wooden-surface_23-2147892968.jpg", imageAlt: "lavender latte coffee drink", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Loved by Coffee Enthusiasts"
|
|
description="Hear from our regulars and new friends who visit Barista"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Regular Customer", testimonial: "The attention to detail in every cup is remarkable. I've become a true coffee connoisseur since discovering Barista. Can't imagine my mornings without it!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1", imageAlt: "woman portrait professional avatar"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", role: "Coffee Enthusiast", testimonial: "Finally found a place that understands coffee. The single-origin selections are incredible, and the baristas genuinely care about the craft.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=1", imageAlt: "man portrait professional avatar"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "Remote Worker", testimonial: "The perfect workspace atmosphere. Great coffee, comfortable seating, and the vibe is unmatched. I'm here almost every day now.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=2", imageAlt: "woman portrait professional avatar"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Park", role: "Coffee Aficionado", testimonial: "This is what a real specialty coffee shop should be. Quality beans, skilled baristas, and genuine passion for the craft. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=2", imageAlt: "man portrait professional avatar"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience exceptional coffee? Visit us today or reach out with any questions. We're here to welcome you."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
|
{ text: "Contact Us", href: "mailto:hello@barista.local" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Barista"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Menu", href: "#products" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Email", href: "mailto:hello@barista.local" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit", items: [
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Phone", href: "tel:+1234567890" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Barista Coffee. Crafted with passion."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |