"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Boxes, CheckCircle, Headphones } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <main>
        <div id="nav" data-section="nav">
          <NavbarStyleApple 
            brandName="Hookah Haven"
            navItems={[
              {name: "Products", id: "products"},
              {name: "About", id: "about"},
              {name: "Features", id: "features"},
              {name: "Testimonials", id: "testimonials"},
              {name: "FAQ", id: "faq"},
              {name: "Contact", id: "contact"}
            ]}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardScroll 
            background={{ variant: "radial-gradient" }}
            title="Experience the Finest Hookah"
            description="Discover a premium selection of tobacco, hookahs, and accessories for an unparalleled smoking experience."
            tag="Your Ultimate Hookah Destination"
            buttons={[
              {text: "Shop Now", href: "#products"},
              {text: "Learn More", href: "#about"}
            ]}
            imageSrc="https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"
            imageAlt="Elegant hookah set with smoke"
            tagAnimation="blur-reveal"
            buttonAnimation="blur-reveal"
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout 
            title="Our Passion for Hookah"
            description={[
              "At Hookah Haven, we are dedicated to providing enthusiasts with the highest quality products. From rare tobacco blends to exquisite hookahs and essential accessories, we meticulously curate our collection to ensure every puff is a pleasure.",              "We believe in enhancing your moments of relaxation and social connection with superior shisha. Our commitment to excellence guarantees an experience like no other."
            ]}
            useInvertedBackground={false}
            showBorder={true}
            buttons={[{ text: "Our Story", href: "#about" }]}
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardOne 
            title="Featured Products"
            description="Explore our curated collection of premium hookahs, exquisite tobacco, and essential accessories."
            products={[
              {id: "1", name: "Luxurious Glass Hookah", price: "$249.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg", imageAlt: "Luxurious glass hookah pipe"},
              {id: "2", name: "Exotic Tobacco Blends", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Colorful packs of exotic tobacco blends"},
              {id: "3", name: "Natural Coconut Charcoal", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297183.jpg", imageAlt: "Pile of natural coconut charcoal"},
              {id: "4", name: "Premium Hookah Hose", price: "$34.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213330.jpg", imageAlt: "Premium hookah hose"}
            ]}
            animationType="slide-up"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            textboxLayout="default"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentySix 
            title="Why Choose Hookah Haven?"
            description="We offer an unparalleled selection, quality assurance, and dedicated customer support to enhance your hookah journey."
            features={[
              {title: "Unrivaled Quality", description: "Only the finest materials and ingredients make it into our selection, guaranteeing a superior experience.", imageSrc: "https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", imageAlt: "Close up of a well-crafted hookah component", buttonIcon: CheckCircle},
              {title: "Extensive Selection", description: "From classic designs to modern innovations, find the perfect hookah and tobacco to suit your taste.", imageSrc: "https://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149501012.jpg", imageAlt: "Diverse range of hookah pipes and tobacco boxes", buttonIcon: Boxes},
              {title: "Expert Customer Support", description: "Our knowledgeable team is here to assist you with any questions or recommendations.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Customer service representative helping a client", buttonIcon: Headphones}
            ]}
            textboxLayout="default"
            useInvertedBackground={true}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFive 
            title="What Our Customers Say"
            description="Hear from satisfied enthusiasts who've experienced the Hookah Haven difference."
            testimonials={[
              {id: "1", name: "Omar Al-Hassan, Connoisseur", date: "Date: 15 May 2024", title: "Simply the best!", quote: "Hookah Haven delivers on quality and variety. My go-to for all my shisha needs.", tag: "Premium Experience", avatarSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageAlt: "Happy customer enjoying hookah"},
              {id: "2", name: "Layla Khan, Lounge Owner", date: "Date: 20 April 2024", title: "Boosted my business", quote: "Their bulk charcoal and tobacco options are fantastic. My customers love the quality!", tag: "Business Partner", avatarSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageAlt: "Lounge owner smiling"},
              {id: "3", name: "Ahmed Malik, Social Smoker", date: "Date: 10 March 2024", title: "Great selection and service", quote: "Found my new favorite blend here. The staff was incredibly helpful and friendly.", tag: "New Favorite", avatarSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageAlt: "Person enjoying a hookah session"},
              {id: "4", name: "Sara Jafari, Enthusiast", date: "Date: 02 February 2024", title: "Unbeatable quality!", quote: "The hookahs are stunning and perform flawlessly. Definitely worth every penny.", tag: "High-Quality Gear", avatarSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageAlt: "Woman admiring a hookah"}
            ]}
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText 
            sideTitle="Frequently Asked Questions"
            faqs={[
              {id: "1", title: "What kind of tobacco do you offer?", content: "We offer a wide range of premium shisha tobacco, including traditional, modern, and exotic blends from top brands worldwide."},
              {id: "2", title: "Do you ship internationally?", content: "Currently, we only ship within [Your Country/Region]. Please check our shipping policy for more details."},
              {id: "3", title: "How do I care for my new hookah?", content: "Each hookah comes with care instructions. Generally, it's best to clean all components after each use with warm water and a brush."},
              {id: "4", title: "What is your return policy?", content: "We accept returns within 30 days of purchase for unused and unopened items. See our full return policy for details."}
            ]}
            textPosition="left"
            faqsAnimation="slide-up"
            useInvertedBackground={false}
            animationType="smooth"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText 
            text="Ready to elevate your hookah experience? Get in touch with our team for personalized recommendations or any inquiries."
            buttons={[
              {text: "Contact Us", href: "/contact"},
              {text: "Shop All Products", href: "#products"}
            ]}
            animationType="reveal-blur"
            background={{ variant: "radial-gradient" }}
            useInvertedBackground={true}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard 
            logoText="Hookah Haven"
            columns={[
              {title: "Shop", items: [
                {label: "Hookahs", href: "#products"},
                {label: "Tobacco", href: "#products"},
                {label: "Charcoal", href: "#products"},
                {label: "Accessories", href: "#products"}
              ]},
              {title: "Company", items: [
                {label: "About Us", href: "#about"},
                {label: "FAQ", href: "#faq"},
                {label: "Contact", href: "#contact"}
              ]}
            ]}
            copyrightText="© 2024 Hookah Haven. All rights reserved."
          />
        </div>
      </main>
    </ThemeProvider>
  );
}