119 lines
6.5 KiB
TypeScript
119 lines
6.5 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Coffee, MapPin, Star } from "lucide-react";
|
|
|
|
export default function BroadStreetCafePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Location", id: "location" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingInline
|
|
navItems={navItems}
|
|
brandName="Broad Street Cafe"
|
|
button={{ text: "Order Now", href: "#menu" }}
|
|
/>
|
|
<div id="hero">
|
|
<HeroSplitDualMedia
|
|
tag="Broad Street Cafe"
|
|
tagIcon={Coffee}
|
|
title="Your Daily Escape in the Heart of the City"
|
|
description="Experience handcrafted artisan coffee, locally sourced pastries, and a warm, inviting atmosphere that feels just like home."
|
|
background={{ variant: "radial-gradient" }}
|
|
mediaItems={[
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=800&h=600", imageAlt: "Cafe atmosphere" },
|
|
{ imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=800&h=600", imageAlt: "Pouring latte art" }
|
|
]}
|
|
rating={5}
|
|
ratingText="Rated 5 stars by our local community"
|
|
buttons={[{ text: "View Our Menu", href: "#menu" }, { text: "Find Us", href: "#location" }]}
|
|
/>
|
|
</div>
|
|
<div id="about">
|
|
<MediaAbout
|
|
title="Where Community Meets Quality"
|
|
description="Founded on Broad Street in 2015, we are dedicated to serving premium beans and building connections. Every cup tells a story of passion and craftsmanship."
|
|
imageSrc="https://images.unsplash.com/photo-1453614512568-c4024d13c247?w=800&h=600"
|
|
imageAlt="Our cafe interior"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Our Story", href: "#about" }]}
|
|
/>
|
|
</div>
|
|
<div id="menu">
|
|
<ProductCardFour
|
|
title="Menu Preview"
|
|
description="A selection of our finest house blends and artisanal delicacies."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Signature House Blend", price: "$4.50", variant: "Dark Roast", imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b55e?w=400&h=400" },
|
|
{ id: "2", name: "Almond Croissant", price: "$5.00", variant: "Freshly Baked", imageSrc: "https://images.unsplash.com/photo-1555507036-ab1f4038808a?w=400&h=400" },
|
|
{ id: "3", name: "Cold Brew Vanilla", price: "$5.50", variant: "Signature Drink", imageSrc: "https://images.unsplash.com/photo-1517701160215-38148b894174?w=400&h=400" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="reviews">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Community Love"
|
|
cardTag="Reviews"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", title: "Exceptional quality", name: "Jessica M.", date: "2 days ago", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100" },
|
|
{ id: "2", title: "Great service", name: "Robert D.", date: "1 week ago", avatarSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100" },
|
|
{ id: "3", title: "Lovely place", name: "Sarah L.", date: "2 weeks ago", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="location">
|
|
<ContactCTA
|
|
tag="Visit Us"
|
|
tagIcon={MapPin}
|
|
title="123 Broad Street, Downtown"
|
|
description="Open daily from 7 AM to 6 PM. Come say hello and enjoy the finest coffee in the city."
|
|
buttons={[{ text: "Get Directions", href: "#" }]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<FooterMedia
|
|
imageSrc="https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?w=800&h=400"
|
|
logoText="Broad Street Cafe"
|
|
columns={[
|
|
{ title: "Hours", items: [{ label: "Mon-Sun: 7am-6pm", href: "#" }] },
|
|
{ title: "Contact", items: [{ label: "hello@broadstreetcafe.com", href: "#" }] }
|
|
]}
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |