"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Luggage, Star, Zap, Shield, Feather, Sparkles, Lock, Heart, Tag, MessageSquare } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Travel"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Travel in Style, Packed with Purpose"
          description="Discover premium travel bags engineered for adventurers. Durable, lightweight, and designed for every journey. Shop our collection today."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Travel Gear"
          tagIcon={Luggage}
          imageSrc="https://img.b2bpic.net/free-photo/elements-person-traveling_23-2148195151.jpg"
          imageAlt="Premium travel bags collection"
          buttons={[
            { text: "Shop Collection", href: "products" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Travel Pro",              name: "Ultimate Adventure Backpack",              price: "$249.99",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/prepared-luggage-backpack_23-2148927425.jpg",              imageAlt: "Ultimate Adventure Backpack"
            },
            {
              id: "2",              brand: "Travel Pro",              name: "Executive Luggage Set",              price: "$549.99",              rating: 5,
              reviewCount: "892",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-grabbing-backpack-from-ground_23-2148752384.jpg",              imageAlt: "Executive Luggage Set"
            },
            {
              id: "3",              brand: "Travel Pro",              name: "Compact Duffel Bag",              price: "$199.99",              rating: 5,
              reviewCount: "634",              imageSrc: "https://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg",              imageAlt: "Compact Duffel Bag"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          title="Featured Products"
          description="Explore our handpicked collection of premium travel bags trusted by thousands of travelers worldwide."
          tag="Best Sellers"
          tagIcon={Star}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          features={[
            {
              icon: Shield,
              title: "Exceptional Durability",              description: "Military-grade materials engineered to withstand years of adventures. Built tough for the road."
            },
            {
              icon: Feather,
              title: "Lightweight Design",              description: "Smart engineering reduces weight without sacrificing strength. Travel smarter, not harder."
            },
            {
              icon: Sparkles,
              title: "Premium Aesthetics",              description: "Sleek, modern design that looks as good as it performs. Travel in style everywhere you go."
            },
            {
              icon: Lock,
              title: "Advanced Security",              description: "TSA-approved locks and RFID protection keep your valuables safe. Travel with peace of mind."
            },
            {
              icon: Heart,
              title: "Lifetime Warranty",              description: "We stand behind our products. Comprehensive coverage for all manufacturing defects."
            },
            {
              icon: Zap,
              title: "Smart Organization",              description: "Intelligently designed compartments for every item. Pack efficiently, access instantly."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          title="Why Choose Travel Bags"
          description="Built for the modern traveler with innovative features that make every journey more enjoyable."
          tag="Our Advantages"
          tagIcon={Zap}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          plans={[
            {
              id: "starter",              title: "Starter Pack",              price: "$199.99",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg",              imageAlt: "Starter Pack bag",              button: {
                text: "Get Started",                href: "#contact"
              },
              features: [
                "Compact duffel design",                "Water-resistant material",                "5-year warranty",                "Free shipping included"
              ]
            },
            {
              id: "professional",              title: "Professional Bundle",              price: "$399.99",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/prepared-luggage-backpack_23-2148927425.jpg",              imageAlt: "Professional Bundle backpack",              button: {
                text: "Shop Now",                href: "#contact"
              },
              features: [
                "Premium backpack included",                "TSA-approved locks",                "Weather-proof protection",                "Lifetime warranty",                "Priority support"
              ]
            },
            {
              id: "ultimate",              title: "Ultimate Traveler",              price: "$549.99",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-grabbing-backpack-from-ground_23-2148752384.jpg",              imageAlt: "Ultimate Traveler luggage set",              button: {
                text: "Choose Plan",                href: "#contact"
              },
              features: [
                "Complete luggage set (3 pieces)",                "Executive design",                "RFID protection",                "Smart compartments",                "Lifetime warranty",                "Concierge support",                "Free repairs for life"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          title="Flexible Pricing Plans"
          description="Choose the perfect plan for your travel needs. Quality gear at every price point."
          tag="Pricing"
          tagIcon={Tag}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "Adventure Blogger",              testimonial: "This backpack changed my travel game completely. Perfect balance of style and functionality. Best purchase ever!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "Frequent Traveler",              testimonial: "Five stars don't do justice. The quality is outstanding and customer service is exceptional. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "Travel Photographer",              testimonial: "Lightweight yet durable. Perfect for carrying my camera gear across multiple countries. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "Business Traveler",              testimonial: "Professional design with smart organization. I've been using it daily for a year with zero issues.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Martinez",              handle: "Digital Nomad",              testimonial: "Game-changing luggage set. The quality and design exceeded my expectations. Love traveling with these bags!",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              name: "James Wilson",              handle: "Adventure Enthusiast",              testimonial: "Incredible durability. I've taken these bags on intense expeditions and they still look brand new.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",              imageAlt: "James Wilson"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          title="Trusted by Thousands of Travelers"
          description="See what our customers are saying about their Travel bag experience."
          tag="Customer Reviews"
          tagIcon={Heart}
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",              title: "What is your return policy?",              content: "We offer a 60-day money-back guarantee on all products. If you're not completely satisfied, return your items for a full refund, no questions asked."
            },
            {
              id: "2",              title: "How long does shipping take?",              content: "Standard shipping typically takes 5-7 business days. We also offer express 2-day shipping for orders placed before 2 PM EST. All orders include free tracking."
            },
            {
              id: "3",              title: "Do you offer international shipping?",              content: "Yes! We ship to over 150 countries worldwide. International orders may take 10-15 business days depending on destination. Customs duties may apply."
            },
            {
              id: "4",              title: "What materials are your bags made from?",              content: "Our bags are crafted from premium materials including ballistic nylon, genuine leather, and aerospace-grade aluminum. All materials are ethically sourced and built to last."
            },
            {
              id: "5",              title: "Do you offer customization?",              content: "Yes! We offer monogramming and custom color options on select products. Contact our team for a free consultation on personalization services."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          ctaTitle="Ready to Travel Better?"
          ctaDescription="Get expert travel gear recommendations and join thousands of satisfied adventurers. Contact our team today."
          ctaButton={{
            text: "Get in Touch",            href: "https://contact.example.com"
          }}
          ctaIcon={MessageSquare}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Travel"
          columns={[
            {
              items: [
                { label: "Shop", href: "products" },
                { label: "Features", href: "features" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              items: [
                { label: "Support", href: "#" },
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}