"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { CheckCircle, Headphones, Lock, Star, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Why Choose Us",          id: "#features"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact Us",          id: "#contact"},
      ]}
      button={{
        text: "Request Information",        href: "https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor"}}
      brandName="vape_seller"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      title="Premium Experience. Exceptional Service."
      description="Discover a seamless shopping experience with quality products and dedicated customer support."
      testimonials={[
        {
          name: "Emily R.",          handle: "@VapeExplorer",          testimonial: "The selection here is unmatched, and the team's knowledge is truly impressive. A premium experience from start to finish.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826971.jpg",          imageAlt: "Professional smiling woman"},
        {
          name: "Mark T.",          handle: "@CloudChaser",          testimonial: "Fast, discreet delivery and top-tier products. vape_seller has become my go-to for all my vaping needs.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012890.jpg",          imageAlt: "Confident businessman"},
        {
          name: "Sarah L.",          handle: "@FlavorSeeker",          testimonial: "I appreciate the commitment to quality and responsible sourcing. It truly makes a difference in the products.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-businesswoman-shaking-hands_23-2148012889.jpg",          imageAlt: "Smiling professional woman"},
        {
          name: "David K.",          handle: "@VapeInnovator",          testimonial: "Excellent customer service and a user-friendly site. Finding what I need is always a breeze, and support is always there.",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-people-shaking-hands_1262-20997.jpg",          imageAlt: "Engaged business professional"},
        {
          name: "Jessica M.",          handle: "@EliteVaper",          testimonial: "Highly recommend vape_seller for anyone looking for premium products and a trustworthy vendor. My experience has been consistently superb.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",          imageAlt: "Professional woman smiling"},
      ]}
      buttons={[
        {
          text: "View Our Products",          href: "#products"},
        {
          text: "Request Information",          href: "https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723445.jpg"
      imageAlt="Premium vape products display in a luxurious setting"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/man-working-call-center-with-headphones-computer_23-2149256094.jpg",          alt: "Customer support representative"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-working-with-headphones_23-2148700764.jpg",          alt: "Woman with headphones"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-call-center-operator-looking-camera-showing-ok-sign_74855-4287.jpg",          alt: "Happy call center operator"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-customer-support-guy-manages-ecommerce-order-issues-call-responding-clients_482257-136502.jpg",          alt: "Customer service agent"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          alt: "Happy customer profile"},
      ]}
      avatarText="Join our growing community!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Secure Payments",          icon: Lock,
        },
        {
          type: "text-icon",          text: "Discreet Delivery",          icon: Truck,
        },
        {
          type: "text-icon",          text: "24/7 Support",          icon: Headphones,
        },
        {
          type: "text-icon",          text: "Premium Quality",          icon: CheckCircle,
        },
        {
          type: "text-icon",          text: "User Experience",          icon: Star,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Your Trusted Partner for Premium Vape Products"
      description="vape_seller is committed to transparency, responsible practices, and unparalleled customer service. We handpick every item to ensure quality and compliance, offering a curated selection for discerning customers."
      bulletPoints={[
        {
          title: "Quality & Compliance",          description: "All products rigorously vetted for safety and adherence to regulations."},
        {
          title: "Customer-First Approach",          description: "Dedicated support ensuring a smooth and satisfying shopping journey."},
        {
          title: "Transparency & Trust",          description: "Clear information and honest practices in every interaction."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-businessman-shake-hand-coffee-shop_1150-6425.jpg"
      imageAlt="Professional team discussing responsible business practices"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          title: "Secure Checkout",          descriptions: [
            "Your purchases are protected with industry-leading encryption and payment security."],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg"},
        {
          id: "f2",          title: "Fast, Discreet Delivery",          descriptions: [
            "Enjoy prompt and confidential shipping directly to your door."],
          imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189203.jpg"},
        {
          id: "f3",          title: "Responsive Support",          descriptions: [
            "Our expert team is ready to assist you with any inquiries or issues."],
          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-handsome-man-wearing-headset-shows-triangle-looking-front-isolated-white-wall_141793-130207.jpg"},
        {
          id: "f4",          title: "Uncompromising Quality",          descriptions: [
            "Every product is carefully selected for its superior quality and performance."],
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-round-plates-four-vibrant-colors-white-background_384344-7182.jpg"},
        {
          id: "f5",          title: "User-Friendly Experience",          descriptions: [
            "A seamless and intuitive website design for effortless browsing and inquiry."],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149366976.jpg"},
      ]}
      title="Why Choose Vape Seller?"
      description="We prioritize your satisfaction with a commitment to quality, security, and exceptional support, ensuring a premium shopping experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Product D1 Deluxe Vaporizer",          price: "Inquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/blue-smoke-waves-black-background_23-2148211011.jpg",          imageAlt: "Product D1 Deluxe Vaporizer",          onProductClick: () => window.open('https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor', '_blank'),
        },
        {
          id: "p2",          name: "Product D2 Premium E-Liquid",          price: "Inquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232252.jpg",          imageAlt: "Product D2 Premium E-Liquid",          onProductClick: () => window.open('https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor', '_blank'),
        },
        {
          id: "p3",          name: "Product D3 Compact Pod System",          price: "Inquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/lighter-red_58702-1769.jpg",          imageAlt: "Product D3 Compact Pod System",          onProductClick: () => window.open('https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor', '_blank'),
        },
        {
          id: "p4",          name: "Product D4 Advanced Coils",          price: "Inquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/clothes-pins-decorated-christmas_23-2147962709.jpg",          imageAlt: "Product D4 Advanced Coils",          onProductClick: () => window.open('https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor', '_blank'),
        },
        {
          id: "p5",          name: "Product D5 Long-Lasting Batteries",          price: "Inquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/view-frame-with-birthday-whistles-copy-space_23-2148425716.jpg",          imageAlt: "Product D5 Long-Lasting Batteries",          onProductClick: () => window.open('https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor', '_blank'),
        },
        {
          id: "p6",          name: "Product D6 Replacement Glass Tanks",          price: "Inquire for Price",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-setting-fire-sparkler-with-lighter_169016-17781.jpg",          imageAlt: "Product D6 Replacement Glass Tanks",          onProductClick: () => window.open('https://docs.google.com/forms/d/e/1FAIpQLSf8l0oPQH9Y10g5Uxt99trOwUYyZ0poHRYOFctKv1AvGU0xTA/viewform?usp=publish-editor', '_blank'),
        },
      ]}
      title="Exclusive Featured Products"
      description="Discover our latest and most sought-after vape products, meticulously selected for quality and performance. Each item offers a premium experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "VapeTech Innovations",        "Premium Vapor Co.",        "E-Liquid Artisans",        "Global Vape Distributors",        "Flavor Dynamics Ltd.",        "Compliance Solutions Inc.",        "NextGen Vaping Group"]}
      title="Trusted by Our Community and Partners"
      description="Our commitment to excellence has forged strong relationships within the industry and a loyal customer base."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What are your age verification requirements?",          content: "As a responsible retailer, we strictly adhere to local age-restriction laws (18+/21+ depending on region). Verification is required upon entry and at checkout."},
        {
          id: "q2",          title: "How do I place an order?",          content: "Browse our premium selection, add desired products to your inquiry list, and use the 'Request Information' button to connect with our team for details and ordering assistance."},
        {
          id: "q3",          title: "What is your shipping policy?",          content: "We offer fast and discreet shipping options. Details on delivery times and costs will be provided upon inquiry and order confirmation."},
        {
          id: "q4",          title: "Can I return a product?",          content: "Our return policy is designed for customer satisfaction. Please contact our support team to discuss returns and exchanges based on product condition and purchase date."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common inquiries about orders, shipping, returns, and our commitment to responsible practices."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Connect with Vape Seller"
      description="Have questions or need assistance? Our dedicated team is here to help. Submit your inquiry via the form below, or reach out to us directly."
      inputPlaceholder="Your Email Address"
      buttonText="Submit Inquiry"
      termsText="By submitting, you agree to our privacy policy and terms of service."
      onSubmit={() => alert('Thank you for your inquiry! We will be in touch shortly.')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-smoke-shop-logo-design_23-2151172953.jpg"
      logoAlt="vape_seller logo"
      columns={[
        {
          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Products",              href: "#products"},
            {
              label: "Why Choose Us",              href: "#features"},
          ],
        },
        {
          items: [
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      logoText="vape_seller"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
