"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Headphones, Shield, Smile, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Home", id: "hero" },
              { name: "About", id: "about" },
              { name: "Market", id: "products" },
              { name: "FAQ", id: "faq" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="TeleGift Market"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            title="Premium Digital Telegram Assets"
            description="The trusted marketplace for high-quality Telegram gifts, stickers, and exclusive digital assets for your community."
            testimonials={[
              { name: "Alex R.", handle: "@alextech", testimonial: "The quality of gifts on this market is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg" },
              { name: "Sarah K.", handle: "@sarahdev", testimonial: "Fast, secure, and beautiful assets. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg" },
              { name: "Mike J.", handle: "@mike_j", testimonial: "Best marketplace for Telegram creators.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg" },
              { name: "Elena P.", handle: "@elena_design", testimonial: "Everything looks perfect in the app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
              { name: "David W.", handle: "@d_williams", testimonial: "Top tier collection, seamless delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" }
            ]}
            buttons={[{ text: "Explore Market", href: "#products" }]}
            imageSrc="http://img.b2bpic.net/free-photo/gift-box-wrap-with-candy-cane-near-photo-frame_23-2147969853.jpg"
            imageAlt="Digital gift marketplace hero visual"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "User avatar 1" },
              { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "User avatar 2" },
              { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "User avatar 3" },
              { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "User avatar 4" },
              { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg", alt: "User avatar 5" }
            ]}
            avatarText="Trusted by 5000+ creators"
          />
        </div>

        <div id="about" data-section="about">
          <SplitAbout
            textboxLayout="split"
            useInvertedBackground={false}
            title="Crafting Digital Connections"
            description="We bridge the gap between creative designers and active Telegram communities, ensuring every digital gift delivers a premium experience."
            bulletPoints={[
              { title: "Verified Quality", description: "Every gift undergoes rigorous design testing." },
              { title: "Instant Access", description: "Download and apply your assets immediately." },
              { title: "Creative Community", description: "Supporting creators around the world." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/table-lamp-laptop-yellow-paper-plane-cork-board-against-white-background_23-2147873583.jpg"
            imageAlt="About our marketplace"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureBorderGlow
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            features={[
              { icon: Shield, title: "Secure Transactions", description: "Protected payments and reliable asset delivery." },
              { icon: Zap, title: "Instant Delivery", description: "Get your digital items instantly upon purchase." },
              { icon: Headphones, title: "24/7 Support", description: "Expert assistance for any technical issues." }
            ]}
            title="Why Choose Us"
            description="Our marketplace platform is built with efficiency and security at its core."
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardTwo
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            products={[
              { id: "p1", brand: "Pack", name: "Premium Sticker Set A", price: "$9.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-153271.jpg" },
              { id: "p2", brand: "Emoji", name: "Animated Reactions", price: "$4.99", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-psd/color-year-2022-landing-page-template_23-2149230148.jpg" },
              { id: "p3", brand: "Gift", name: "Luxury Star Gift", price: "$19.99", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-checks-website-laptop_482257-76602.jpg" },
              { id: "p4", brand: "Theme", name: "Dark Neon Theme", price: "$7.99", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg" },
              { id: "p5", brand: "Bot", name: "Essential Bot Pack", price: "$12.99", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-vector/ai-robot-with-arms-wheels_24908-81317.jpg" },
              { id: "p6", brand: "Award", name: "Community Leader Medal", price: "$15.99", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75r8ei" }
            ]}
            title="Featured Digital Assets"
            description="Discover our most popular Telegram gifts and sticker packs."
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardEight
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            plans={[
              { id: "starter", badge: "Essential", price: "$29", subtitle: "For personal use", features: ["3 Asset Packs", "Basic support", "Standard updates"], buttons: [{ text: "Select Starter" }] },
              { id: "pro", badge: "Popular", price: "$79", subtitle: "For creators", features: ["10 Asset Packs", "Priority support", "Early access"], buttons: [{ text: "Select Pro" }] },
              { id: "agency", badge: "Enterprise", price: "$199", subtitle: "For communities", features: ["Unlimited access", "Dedicated account manager", "Custom designs"], buttons: [{ text: "Select Agency" }] }
            ]}
            title="Simple Pricing"
            description="Choose the perfect plan to boost your Telegram presence."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardThree
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", icon: Award, title: "Assets Provided", value: "5000+" },
              { id: "m2", icon: Users, title: "Active Communities", value: "1200+" },
              { id: "m3", icon: Smile, title: "Happy Users", value: "15k+" }
            ]}
            title="Our Growth"
            description="The numbers behind our flourishing community."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            useInvertedBackground={true}
            testimonials={[
              { id: "t1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg" },
              { id: "t2", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
              { id: "t3", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-data-center-admin-coworkers-running-diagnostics-equipment-identify_482257-132249.jpg" },
              { id: "t4", name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
              { id: "t5", name: "David", imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" }
            ]}
            cardTitle="Community Feedback"
            cardTag="Social Proof"
            cardAnimation="slide-up"
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "f1", title: "How do I receive assets?", content: "You will receive an instant download link via your registered email or Telegram account." },
              { id: "f2", title: "Are these gifts permanent?", content: "Yes, once purchased, they remain yours to use as you please." },
              { id: "f3", title: "Do you offer refunds?", content: "We offer a 7-day money-back guarantee for unused digital assets." }
            ]}
            title="Common Questions"
            description="Find everything you need to know about our marketplace."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            useInvertedBackground={true}
            background={{ variant: "animated-grid" }}
            text="Ready to enhance your digital presence? Reach out to our team today for custom requests and partnerships."
            buttons={[{ text: "Contact Support", href: "#" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              { title: "Marketplace", items: [{ label: "About", href: "#about" }, { label: "Explore", href: "#products" }] },
              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Help Center", href: "#" }] },
              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
            ]}
            bottomLeftText="© 2024 TeleGift Market"
            bottomRightText="All rights reserved"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}