266 lines
14 KiB
TypeScript
266 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { BarChart3, Heart, Leaf, Truck, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="FarmFresh"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="FarmFresh"
|
|
description="Connecting you directly to the freshest, locally-grown produce. Farm to table, every day."
|
|
buttons={[
|
|
{ text: "Explore Products", href: "#products" },
|
|
{ text: "Learn Our Story", href: "#about" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-nature-landscape_23-2152023921.jpg?_wi=1"
|
|
imageAlt="Fresh farm harvest in golden sunlight"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Fresh Harvest"
|
|
description="Our best-selling, farm-fresh produce picked at peak ripeness. Premium quality guaranteed."
|
|
tag="This Week's Favorites"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[
|
|
{
|
|
id: "1", brand: "FarmFresh Organic", name: "Heirloom Tomatoes", price: "$6.99/lb", rating: 5,
|
|
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/side-view-tomatoes-bowl-with-other-ones-green-mint-leaves-green-table_141793-10958.jpg", imageAlt: "Fresh heirloom tomatoes"},
|
|
{
|
|
id: "2", brand: "FarmFresh Organic", name: "Crisp Lettuce Mix", price: "$4.49/head", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cucumbers-with-green-peppers-broccoli-green-onions-cutting-board-wooden-background_141793-51312.jpg", imageAlt: "Fresh crisp lettuce"},
|
|
{
|
|
id: "3", brand: "FarmFresh Organic", name: "Sweet Carrots", price: "$3.99/bunch", rating: 5,
|
|
reviewCount: "1.6k", imageSrc: "http://img.b2bpic.net/free-photo/fresh-carrots-old-wooden-surface_2829-8416.jpg", imageAlt: "Fresh sweet carrots"},
|
|
{
|
|
id: "4", brand: "FarmFresh Organic", name: "Colorful Bell Peppers", price: "$5.99/3-pack", rating: 5,
|
|
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-green-peppers-hot-peppers-wooden-box-nude-background-copy-space_140725-139470.jpg", imageAlt: "Vibrant bell peppers"},
|
|
{
|
|
id: "5", brand: "FarmFresh Organic", name: "Organic Berry Mix", price: "$7.99/container", rating: 5,
|
|
reviewCount: "2.9k", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-banana-beverage-glass_23-2148150439.jpg", imageAlt: "Fresh organic berries"},
|
|
]}
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" },
|
|
{ text: "Subscribe Weekly", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Nurturing the earth" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/growing-life-concept-with-flowers_23-2149243602.jpg", alt: "Farmer" },
|
|
{ type: "text", content: "for your table" },
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Our Mission", href: "#" },
|
|
{ text: "Visit the Farm", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
title="Why Choose FarmFresh"
|
|
description="Direct from our fields to your kitchen. Exceptional quality, unbeatable freshness, complete transparency."
|
|
tag="Our Commitment"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Leaf,
|
|
title: "100% Organic", description: "Certified organic farming practices without harmful pesticides or chemicals"},
|
|
{
|
|
icon: Truck,
|
|
title: "Same-Day Delivery", description: "Fresh produce harvested in the morning, delivered by evening"},
|
|
{
|
|
icon: Users,
|
|
title: "Family Owned", description: "Three generations of farming expertise and passion"},
|
|
{
|
|
icon: Zap,
|
|
title: "Peak Ripeness", description: "Hand-picked at optimal ripeness for maximum flavor and nutrition"},
|
|
{
|
|
icon: BarChart3,
|
|
title: "Seasonal Variety", description: "Rotating selection of 40+ produce varieties throughout the year"},
|
|
{
|
|
icon: Heart,
|
|
title: "Fair Pricing", description: "Direct farm sales mean better prices and support for local farmers"},
|
|
]}
|
|
buttons={[{ text: "Shop Produce", href: "#products" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="FarmFresh completely transformed how I shop for groceries. The quality is incredible, the delivery is lightning-fast, and supporting local farmers feels amazing. I'll never go back to supermarket produce."
|
|
rating={5}
|
|
author="Jennifer Martinez, Home Chef"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-reddish-man-posing-with-coffee-newspaper_158595-3748.jpg", alt: "Customer testimonial" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg", alt: "Customer review" },
|
|
{ src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2527.jpg", alt: "Customer feedback" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-double-ok-gesture-with_1298-451.jpg", alt: "Client experience" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Thousands"
|
|
description="Join over 15,000 families and restaurants choosing FarmFresh for quality and sustainability"
|
|
tag="Featured In"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Local Food Magazine", "Sustainable Living Weekly", "Community Farms Network", "Organic Produce Alliance", "Farm to Table Collective", "Urban Gardening Today", "Fresh Harvest Review", "Farmer's Market Press"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about FarmFresh delivery, quality, and ordering"
|
|
tag="Help & Support"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
mediaPosition="left"
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-nature-landscape_23-2152023921.jpg?_wi=2"
|
|
imageAlt="Farm fields at harvest"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How fresh are the products?", content: "Our produce is harvested fresh each morning and delivered the same day. You'll receive vegetables at peak ripeness, with superior flavor and nutritional value compared to supermarket produce that's been in transit for days."},
|
|
{
|
|
id: "2", title: "What's your delivery range?", content: "We currently deliver within 25 miles of our farm. Check our delivery map during checkout to confirm service to your area. Same-day delivery is available for orders placed before 10 AM."},
|
|
{
|
|
id: "3", title: "Are all products certified organic?", content: "Yes, 100% of our produce is certified organic by the National Organic Program. We use no synthetic pesticides, fertilizers, or GMOs. Our farming practices prioritize soil health and environmental sustainability."},
|
|
{
|
|
id: "4", title: "Can I customize my order?", content: "Absolutely! Choose individual items or select our popular bundles. You can also subscribe to weekly seasonal boxes with flexible pause/skip options. No contracts, cancel anytime."},
|
|
{
|
|
id: "5", title: "What if produce arrives damaged?", content: "We guarantee satisfaction. If any item arrives damaged, we'll replace it free on your next delivery. Our packaging is designed to protect produce, but we stand behind our quality 100%."},
|
|
{
|
|
id: "6", title: "Do you offer bulk pricing?", content: "Yes! Restaurants, catering companies, and corporate offices receive special bulk discounts. Contact our B2B team for a custom quote and dedicated account management."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience farm-fresh produce delivered to your door? Join thousands of satisfied customers and support local sustainable farming today."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Start Shopping", href: "#products" },
|
|
{ text: "Subscribe Weekly", href: "#" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="FarmFresh"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Shop Products", href: "#products" },
|
|
{ label: "Weekly Boxes", href: "#" },
|
|
{ label: "Gift Cards", href: "#" },
|
|
{ label: "Bulk Orders", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Our Farm", href: "#about" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Farming Practices", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Support", href: "#faq" },
|
|
{ label: "Delivery Info", href: "#" },
|
|
{ label: "Track Order", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Return Policy", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|