427 lines
14 KiB
TypeScript
427 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Ellaberry Cafe"
|
|
button={{
|
|
text: "Call Now",
|
|
href: "tel:+6400000000",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Boutique Coffee & Homemade Food in Palmerston North"
|
|
description="A cozy space for coffee, food, and conversation. Your neighborhood hidden gem."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703759.jpg",
|
|
imageAlt: "Cafe coffee scene",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-pastries-with-filling-inside-plate-white-table-sweet-sugar-cake-bake-pastry_140725-24477.jpg",
|
|
imageAlt: "Artisan coffee cup",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1518.jpg",
|
|
imageAlt: "Latte art close up",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans_23-2148180169.jpg",
|
|
imageAlt: "Cafe atmosphere interior",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate_74190-6907.jpg",
|
|
imageAlt: "Fresh coffee cup",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bun-berry-jam-wooden-board_114579-48093.jpg",
|
|
imageAlt: "Homemade cake slice",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg",
|
|
imageAlt: "Coffee art detail",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-her-tasty-brunch-hipster-cafe-top-view-marble-table-salmon-avocado-toast-coffee-sweet-tasty-cheesecakes-enjoying-her-breakfast_291049-382.jpg",
|
|
imageAlt: "Rustic cafe kitchen",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-creative-arrangement-with-hamburger-menu_23-2148614121.jpg",
|
|
imageAlt: "Avocado toast brunch",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-white-plate-with-salad-tomatoes-chilies-cut-into-pieces-wooden-table_1150-21416.jpg",
|
|
imageAlt: "Bagel breakfast plate",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mini-lemon-pies-with-fresh-lemons-top-view_114579-9629.jpg",
|
|
imageAlt: "Cookie cafe style",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-biscuits-with-coffee-walnuts-light-table_140725-143506.jpg",
|
|
imageAlt: "Iced coffee drink",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:+6400000000",
|
|
},
|
|
{
|
|
text: "Get Directions",
|
|
href: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
|
alt: "Customer portrait 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
|
|
alt: "Customer portrait 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
|
alt: "Customer portrait 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg",
|
|
alt: "Customer portrait 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-business-woman-break_23-2148317310.jpg",
|
|
alt: "Customer portrait 5",
|
|
},
|
|
]}
|
|
avatarText="Join our growing community"
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/white-shop-signage-mockup-shop-window_53876-63391.jpg",
|
|
alt: "Coffee brand",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7yfncc",
|
|
alt: "Food guild",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-vector/elegant-golden-birthday-stickers-pack_23-2147645251.jpg",
|
|
alt: "Tourism award",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/superior-supreme-vip-membership-top-notched_53876-124913.jpg",
|
|
alt: "Business award",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mnx0zi",
|
|
alt: "Cafe sticker",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Coffee & Community"
|
|
description={[
|
|
"Ellaberry Cafe is more than just a place to grab a coffee. It's a space where community meets quality.",
|
|
"Our philosophy is simple: source the best beans, bake from scratch every morning, and create a space where you feel right at home.",
|
|
"Whether you're stopping by for a quick morning caffeine fix or settling in for a long lunch with friends, our doors are open.",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Boutique Coffee",
|
|
description: "Hand-crafted coffee from local roasters, precision brewed.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-wooden-table_23-2148251625.jpg",
|
|
imageAlt: "Coffee cup",
|
|
},
|
|
{
|
|
title: "Homemade Baking",
|
|
description: "Freshly baked cabinet items every single day.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-salad-platter-various-vegetables-towel-marble-surface_114579-48043.jpg",
|
|
imageAlt: "Fresh pastries",
|
|
},
|
|
{
|
|
title: "Cozy Atmosphere",
|
|
description: "Designed for comfort, conversation, and relaxation.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-dessert_140725-1911.jpg",
|
|
imageAlt: "Cafe seating",
|
|
},
|
|
]}
|
|
title="Why Locals Love Us"
|
|
description="Experience the difference of a truly boutique neighborhood cafe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Flat White",
|
|
price: "$5.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6682.jpg",
|
|
imageAlt: "Flat white",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Fresh Scone",
|
|
price: "$4.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-two-croissants-parchment-paper_114579-77547.jpg",
|
|
imageAlt: "Fresh scone",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Avocado Toast",
|
|
price: "$16.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-delicious-salad-close-up_23-2148516929.jpg",
|
|
imageAlt: "Avocado toast",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Breakfast Bagel",
|
|
price: "$12.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-smoked-salmon-cream-cheese-dill_114579-11212.jpg",
|
|
imageAlt: "Bagel",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lemon Tart",
|
|
price: "$6.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-macaroons-white-box-textured-background_23-2148087071.jpg",
|
|
imageAlt: "Lemon tart",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Iced Coffee",
|
|
price: "$6.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-fruit-berry-tea-with-mint_114579-11296.jpg",
|
|
imageAlt: "Iced coffee",
|
|
},
|
|
]}
|
|
title="Menu Highlights"
|
|
description="A curated selection of our most popular treats and drinks."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael C.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-with-brown-hair-is-holding-coffee-student-cafe-working-laptop-enjoying-work_291650-1351.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily R.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee-i_1258-127556.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David K.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-holding-cup-coffee_23-2149130679.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Rachel M.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9650.jpg",
|
|
},
|
|
]}
|
|
cardTitle="Loved by the Community"
|
|
cardTag="4.9★ from 50+ happy customers"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"The Daily Roast",
|
|
"PN City Guide",
|
|
"NZ Foodies",
|
|
"Local Business Awards",
|
|
"Cafe Reviewers",
|
|
"Boutique Guide",
|
|
"Sustainable Living",
|
|
]}
|
|
title="Locally Loved & Recognized"
|
|
description="Proudly serving the Palmerston North community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What are your opening hours?",
|
|
content: "We're open Mon-Fri, 7am-3pm. Closed weekends.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you have vegetarian options?",
|
|
content: "Yes! We offer a wide range of vegetarian and vegan-friendly meals.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Is there parking available?",
|
|
content: "Street parking is available right in front of the cafe.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
text="Open daily until 3pm. Visit us or reach out for inquiries."
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:+6400000000",
|
|
},
|
|
{
|
|
text: "Get Directions",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Visit Us",
|
|
items: [
|
|
{
|
|
label: "Palmerston North, NZ",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "06 000 0000",
|
|
href: "tel:+6400000000",
|
|
},
|
|
{
|
|
label: "hello@ellaberry.co.nz",
|
|
href: "mailto:hello@ellaberry.co.nz",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "Facebook",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Ellaberry Cafe"
|
|
bottomRightText="Crafted with warmth in NZ"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|