"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { ArrowUp, Award, DollarSign, Headphones, ShieldCheck, ShoppingCart, Sparkles, Star, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "/" },
        { name: "Services", id: "/services" },
        { name: "Pricing", id: "/pricing" },
        { name: "FAQ", id: "/faq" },
        { name: "Contact", id: "/contact" },
        { name: "Transactions", id: "/transactions" },
        { name: "Settings", id: "/settings" }
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
      logoAlt="SocBoost Logo"
      brandName="SocBoost"
      button={{
        text: "Register",        href: "/register"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "canvas-reveal"}}
      title="Boost Your Social Presence"
      description="The ultimate SMM panel for resellers and businesses. Scale your social media marketing efforts with reliable and affordable services."
      testimonials={[
        {
          name: "Alex P.",          handle: "@SocialGain",          testimonial: "SocBoost transformed my reselling business. The quality and speed are unmatched!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg"},
        {
          name: "Sarah K.",          handle: "@InstaFlow",          testimonial: "Incredible service and amazing support. My clients are thrilled with the results.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg"},
        {
          name: "Maria L.",          handle: "@GrowthHive",          testimonial: "Consistent, high-quality services every time. SocBoost is an essential part of our digital strategy.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-manager-videoconference-call_482257-119336.jpg"},
        {
          name: "David S.",          handle: "@PromoPro",          testimonial: "The platform is incredibly user-friendly, and the results speak for themselves. Highly recommended!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/new-technology-her-job-is-necessary_329181-12370.jpg"},
        {
          name: "Emily R.",          handle: "@EliteMedia",          testimonial: "Our client engagement has skyrocketed thanks to SocBoost. A powerful tool for any serious marketer.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg"},
      ]}
      tag="Powered by AI"
      tagIcon={Zap}
      buttons={[
        {
          text: "Get Started",          href: "/register"},
        {
          text: "View Services",          href: "/services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/charming-guy-enjoying-his-break-garden_23-2147562344.jpg",          alt: "User 1"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",          alt: "User 2"},
        {
          src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg",          alt: "User 3"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-business-woman-portrait-smiling-face_53876-137693.jpg",          alt: "User 4"},
        {
          src: "http://img.b2bpic.net/free-photo/man-posing-his-office_329181-14596.jpg",          alt: "User 5"},
      ]}
      avatarText="Join 10,000+ happy resellers worldwide!"
      imageSrc="http://img.b2bpic.net/free-photo/office-worker-pointing-laptop-screen_482257-120643.jpg"
      imageAlt="SMM Panel Dashboard Overview"
      mediaAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",          text: "Growth Achieved",          icon: ArrowUp,
        },
        {
          type: "text-icon",          text: "Instant Delivery",          icon: Zap,
        },
        {
          type: "text-icon",          text: "24/7 Support",          icon: Headphones,
        },
        {
          type: "text-icon",          text: "Secure Payments",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Trusted by Thousands",          icon: Star,
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "1",          title: "Automated Order Processing",          descriptions: [
            "Our system handles orders instantly, ensuring quick delivery and minimal manual intervention. Focus on your business, we'll handle the rest."],
          imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-marketing-startup-icon_53876-133749.jpg",          imageAlt: "Automated Order Processing"},
        {
          id: "2",          title: "Scalable & Reliable Services",          descriptions: [
            "Access a wide range of social media services, from followers to likes, with guaranteed quality and high uptime for all platforms."],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-design-with-colourful-extruding-cubes_1048-12343.jpg",          imageAlt: "Scalable & Reliable Services"},
        {
          id: "3",          title: "24/7 Dedicated Support",          descriptions: [
            "Our expert support team is available around the clock to assist you with any questions or issues, ensuring a smooth experience."],
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg",          imageAlt: "24/7 Dedicated Support"},
      ]}
      title="Why Choose SocBoost?"
      description="Unlock unparalleled growth with our robust features designed for maximum efficiency and profitability."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Instagram",        "YouTube",        "TikTok",        "Twitter",        "Facebook",        "Telegram",        "Reddit"]}
      title="Trusted by Top Resellers & Agencies"
      description="We provide comprehensive services for leading platforms like Instagram, YouTube, TikTok, and more, helping resellers and agencies achieve their social media growth goals."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Users,
          title: "Active Users",          value: "50K+"},
        {
          id: "m2",          icon: ShoppingCart,
          title: "Total Orders",          value: "2M+"},
        {
          id: "m3",          icon: DollarSign,
          title: "Total Revenue",          value: "$50M+"},
        {
          id: "m4",          icon: Zap,
          title: "Delivery Speed",          value: "Instant"},
      ]}
      title="Numbers That Speak For Themselves"
      description="Our platform consistently delivers top-tier performance and satisfaction to a growing global user base."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Priya Sharma",          handle: "SocialPro Agency",          testimonial: "SocBoost has been instrumental in scaling our client's social media presence. The quality is consistently high, and the delivery is always on time. A true partner!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg"},
        {
          id: "t2",          name: "Omar Hassan",          handle: "Digital Reach LLC",          testimonial: "The best SMM panel I've used. The automated system and wide range of services make it easy to fulfill orders for our diverse client base. Highly recommended for resellers!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-businesswoman-work_329181-20179.jpg"},
        {
          id: "t3",          name: "Sofia Rodriguez",          handle: "GrowthHack Marketing",          testimonial: "Fantastic platform with exceptional customer support. Any issues are resolved quickly, and the service quality is top-notch. Truly helps us grow our business efficiently.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-people-avatars-zoom-call_23-2149576744.jpg"},
        {
          id: "t4",          name: "Kenji Tanaka",          handle: "ViralBoost Solutions",          testimonial: "SocBoost provides an incredible value. We've seen significant improvements in client satisfaction and retention since switching to their services. A game-changer!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-suit-smiling-standing-bridge_181624-14528.jpg"},
        {
          id: "t5",          name: "Latoya Jackson",          handle: "Influence Hub",          testimonial: "Reliability and speed are key in this industry, and SocBoost delivers on both. Their comprehensive API allows for seamless integration, making our operations incredibly smooth.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tired-black-woman-manager-looking-camera-sighing-after_482257-15606.jpg"},
        {
          id: "t6",          name: "John D.",          handle: "GlobalBoost Partners",          testimonial: "SocBoost's API integration is seamless and powerful. We've automated our entire workflow, significantly reducing overhead. Truly an invaluable tool.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-man-city-night-with-headphones_23-2149024727.jpg"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from our satisfied resellers and partners about their experience with SocBoost."
    />
  </div>

  <div id="pricing-preview" data-section="pricing-preview">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          tag: "Starter",          tagIcon: Sparkles,
          price: "$0.01",          period: "per 1000",          description: "Perfect for new resellers testing the waters.",          button: {
            text: "Start Reselling",            href: "/register"},
          featuresTitle: "Includes:",          features: [
            "Access to basic services",            "Limited API access",            "Standard support"],
        },
        {
          id: "pro",          tag: "Pro Reseller",          tagIcon: Star,
          price: "$0.008",          period: "per 1000",          description: "Ideal for growing businesses and serious resellers.",          button: {
            text: "Choose Pro",            href: "/register"},
          featuresTitle: "Includes:",          features: [
            "Full service catalog",            "Advanced API features",            "Priority support",            "Volume discounts"],
        },
        {
          id: "enterprise",          tag: "Enterprise",          tagIcon: Award,
          price: "Custom",          period: "Quote",          description: "Tailored solutions for large agencies and high-volume needs.",          button: {
            text: "Contact Sales",            href: "/contact"},
          featuresTitle: "Includes:",          features: [
            "Dedicated account manager",            "Custom integrations",            "White-label options",            "Highest volume discounts"],
        },
      ]}
      title="Flexible Plans for Every Business"
      description="Explore our competitive pricing tailored for resellers and agencies of all sizes. Get more for less."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Instagram",              href: "/services#instagram"},
            {
              label: "YouTube",              href: "/services#youtube"},
            {
              label: "TikTok",              href: "/services#tiktok"},
            {
              label: "Twitter",              href: "/services#twitter"},
            {
              label: "Facebook",              href: "/services#facebook"},
            {
              label: "Telegram",              href: "/services#telegram"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/#features"},
            {
              label: "Pricing",              href: "/pricing"},
            {
              label: "FAQ",              href: "/faq"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Terms of Service",              href: "/terms"},
            {
              label: "Privacy Policy",              href: "/privacy"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Blog",              href: "#"},
            {
              label: "API Docs",              href: "#"},
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
      logoAlt="SocBoost Logo"
      logoText="SocBoost"
      copyrightText="© 2024 SocBoost. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}