136 lines
5.1 KiB
TypeScript
136 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Catering", id: "catering" },
|
|
{ name: "Location", id: "location" },
|
|
]}
|
|
brandName="Elementary Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Your neighbourhood café, reimagined."
|
|
description="Seasonal brunch, specialty coffee, and slow mornings in Lindfield."
|
|
testimonials={[
|
|
{ name: "Sarah L.", handle: "@sarah", testimonial: "The best brunch spot in Lindfield.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-z026x9c6.jpg" },
|
|
{ name: "Michael R.", handle: "@micheal", testimonial: "Consistently perfect coffee.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-i2aqv62d.jpg" },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-6dwtqhme.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Locally Loved", "Specialty Coffee", "Fresh Pastries", "Community Focused"]}
|
|
title="Loved by locals"
|
|
description="Building community, one cup at a time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Signature Experiences"
|
|
description="Thoughtfully crafted moments."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-qz7zodx1.jpg"
|
|
accordionItems={[{ id: "coffee", title: "Coffee", content: "Precision-roasted beans." }, { id: "brunch", title: "Brunch", content: "Seasonal plates." }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
title="Menu Highlights"
|
|
description="Fresh, seasonal, locally sourced ingredients."
|
|
products={[]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[{ type: "text", content: "Designed for slow mornings." }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="instagram" data-section="instagram">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Follow our mornings"
|
|
description="Capturing daily moments at the cafe."
|
|
blogs={[]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Visit us"
|
|
description="Find us in the heart of Lindfield."
|
|
faqsAnimation="slide-up"
|
|
faqs={[{ id: "hours", title: "Opening Hours", content: "Mon-Fri: 7am-3pm." }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="catering" data-section="catering">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "canvas-reveal" }}
|
|
text="Bring Elementary to your gathering."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-uy0m92no.jpg"
|
|
logoText="Elementary Cafe"
|
|
columns={[]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |