273 lines
14 KiB
TypeScript
273 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { CheckCircle, Heart, HelpCircle, ShoppingCart, Sparkles, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="DailyNeeds"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "About", id: "about" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "#products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Everything You Need, Delivered Daily"
|
|
description="Shop for groceries, household essentials, and personal care items all in one place. Fast, convenient, and reliable delivery to your doorstep."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Shop Essentials"
|
|
tagIcon={ShoppingCart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Shopping", href: "#products" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/world-food-day-celebration-with-vegetables_23-2148667909.jpg"
|
|
imageAlt="Daily essentials shopping"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Popular Daily Essentials"
|
|
description="Browse our curated selection of groceries, household items, and personal care products trusted by thousands of customers."
|
|
tag="Featured Items"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "grocery-bundle", name: "Fresh Grocery Bundle", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-buying-apples_23-2148238141.jpg", imageAlt: "Fresh grocery bundle with vegetables and essentials"
|
|
},
|
|
{
|
|
id: "household-essentials", name: "Household Essentials Pack", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-zero-waste-collection_52683-78941.jpg", imageAlt: "Household cleaning and care products"
|
|
},
|
|
{
|
|
id: "personal-care", name: "Personal Care Collection", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-zero-waste-products_23-2148491117.jpg", imageAlt: "Personal care and hygiene products"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Why Choose DailyNeeds"
|
|
description="We make shopping for daily essentials simple, fast, and affordable with industry-leading service and quality."
|
|
tag="Our Advantages"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Started Today", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "fast-delivery", label: "Lightning Fast", title: "Same-Day Delivery", items: [
|
|
"Delivery within 2-4 hours", "Track your order in real-time", "Convenient scheduling options"
|
|
]
|
|
},
|
|
{
|
|
id: "fresh-quality", label: "Quality Assured", title: "Fresh & Premium", items: [
|
|
"Hand-picked fresh produce", "Quality verified products", "Best-before date guarantee"
|
|
]
|
|
},
|
|
{
|
|
id: "easy-shopping", label: "User Friendly", title: "Simple Shopping Experience", items: [
|
|
"Intuitive mobile app and website", "Smart search and filters", "One-click reordering"
|
|
]
|
|
},
|
|
{
|
|
id: "great-prices", label: "Savings", title: "Unbeatable Prices", items: [
|
|
"Competitive everyday pricing", "Regular discounts and offers", "Loyalty rewards program"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Join thousands of satisfied customers who trust DailyNeeds for their daily shopping needs."
|
|
tag="Customer Reviews"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Read More Reviews", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-sarah", name: "Sarah Johnson", role: "Busy Professional", company: "Tech Company", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-michael", name: "Michael Chen", role: "Family Manager", company: "Home", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-priya", name: "Priya Patel", role: "Student", company: "University", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-full-shopping-bags_329181-8046.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-emma", name: "Emma Wilson", role: "Homeowner", company: "Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-women-talking-smartphone-having-fun_1262-14980.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-james", name: "James Rodriguez", role: "Entrepreneur", company: "Small Business", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-blonde-woman-looking-front-doing-peace-sign-isolated-olive-green-wall-with-copy-space_141793-110150.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-lisa", name: "Lisa Anderson", role: "Health Conscious", company: "Wellness", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-green-wall-manager-call-centre-worker-happy-adorable-smiling-welcoming-all-calls_343596-6990.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="We partner with premium brands and services to bring you the best daily essentials at competitive prices."
|
|
tag="Our Partners"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Fresh Farms", "Pure Care", "Quick Delivery", "Organic Select", "PaySecure", "TechLogistics", "Quality Verified"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/blue-black-delivery-logo-template_23-2147878087.jpg", "http://img.b2bpic.net/free-vector/flat-business-deal-background_23-2148108088.jpg", "http://img.b2bpic.net/free-vector/flat-design-business-workshop-labels-template_23-2149397517.jpg", "http://img.b2bpic.net/free-vector/business-stationery-with-circular-shapes_23-2147572432.jpg", "http://img.b2bpic.net/free-vector/money-message-bubbles_78370-8461.jpg", "http://img.b2bpic.net/free-vector/creative-gradient-o-logo-collection_52683-58692.jpg", "http://img.b2bpic.net/free-vector/premium-quality_1034-286.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about shopping, delivery, and our services."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Contact Support", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "faq-delivery", title: "How fast is the delivery?", content: "We offer same-day delivery within 2-4 hours in most areas. You can select your preferred delivery time during checkout. Express delivery is available for premium members."
|
|
},
|
|
{
|
|
id: "faq-quality", title: "How do you ensure product quality?", content: "All our products are hand-picked and quality verified before delivery. We guarantee fresh produce with best-before date assurance and accept returns within 24 hours if unsatisfied."
|
|
},
|
|
{
|
|
id: "faq-payment", title: "What payment methods do you accept?", content: "We accept all major credit/debit cards, digital wallets, and bank transfers. All payments are secured with encrypted technology for your safety."
|
|
},
|
|
{
|
|
id: "faq-pricing", title: "Are there any hidden charges?", content: "No hidden charges! The price you see is what you pay. We include delivery costs and show all fees upfront before checkout. Some areas may have minimal delivery fees."
|
|
},
|
|
{
|
|
id: "faq-refund", title: "What's your refund policy?", content: "We offer full refunds within 24 hours of delivery if you're not satisfied. Damaged items are replaced immediately at no extra cost."
|
|
},
|
|
{
|
|
id: "faq-account", title: "How do I create an account?", content: "Simply download our app or visit our website, click 'Sign Up', and provide your email, phone number, and delivery address. You can start shopping in minutes!"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="DailyNeeds"
|
|
copyrightText="© 2025 DailyNeeds. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Groceries", href: "#" },
|
|
{ label: "Household Items", href: "#" },
|
|
{ label: "Personal Care", href: "#" },
|
|
{ label: "Health & Wellness", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Press", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Track Order", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |