"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 TextSplitAbout from '@/components/sections/about/TextSplitAbout';

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="terms-of-service" data-section="terms-of-service">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Terms of Service"
      description={[
        "Welcome to SocBoost. By accessing or using our services, you agree to comply with and be bound by the following Terms of Service. Please review them carefully.",
        "Our services are provided for professional social media marketing and are not intended for any illicit activities. We reserve the right to suspend or terminate accounts that violate these terms.",
        "All purchases are final, and refunds are issued solely at our discretion, typically only for unfulfilled orders. We are not responsible for any actions taken by social media platforms against your accounts.",
        "Users must be at least 18 years old to use our services. By registering, you confirm you meet this age requirement. Misuse of the platform or fraudulent activities will result in immediate account termination.",
      ]}
    />
  </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>
  );
}
