208 lines
10 KiB
TypeScript
208 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Lemon, CheckCircle, Heart, Instagram, Facebook, Twitter, Phone } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Lemonade Stand"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
tag="Fresh & Homemade"
|
|
tagIcon={Sparkles}
|
|
title="Quench Your Thirst with Real Lemonade"
|
|
description="Handcrafted lemonade made fresh daily with quality ingredients. Perfect for summer gatherings, picnics, and outdoor events. Experience the taste of pure refreshment."
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y1jrzp&_wi=1", imageAlt: "Fresh lemonade pitcher"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=awy1mr&_wi=1", imageAlt: "Quality ingredients"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e4b7iv&_wi=1", imageAlt: "Handmade preparation"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajef5t&_wi=1", imageAlt: "Cold refreshing lemonade"
|
|
}
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oosafr&_wi=1", imageAlt: "Community gathering"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rs1j7k&_wi=1", imageAlt: "Lemonade stand setup"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y1jrzp&_wi=2", imageAlt: "Fresh lemonade"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=awy1mr&_wi=2", imageAlt: "Premium ingredients"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Order Today", href: "contact" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Lemon}
|
|
title="Crafted with Love and Fresh Ingredients"
|
|
description="We started our lemonade stand with a simple mission: to bring joy and refreshment to our community with authentic, handcrafted lemonade. Every batch is made fresh daily using only the finest lemons and natural ingredients, with no artificial flavors or preservatives. Our commitment to quality and taste sets us apart."
|
|
metrics={[
|
|
{ value: "100%", title: "Natural Ingredients" },
|
|
{ value: "Fresh Daily", title: "Made to Order" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=awy1mr&_wi=3"
|
|
imageAlt="Fresh quality ingredients"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="Why Choose Our Lemonade"
|
|
description="Discover what makes our lemonade special and different from the rest"
|
|
tag="Quality Promise"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Premium Fresh Lemons", description: "We source the finest, ripest lemons and squeeze them fresh daily. No bottled juice, no shortcuts. Just pure, natural lemonade.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e4b7iv&_wi=2", imageAlt: "Fresh lemon pressing"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Perfectly Refreshing", description: "Cold, crisp, and perfectly balanced sweetness. Every sip is an experience of pure refreshment designed to beat the heat.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajef5t&_wi=2", imageAlt: "Cold refreshing lemonade"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Community Driven", description: "More than just a beverage, our lemonade brings people together. Perfect for gatherings, events, and creating memories with friends and family.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oosafr&_wi=2", imageAlt: "Community gathering with lemonade"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real reviews from real customers who love our lemonade"
|
|
tag="Customer Love"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Martinez", role: "Event Organizer", company: "Summer Events Co", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jbj7pl", imageAlt: "Sarah Martinez"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", role: "Community Manager", company: "City Recreation", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0a4u4o", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "Party Planner", company: "Celebrations Plus", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wh2duy", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Thompson", role: "Restaurant Owner", company: "Sunny Cafe", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g4kd92", imageAlt: "Michael Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="By The Numbers"
|
|
description="Our impact in the community"
|
|
tag="Achievements"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "5000+", description: "Happy Customers" },
|
|
{ id: "2", value: "365", description: "Days Fresh Daily" },
|
|
{ id: "3", value: "100%", description: "Natural Ingredients" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
tagIcon={Phone}
|
|
title="Order Your Fresh Lemonade Today"
|
|
description="Subscribe to our newsletter for updates, special offers, and event information. Or reach out directly to place a custom order for your next gathering."
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rs1j7k&_wi=2"
|
|
imageAlt="Our lemonade stand"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Lemonade Stand"
|
|
copyrightText="© 2025 Fresh Lemonade Stand. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |