182 lines
8.0 KiB
TypeScript
182 lines
8.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Private Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
logoText="Private Cafe"
|
|
description="An intimate sanctuary for connoisseurs of coffee and refined comfort. Experience tranquility in every cup."
|
|
buttons={[
|
|
{
|
|
text: "Reserve Table", href: "#contact"},
|
|
{
|
|
text: "Our Menu", href: "#features"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/christmas-wreath-fir-tree-branches-vases-cups-all-around-modern-kitchen-modern-kitchen-with-black-fridge-decorated-christmas-new-year_132075-11268.jpg"
|
|
imageAlt="Cafe interior view"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Craft"
|
|
description="We believe in the art of the perfect brew, sourcing only the finest beans from sustainable farms to deliver an unparalleled experience."
|
|
metrics={[
|
|
{
|
|
value: "10+", title: "Artisan Blends"},
|
|
{
|
|
value: "5", title: "Private Rooms"},
|
|
{
|
|
value: "24/7", title: "Comfort"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-male-barista-with-tattoos-using-coffee-machine-work_23-2149052849.jpg"
|
|
imageAlt="Barista making coffee"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisanal Brews", description: "Hand-picked beans roasted to perfection for the ultimate coffee experience.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg?_wi=1", imageAlt: "Coffee selection"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg?_wi=1", imageAlt: "Cafe table"}
|
|
},
|
|
{
|
|
title: "Private Lounges", description: "Quiet, secluded spaces perfect for meetings or reading, offering true privacy.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064719.jpg", imageAlt: "Private lounge"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-67.jpg", imageAlt: "Cafe ambiance"}
|
|
},
|
|
{
|
|
title: "Gourmet Pastries", description: "Freshly baked delights paired perfectly with our signature coffee blends.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg?_wi=2", imageAlt: "Fresh pastries"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg?_wi=2", imageAlt: "Coffee and cake"}
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Exquisite Offerings"
|
|
description="Explore our curated selection of premium beverages and quiet spaces designed for relaxation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Excellent atmosphere", quote: "The best private space for meetings.", name: "Alice Johnson", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg"},
|
|
{
|
|
id: "2", title: "Amazing coffee", quote: "Truly the smoothest espresso I have ever had.", name: "Bob Smith", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/cosy-moments-happy-young-woman-sits-kitchen-drinks-coffee-has-tender-smile-her-face_1258-201227.jpg"},
|
|
{
|
|
id: "3", title: "So peaceful", quote: "A perfect hidden gem for reading.", name: "Charlie Davis", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3888.jpg"},
|
|
{
|
|
id: "4", title: "Top service", quote: "The staff really understands quality.", name: "Dana White", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg"},
|
|
{
|
|
id: "5", title: "Beautiful design", quote: "Stunning aesthetics meet great service.", name: "Eve Brown", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg"},
|
|
]}
|
|
title="Guest Reflections"
|
|
description="Hear from those who have made us their sanctuary of taste."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Connect"
|
|
title="Reserve Your Sanctuary"
|
|
description="We are open daily from 8:00 AM to 10:00 PM. Located in the heart of the city, we invite you to experience our hospitality. Book a table or drop by for a visit."
|
|
buttons={[
|
|
{
|
|
text: "Make a Reservation", href: "#"
|
|
}
|
|
]}
|
|
background={{
|
|
variant: "plain"
|
|
}}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Menu", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Social", items: [
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
logoText="Private Cafe"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |