Merge version_1 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -14,183 +14,114 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "History",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Living Mill"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Experience", id: "#about" },
|
||||
{ name: "History", id: "#features" },
|
||||
{ name: "Visit", id: "#contact" }
|
||||
]}
|
||||
brandName="The Living Mill"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Step Inside History"
|
||||
description="The mill still runs. Experience the rhythmic turning of the wheel and the scent of fresh grain at our living historic site."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-concrete-silos-barns-grass-field-surrounded-with-trees_181624-3262.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Step Inside History"
|
||||
description="The mill still runs. Experience the rhythmic turning of the wheel and the scent of fresh grain at our living historic site."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-concrete-silos-barns-grass-field-surrounded-with-trees_181624-3262.jpg"
|
||||
buttons={[{ text: "Plan Your Visit", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Living Experience"
|
||||
description={[
|
||||
"This isn't a museum tucked behind glass. Our water wheel turns every single day, keeping the ancient craft of milling alive.",
|
||||
"We invite you to step into the past, watch the mechanics in real-time, and feel the history beneath your feet.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="A Living Experience"
|
||||
description={[
|
||||
"This isn't a museum tucked behind glass. Our water wheel turns every single day, keeping the ancient craft of milling alive.", "We invite you to step into the past, watch the mechanics in real-time, and feel the history beneath your feet."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Wheel",
|
||||
description: "Witness the raw power of the water wheel in motion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-weathered-tire-covered-with-moss-sand-daytime_181624-20384.jpg",
|
||||
},
|
||||
{
|
||||
title: "Stone Ground",
|
||||
description: "See how we grind heirloom grains the slow, authentic way.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-cereals_23-2148697612.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Craft",
|
||||
description: "Meet our millers and learn the secrets of the trade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-cereals_23-2148697612.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="The Art of Milling"
|
||||
description="Understand the journey from grain to gold through our preserved mechanical systems."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="The Art of Milling"
|
||||
description="Understand the journey from grain to gold through our preserved mechanical systems."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Traditional Wheel", description: "Witness the raw power of the water wheel in motion.", imageSrc: "http://img.b2bpic.net/free-photo/old-weathered-tire-covered-with-moss-sand-daytime_181624-20384.jpg" },
|
||||
{ title: "Stone Ground", description: "See how we grind heirloom grains the slow, authentic way.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-cereals_23-2148697612.jpg" },
|
||||
{ title: "Artisanal Craft", description: "Meet our millers and learn the secrets of the trade.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-cereals_23-2148697612.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "History Enthusiast",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-happy-friends-posing_23-2149512359.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Family Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-brown-aprons-making-vase_1157-30719.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
role: "Photographer",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-headphones-draws-notebook-girl-headphones_169016-66085.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Webb",
|
||||
role: "School Teacher",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-her-dog_23-2148727995.jpg",
|
||||
},
|
||||
]}
|
||||
title="Stories from the Mill"
|
||||
description="Don't just take our word for it—hear from those who have stepped inside."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Stories from the Mill"
|
||||
description="Don't just take our word for it—hear from those who have stepped inside."
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "History Enthusiast", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-happy-friends-posing_23-2149512359.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Family Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-with-brown-aprons-making-vase_1157-30719.jpg" },
|
||||
{ id: "3", name: "Elena Ross", role: "Photographer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-headphones-draws-notebook-girl-headphones_169016-66085.jpg" },
|
||||
{ id: "4", name: "Mark Webb", role: "School Teacher", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-her-dog_23-2148727995.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are tours guided?",
|
||||
content: "We offer self-guided tours with informative signage and interactive miller demonstrations every hour.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the mill accessible?",
|
||||
content: "Our main floor is fully accessible, though some historic machinery areas have limited access.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I buy the cornmeal?",
|
||||
content: "Yes, freshly milled grain is available for purchase at the Miller's Store on-site.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artisan-job-tool-arrangement_23-2148732409.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Planning Your Visit"
|
||||
description="Common questions about experiencing the living mill."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Planning Your Visit"
|
||||
description="Common questions about experiencing the living mill."
|
||||
textboxLayout="split"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artisan-job-tool-arrangement_23-2148732409.jpg"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are tours guided?", content: "We offer self-guided tours with informative signage and interactive miller demonstrations every hour." },
|
||||
{ id: "q2", title: "Is the mill accessible?", content: "Our main floor is fully accessible, though some historic machinery areas have limited access." },
|
||||
{ id: "q3", title: "Can I buy the cornmeal?", content: "Yes, freshly milled grain is available for purchase at the Miller's Store on-site." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="The wheels are turning. Come witness the history today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="The wheels are turning. Come witness the history today."
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Plan Your Visit", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Living Mill"
|
||||
copyrightText="© 2025 The Living Mill"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Living Mill"
|
||||
copyrightText="© 2025 The Living Mill"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user