"use client";

import { Building2, Bell, Layers, Package, Star, Store, Leaf, TrendingDown, Zap, CheckCircle } from "lucide-react";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBase from "@/components/sections/footer/FooterBase";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="FreshMart"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="FreshMart"
          description="Your one-stop supermarket app for fresh groceries, competitive prices, and convenient shopping. Browse thousands of products with real-time pricing and instant delivery."
          buttons={[
            { text: "Start Shopping", href: "products" },
            { text: "Learn More", href: "about" },
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/confused-female-customer-choosing-food-products-shelf-supermarket_662251-1490.jpg"
          imageAlt="Fresh supermarket produce and groceries"
          mediaAnimation="slide-up"
          frameStyle="card"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Product Selection"
          description="Browse our extensive collection of fresh produce, dairy, bakery, and pantry items. All prices updated in real-time."
          tag="Featured Products"
          tagIcon={Package}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Organic Fresh Tomatoes",              price: "$3.99",              variant: "Red · 2kg Bundle",              imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-fresh-vegetables-wood-board-dark_179666-43681.jpg",              imageAlt: "Fresh red tomatoes",              isFavorited: false,
            },
            {
              id: "2",              name: "Premium Whole Milk",              price: "$4.49",              variant: "2% · 1 Liter",              imageSrc: "http://img.b2bpic.net/free-photo/dairy-products_114579-8756.jpg",              imageAlt: "Milk carton",              isFavorited: false,
            },
            {
              id: "3",              name: "Artisan Sourdough Bread",              price: "$5.99",              variant: "Whole Wheat · Fresh Baked",              imageSrc: "http://img.b2bpic.net/free-psd/assortment-freshly-baked-breads-pastries_9975-132243.jpg",              imageAlt: "Sourdough bread loaf",              isFavorited: false,
            },
            {
              id: "4",              name: "Fresh Orange Juice",              price: "$2.99",              variant: "Pulp Free · 1.5L",              imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-fresh-fruit-floor-with-ice-cubes_1150-23628.jpg",              imageAlt: "Orange juice bottle",              isFavorited: false,
            },
            {
              id: "5",              name: "Premium Ice Cream",              price: "$6.99",              variant: "Vanilla · 1 Pint",              imageSrc: "http://img.b2bpic.net/free-photo/popsicle-lemon-blue-background_1112-1552.jpg",              imageAlt: "Ice cream container",              isFavorited: false,
            },
            {
              id: "6",              name: "Organic Pasta Mix",              price: "$1.99",              variant: "Assorted · 500g",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-donation-with-copy-space-box_23-2148733849.jpg",              imageAlt: "Pasta packages",              isFavorited: false,
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About FreshMart"
          description="We revolutionized grocery shopping by bringing supermarket convenience directly to your device."
          tag="Our Story"
          tagIcon={Store}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Wide Selection",              description: "Over 10,000 products from fresh produce to household essentials, all sourced from trusted suppliers.",              icon: Leaf,
            },
            {
              title: "Best Prices",              description: "Real-time price updates and exclusive app-only deals ensure you get the best value on every purchase.",              icon: TrendingDown,
            },
            {
              title: "Fast Delivery",              description: "Same-day delivery available in most areas. Your groceries arrive fresh and on time, every time.",              icon: Zap,
            },
            {
              title: "Easy Management",              description: "Create shopping lists, save favorites, and reorder previous purchases with just a few taps.",              icon: CheckCircle,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/couple-shopping-zero-waste-food-store_482257-91042.jpg"
          imageAlt="Modern supermarket store interior"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Download App", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="How It Works"
          description="Shop smart with our streamlined process designed for convenience and speed."
          tag="Our Process"
          tagIcon={Layers}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Browse & Select",              description: "Filter by category, search for specific items, or browse recommendations based on your preferences.",              imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-holding-phone-mock-up_23-2148339172.jpg",              imageAlt: "Shopping app interface"},
            {
              id: 2,
              title: "Quick Checkout",              description: "Add items to cart and complete payment securely in under one minute with saved payment methods.",              imageSrc: "http://img.b2bpic.net/free-photo/delivery-concept-handsome-african-american-delivery-man-rush-running-delivering-package-customer-isolated-grey-studio-background-copy-space_1258-1274.jpg",              imageAlt: "Fast checkout process"},
            {
              id: 3,
              title: "Track & Receive",              description: "Real-time tracking shows your delivery status. Receive fresh groceries at your door on your schedule.",              imageSrc: "http://img.b2bpic.net/free-vector/creative-sale-banner-promotion-marketing_1017-17381.jpg",              imageAlt: "Delivery tracking"},
            {
              id: 4,
              title: "Save & Reorder",              description: "Save favorite items and create quick reorder lists for your regular purchases to save time.",              imageSrc: "http://img.b2bpic.net/free-vector/premium-quality-product-golden-label-design_1017-12393.jpg",              imageAlt: "Smart reordering"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Loved by Our Customers"
          description="See what thousands of satisfied shoppers are saying about FreshMart."
          tag="Customer Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Busy Professional",              company: "Tech Corp",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",              imageAlt: "Sarah Johnson"},
            {
              id: "2",              name: "Michael Chen",              role: "Family Parent",              company: "Community Leader",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Michael Chen"},
            {
              id: "3",              name: "Emily Rodriguez",              role: "Sustainability Advocate",              company: "GreenLiving Co",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",              imageAlt: "Emily Rodriguez"},
            {
              id: "4",              name: "David Kim",              role: "Chef & Blogger",              company: "Food Network",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",              imageAlt: "David Kim"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Leading Partners"
          description="We partner with the best brands to bring quality products to your table."
          tag="Our Partners"
          tagIcon={Building2}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Organic Valley",            "Greenfield Farm",            "Premium Dairies",            "Artisan Bakery",            "Fresh Produce Co",            "Quality Beverages",            "Gourmet Foods",            "Local Suppliers"]}
          speed={40}
          showCard={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Get Weekly Deals & Offers"
          description="Subscribe to our newsletter for exclusive discounts, new product arrivals, and shopping tips delivered to your inbox every week."
          tagIcon={Bell}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check our privacy policy for details."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="FreshMart"
          copyrightText="© 2025 FreshMart. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "products" },
                { label: "Fresh Produce", href: "#" },
                { label: "Dairy & Eggs", href: "#" },
                { label: "Bakery", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "How It Works", href: "features" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
