187 lines
12 KiB
TypeScript
187 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Coffee, Instagram, Twitter, Facebook, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Experience", id: "#experience" },
|
|
{ name: "Our Vibe", id: "#vibe" },
|
|
{ name: "Menu", id: "#menu" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Sanctuary Café"
|
|
button={{ text: "Visit Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="More Than Coffee An Experience"
|
|
description="Step into warmth, connection, and craft Where specialty coffee meets cozy chaos—board games, signature burgers, and friends collide in our aesthetic sanctuary"
|
|
testimonials={[
|
|
{ name: "Maya Lee", handle: "@maya.creates", testimonial: "The absolute best vibe for editing videos and sipping lattes. So aesthetic!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
|
|
{ name: "Liam V.", handle: "@liamv", testimonial: "Best burger in town and the board games are a total win for our friend group.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256899.jpg" },
|
|
{ name: "Sarah J.", handle: "@sj_work", testimonial: "My go-to remote workspace. The WiFi is solid and the atmosphere is pure zen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-blonde-woman-working-home_23-2148471023.jpg" },
|
|
{ name: "Alex B.", handle: "@alexb_art", testimonial: "The neon accents and the coffee quality? Perfection. Instagram gold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/double-date-with-best-friends-homey-atmosphere-quiet-small-local-cafe_8353-10582.jpg" },
|
|
{ name: "Chloe Z.", handle: "@chloez", testimonial: "A sanctuary. Really appreciate the curated feel of this space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-homewear_23-2150172269.jpg" }
|
|
]}
|
|
tag="New Season Now Open"
|
|
buttons={[{ text: "Explore the Vibe", href: "#vibe" }, { text: "Visit Us Today", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14731.jpg"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg", alt: "Customer profile one" },
|
|
{ src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "Customer profile two" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer profile three" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg", alt: "Customer profile four" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-sitting-cafe-holding-smartphone-chatting-messaging-while-drinki_1258-124875.jpg", alt: "Customer profile five" }
|
|
]}
|
|
avatarText="Join our community of 500+ locals"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Crafted for Connection"
|
|
description="We believe a café should be more than a transaction. It's a sanctuary for the dreamers, the makers, and the social spirits. From our locally sourced beans to our curated board game library, every detail is intentional."
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="vibe" data-section="vibe">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Artisan Brewing", description: "Precision-crafted pour-overs and signature espresso blends.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cookies-fresh-coffee-made-from-coffee-beans_23-2148326705.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-618.jpg" }] },
|
|
{ title: "Gourmet Bites", description: "Handcrafted burgers, toasts, and seasonal small plates.", icon: Utensils, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mix-figs-nuts-plate-with-strawberries_23-2148352343.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg" }] },
|
|
{ title: "Social Play", description: "Hand-picked board games for group nights and date weekends.", icon: Coffee, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/good-friends-playing-tabletop-game_23-2147718788.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-beer-pong_23-2149407011.jpg" }] }
|
|
]}
|
|
title="The Sanctuary Experience"
|
|
description="Discover what makes our space the premier aesthetic hangout."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Signature Roast", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-raw-dry-buckwheat-placed-blue-surface_2831-8947.jpg" },
|
|
{ id: "p2", name: "Sanctuary Burger", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-sauteed-bell-peppers-parsley-lemon-olive-oil_141793-2287.jpg" },
|
|
{ id: "p3", name: "Double Choc Tart", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-ice-cream-ball-forest-berries-top_114579-2314.jpg" },
|
|
{ id: "p4", name: "Iced Matcha Latte", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648689.jpg" },
|
|
{ id: "p5", name: "Avocado Sourdough", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/red-smoothie-breakfast-white-table-near-window_23-2148067179.jpg" },
|
|
{ id: "p6", name: "Classic Flat White", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-coffee-cup_23-2148892840.jpg" }
|
|
]}
|
|
title="Signature Menu"
|
|
description="Curated flavors, thoughtfully prepared."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "m1", value: "12+", title: "Artisan Roasts", items: ["Local partners", "Small batch", "Fair trade"] },
|
|
{ id: "m2", value: "50+", title: "Board Games", items: ["Strategy", "Classics", "Party games"] },
|
|
{ id: "m3", value: "4.9★", title: "Community Rating", items: ["Top-rated", "Local gem", "Well loved"] }
|
|
]}
|
|
title="The Sanctuary by the Numbers"
|
|
description="Evidence of our commitment to quality and community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Maya Lee", handle: "@maya.creates", testimonial: "So aesthetic, I could spend all day here editing videos.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg" },
|
|
{ id: "t2", name: "Liam V.", handle: "@liamv", testimonial: "Best burger in town and a great vibe for the crew.", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-cafe-with-cup-coffee-tea-photo-with-shadows_231208-5209.jpg" },
|
|
{ id: "t3", name: "Sarah J.", handle: "@sj_work", testimonial: "The perfect remote working sanctuary, so peaceful.", imageSrc: "http://img.b2bpic.net/free-photo/young-freelancer-is-reading-her-notes-while-sitting-her-office_613910-15038.jpg" },
|
|
{ id: "t4", name: "Alex B.", handle: "@alexb_art", testimonial: "The coffee quality is unmatched. Pure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg" },
|
|
{ id: "t5", name: "Chloe Z.", handle: "@chloez", testimonial: "A truly curated experience that feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg" }
|
|
]}
|
|
title="Loved by the Community"
|
|
description="Hear what our regulars are saying about the Sanctuary experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you have free WiFi?", content: "Yes, high-speed, reliable fiber internet for all our creative guests." },
|
|
{ id: "f2", title: "Can I bring my pet?", content: "Yes! Our patio is pet-friendly for all well-behaved furry friends." },
|
|
{ id: "f3", title: "Do you host events?", content: "We do private bookings for groups of 10 or more. Email us for inquiries." }
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about our café life."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Visit Us"
|
|
title="Come Join the Vibe"
|
|
description="Join 500+ locals and get exclusive monthly secret menu alerts and event updates"
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-tattooed-girl-wearing-denim-coat-holding-cup-with-takeaway-coffee-outside-near-cafe_613910-5121.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Sanctuary"
|
|
copyrightText="© 2025 Sanctuary Café. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |