148 lines
6.6 KiB
TypeScript
148 lines
6.6 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import { Leaf, Utensils, Trees } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="noise"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "The Experience", id: "about" },
|
||
{ name: "Garden-to-Table", id: "features" },
|
||
{ name: "Our Artisans", id: "team" },
|
||
{ name: "Voices", id: "testimonials" },
|
||
{ name: "Visit", id: "contact" },
|
||
]}
|
||
brandName="Wander at LongWoods"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{ variant: "gradient-bars" }}
|
||
title="Wander at LongWoods"
|
||
description="Nestled within 54 acres of protected Cumberland wilderness, we curate a refined, farm-to-table dining experience rooted in Maine’s seasonal bounty."
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-beautiful-forest-nature-landscape_23-2149028882.jpg", imageAlt: "The LongWoods nature preserve" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-party_23-2149028882.jpg", imageAlt: "Our wood-fired open kitchen" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-gourmet-meal_23-2148000000.jpg", imageAlt: "Chef-curated seasonal plates" },
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="A Culinary Sanctuary"
|
||
metrics={[
|
||
{ icon: Trees, label: "Nature Preserve", value: "54 Acres" },
|
||
{ icon: Leaf, label: "In-House Gardens", value: "Estate-Grown" },
|
||
{ icon: Utensils, label: "Artisan Craft", value: "Hand-Finished" },
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwelve
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: "f1", label: "Provenance", title: "Estate-to-Table", items: ["Daily-harvest garden greens", "Foraged Maine aromatics", "Wood-fired heritage grains"] },
|
||
{ id: "f2", label: "Seasonal", title: "The Harvest Menu", items: ["Rotating seasonal tasting", "Small-batch local bounty", "Preserved garden ferments"] },
|
||
{ id: "f3", label: "Experience", title: "Chef’s Counter", items: ["Direct kitchen engagement", "Intimate fireplace seating", "Curated tasting journey"] },
|
||
]}
|
||
title="Garden-to-Table"
|
||
description="Our kitchen is an extension of our landscape. Every dish reflects the immediate harvest from our gardens and local partners, transformed by fire and patience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
team={[
|
||
{ id: "t1", name: "Culinary Team", role: "Open-Hearth Specialists", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-kitchen_23-2148784112.jpg" },
|
||
{ id: "t2", name: "Agrarian Team", role: "Estate Cultivators", imageSrc: "http://img.b2bpic.net/free-photo/farmer-harvesting-produce_23-2148784112.jpg" },
|
||
]}
|
||
title="The Hands of LongWoods"
|
||
description="From our soil to your plate, our producers work as one to capture the spirit of Maine wilderness in every course."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Dr. Elena M.", role: "Gastronomy Critic", company: "Food & Terrain Journal", rating: 5 },
|
||
{ id: "2", name: "Thomas R.", role: "Local Supporter", company: "Cumberland Resident", rating: 5 },
|
||
]}
|
||
title="Voices of LongWoods"
|
||
description="Guests value the quiet solitude of our preserve, the raw connection to our kitchen, and the unparalleled freshness of ingredients grown steps from their table."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={["Maine Sustainable Dining Certified", "Cumberland Ecological Trust", "Wild Harvest Partners"]}
|
||
title="Stewards of the Land"
|
||
description="Our commitment to regenerative agriculture and minimal-intervention cooking ensures our presence enhances, rather than impacts, our 54-acre home."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{ variant: "gradient-bars" }}
|
||
text="Reserve your place at the Chef's Counter or join us for a dusk dinner amidst the LongWoods canopy. Discover a deeper connection to where your food begins."
|
||
buttons={[{ text: "Book a Table", href: "#" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{ items: [{ label: "Reservations", href: "#" }, { label: "Chef's Counter", href: "#" }] },
|
||
{ items: [{ label: "Estate Gardens", href: "#" }, { label: "Directions", href: "#" }] },
|
||
{ items: [{ label: "Privacy", href: "#" }, { label: "Inquiries", href: "#" }] },
|
||
]}
|
||
logoText="Wander"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |