212 lines
9.3 KiB
TypeScript
212 lines
9.3 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { CheckCircle, Heart, Leaf, Mail, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Fresh Harvest NYC"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Why Us", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Fresh Harvest"
|
|
description="Farm-fresh produce delivered to NYC within 24 hours. Skip the grocery store and get premium fruits and vegetables delivered straight to your door with guaranteed freshness."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Get Fresh Now", href: "#products" },
|
|
{ text: "24hr Delivery", href: "#about" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://images.unsplash.com/photo-1599599810694-b5ac4dd67fbe?w=1200&h=800&fit=crop"
|
|
imageAlt="Fresh red watermelon"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Leaf}
|
|
title="Supporting Local, Celebrating Fresh"
|
|
description="Fresh Harvest NYC"
|
|
subdescription="Family-Owned Since 2010"
|
|
icon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cartons-filled-with-healthy-juicy-berries-market_23-2147920818.jpg"
|
|
imageAlt="Our local fruit store in NYC"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Premium Fresh Produce"
|
|
description="Hand-selected fruits and vegetables delivered fresh to your doorstep"
|
|
tag="Seasonal Selection"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1", name: "Mixed Berries Selection", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/blueberries-raspberries-strawberries-kitchen-table-closeup_169016-40844.jpg", imageAlt: "Fresh mixed berries"
|
|
},
|
|
{
|
|
id: "2", name: "Citrus Citrus Bundle", price: "$7.49", imageSrc: "http://img.b2bpic.net/free-photo/lemons-limes-oranges-with-leaves_176474-83014.jpg", imageAlt: "Fresh citrus fruits"
|
|
},
|
|
{
|
|
id: "3", name: "Organic Leafy Greens", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-salad-with-greens-brown-vegetable-green-leaf_140725-19016.jpg", imageAlt: "Fresh organic greens"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Fresh Harvest NYC Stands Out"
|
|
description="See what makes us the premier choice for fresh produce in New York City"
|
|
tag="Quality Promise"
|
|
tagIcon={CheckCircle}
|
|
negativeCard={{
|
|
items: [
|
|
"Inconsistent quality", "Long transportation times", "Limited seasonal variety", "Impersonal shopping experience"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Hand-selected premium produce", "Farm-fresh within 24 hours", "Extensive seasonal selection", "Personal service and expertise"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Visit Us Today", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Say"
|
|
description="Join hundreds of satisfied customers who trust Fresh Harvest NYC for their daily produce needs"
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Martinez", role: "Chef", company: "Local Restaurant Owner", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Nutritionist", company: "Wellness Center NYC", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Home Cook", company: "Local Community", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Farmers Market Regular", company: "Manhattan Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "500+", label: "Happy Customers" },
|
|
{ value: "99%", label: "Satisfaction Rate" },
|
|
{ value: "15+", label: "Years Experience" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-80"
|
|
cardClassName="backdrop-blur-md bg-card/40 border border-accent/20"
|
|
containerClassName="relative"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
tagIcon={Mail}
|
|
title="Stay Fresh with Our Latest Updates"
|
|
description="Subscribe to receive exclusive deals, seasonal produce highlights, and farm-fresh recipes delivered to your inbox."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Fresh Harvest NYC"
|
|
copyrightText="© 2025 Fresh Harvest NYC. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Fresh Produce", href: "#products" },
|
|
{ label: "Seasonal Items", href: "#products" },
|
|
{ label: "Bulk Orders", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Store Location", href: "#" },
|
|
{ label: "Email Support", href: "mailto:hello@freshharvestnyc.com" },
|
|
{ label: "Phone", href: "tel:+12125551234" },
|
|
{ label: "Hours", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |