Files
767a8da1-7679-4826-873a-e1e…/src/app/page.tsx
2026-04-23 01:10:58 +00:00

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>
);
}