"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>
  );
}
