"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import { Award, Crown, Sparkles, Star } 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",
        },
      ]}
      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="full-pricing" data-section="full-pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          tag: "Newbie",
          tagIcon: Sparkles,
          price: "$0.01",
          period: "per 1000",
          description: "Entry-level access to start your SMM journey with essential services.",
          button: {
            text: "Select Starter",
            href: "/register",
          },
          featuresTitle: "Features include:",
          features: [
            "Access to standard services",
            "Basic API documentation",
            "Email support",
            "Standard delivery speed",
          ],
        },
        {
          id: "pro",
          tag: "Growth Driver",
          tagIcon: Star,
          price: "$0.008",
          period: "per 1000",
          description: "Designed for growing resellers seeking better rates and comprehensive tools.",
          button: {
            text: "Go Pro",
            href: "/register",
          },
          featuresTitle: "Features include:",
          features: [
            "Full service catalog",
            "Advanced API access & docs",
            "Priority chat support",
            "Faster delivery",
            "Custom comment types",
          ],
        },
        {
          id: "elite",
          tag: "Elite Reseller",
          tagIcon: Crown,
          price: "$0.005",
          period: "per 1000",
          description: "For high-volume agencies and top-tier resellers demanding the best rates and features.",
          button: {
            text: "Join Elite",
            href: "/contact",
          },
          featuresTitle: "Features include:",
          features: [
            "Best possible rates",
            "Dedicated account manager",
            "API with webhooks",
            "24/7 VIP support",
            "Customizable subscriptions",
          ],
        },
        {
          id: "custom",
          tag: "Enterprise",
          tagIcon: Award,
          price: "Contact Us",
          period: "for Quote",
          description: "Tailored solutions for large-scale operations and unique integration requirements.",
          button: {
            text: "Request Quote",
            href: "/contact",
          },
          featuresTitle: "Features include:",
          features: [
            "Personalized service packages",
            "White-label solutions",
            "On-premise API options",
            "Dedicated technical support",
            "Custom feature development",
          ],
        },
      ]}
      title="Choose Your Perfect Reseller Plan"
      description="Unlock advanced features and better rates as you grow your SMM business. Upgrade anytime!"
    />
  </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>
  );
}
