268 lines
8.2 KiB
TypeScript
268 lines
8.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Food @ Mill Lane"
|
||
button={{
|
||
text: "Call Now",
|
||
href: "tel:0210000000",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Fresh, Local Café in the Heart of Kerikeri"
|
||
description="Delicious food, great coffee, and friendly service every day. 4.9 stars on Google, women-owned and loved by locals."
|
||
buttons={[
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:0210000000",
|
||
},
|
||
{
|
||
text: "Get Directions",
|
||
href: "https://maps.google.com",
|
||
},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=1",
|
||
imageAlt: "Cafe interior",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=2",
|
||
imageAlt: "Cafe interior 2",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=3",
|
||
imageAlt: "Cafe interior 3",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=4",
|
||
imageAlt: "Cafe interior 4",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=5",
|
||
imageAlt: "Cafe interior 5",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=6",
|
||
imageAlt: "Cafe interior 6",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Sarah J.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Mike T.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Elena R.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=3",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "David L.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=4",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Fiona W.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=5",
|
||
},
|
||
]}
|
||
cardTitle="Loved by Locals"
|
||
cardTag="4.9 Stars"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
name: "Bacon Butty",
|
||
price: "$9",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p2",
|
||
name: "Cinnamon Custard Bun",
|
||
price: "$6",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cinnamon-rolls-covered-white-glaze-black-table_181624-20360.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p3",
|
||
name: "Fresh Roast Coffee",
|
||
price: "$5",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-cooking-coffee-home-with-automatic-coffeemachine_1220-5347.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p4",
|
||
name: "Gourmet Cookie",
|
||
price: "$4",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "p5",
|
||
name: "Cabinet Salad",
|
||
price: "$12",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cinnamon-rolls-covered-white-glaze-black-table_181624-20360.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "p6",
|
||
name: "Seasonal Muffin",
|
||
price: "$6",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-cooking-coffee-home-with-automatic-coffeemachine_1220-5347.jpg?_wi=2",
|
||
},
|
||
]}
|
||
title="Our Menu Favorites"
|
||
description="Freshly made daily cabinet food, delicious bacon butties, and expertly brewed coffee."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
title="Welcome to Food @ Mill Lane"
|
||
description="A women-owned local café in Kerikeri dedicated to fresh, tasty food and the friendliest service in town."
|
||
bulletPoints={[
|
||
{
|
||
title: "Fresh Ingredients",
|
||
description: "Locally sourced produce made daily.",
|
||
},
|
||
{
|
||
title: "Great Coffee",
|
||
description: "Served hot, every single time.",
|
||
},
|
||
{
|
||
title: "Friendly Service",
|
||
description: "Welcoming staff who remember your name.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=6"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Visit Us"
|
||
title="Find Us on Mill Lane"
|
||
description="20 Mill Lane, Kerikeri. Open until 3pm daily. We’d love to see you!"
|
||
buttons={[
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:0210000000",
|
||
},
|
||
{
|
||
text: "Get Directions",
|
||
href: "https://maps.google.com",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=7"
|
||
logoText="Food @ Mill Lane"
|
||
columns={[
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "20 Mill Lane, Kerikeri",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "021 000 0000",
|
||
href: "tel:0210000000",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Hours",
|
||
items: [
|
||
{
|
||
label: "Open until 3pm Daily",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|