203 lines
8.7 KiB
TypeScript
203 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Cake, Coffee, Facebook, Heart, Instagram, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Location", id: "location" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Café B"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="A Cozy Local Escape in Hillcrest"
|
|
description="Café B is a cozy family-style coffee shop in Hillcrest known for great coffee, delicious homemade food, and friendly service. Whether you're stopping by for breakfast, lunch, or dessert, Café B offers a warm atmosphere and generous portions that locals love."
|
|
tag="Since 2010"
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Visit Us", href: "#location"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=1", imageAlt: "Café B cozy interior"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=2", imageAlt: "Freshly brewed coffee"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Loved by locals"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Breakfast & Wraps", description: "Our famous wraps: Thai Chicken, Bacon Avo Feta, and hearty breakfast combos.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=3", imageAlt: "Wraps"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=4", imageAlt: "Breakfast"},
|
|
]
|
|
},
|
|
{
|
|
title: "Light Meals & Salads", description: "Hake, Chicken Schnitzel, and crisp fresh salads for your lunch break.", icon: Utensils,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=5", imageAlt: "Light Meals"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=6", imageAlt: "Salads"},
|
|
]
|
|
},
|
|
{
|
|
title: "Hot & Cold Drinks", description: "Espresso, Chai, Milkshakes, and our signature ice coffees.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=7", imageAlt: "Hot Drinks"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=8", imageAlt: "Cold Drinks"},
|
|
]
|
|
},
|
|
{
|
|
title: "Waffles & Desserts", description: "Indulge in our waffles with kinder chocolate or our daily cake selection.", icon: Cake,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=9", imageAlt: "Waffles"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=10", imageAlt: "Desserts"},
|
|
]
|
|
},
|
|
]}
|
|
title="Our Menu"
|
|
description="From hearty breakfasts to decadent desserts, we serve food with love."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Welcome to Café B"
|
|
metrics={[
|
|
{
|
|
icon: Heart,
|
|
label: "Community Favorite", value: "10+ Years"},
|
|
{
|
|
icon: Utensils,
|
|
label: "Generous Portions", value: "Made Local"},
|
|
{
|
|
icon: Coffee,
|
|
label: "Great Coffee", value: "Premium"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Local", company: "Hillcrest", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg"},
|
|
{
|
|
id: "2", name: "Mark D.", role: "Visitor", company: "Richdens", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-wearing-aprons-having-coffee-shop_23-2148366648.jpg"},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Regular", company: "Hillcrest", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg"},
|
|
{
|
|
id: "4", name: "David K.", role: "Customer", company: "KZN", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg"},
|
|
{
|
|
id: "5", name: "Linda V.", role: "Diner", company: "Hillcrest", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9/5", label: "Google Rating"},
|
|
{
|
|
value: "100%", label: "Friendly Service"},
|
|
{
|
|
value: "10k+", label: "Coffees Served"},
|
|
]}
|
|
title="What Our Locals Say"
|
|
description="See why Café B is the favorite spot in Richdens Village."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Find Us"
|
|
title="Visit Us Today"
|
|
description="Located at Richdens Village Centre, Hillcrest. Open daily for your convenience."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=11"
|
|
inputPlaceholder="Join our newsletter"
|
|
buttonText="Subscribe"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Café B"
|
|
copyrightText="© 2025 Café B, Hillcrest. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|