255 lines
13 KiB
TypeScript
255 lines
13 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";
|
|
import Link from "next/link";
|
|
|
|
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/great-variety-shopping-mall_329181-7992.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/fresh-organic-vegetables-wooden-basket-high-quality-photo_114579-27080.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-photo/protection-yellow-gloves-eco-products_23-2148824657.jpg", imageAlt: "Household cleaning and care products"
|
|
},
|
|
{
|
|
id: "personal-care", name: "Personal Care Collection", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099234.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/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-keeping-hand-near-another-one-isolated-white-background_141793-84100.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-michael", name: "Michael Chen", role: "Family Manager", company: "Home", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-priya", name: "Priya Patel", role: "Student", company: "University", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46936.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-emma", name: "Emma Wilson", role: "Homeowner", company: "Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-business-girl-using-her-computer_1301-3845.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-james", name: "James Rodriguez", role: "Entrepreneur", company: "Small Business", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-i-letter_1149-1837.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-lisa", name: "Lisa Anderson", role: "Health Conscious", company: "Wellness", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.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/promotional-gift-voucher-collection_1232-32.jpg", "http://img.b2bpic.net/free-vector/online-shopping-background-design_1223-106.jpg", "http://img.b2bpic.net/free-vector/fantastic-stickers-with-hand-drawn-nautical-items_23-2147588417.jpg", "http://img.b2bpic.net/free-vector/gradient-logo-template-with-abstract-shape_23-2148211714.jpg", "http://img.b2bpic.net/free-vector/gradient-accounting-logo_23-2148844137.jpg", "http://img.b2bpic.net/free-vector/pink-camera-logo-collection_23-2147647290.jpg", "http://img.b2bpic.net/free-vector/vintage-copyright-stamps-collection_23-2148695869.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>
|
|
);
|
|
}
|