"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

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="contact-section" data-section="contact-section">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Have Questions? We're Here to Help."
      description="Reach out to our support team for any inquiries, technical assistance, or partnership opportunities. We typically respond within 24 hours."
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By submitting, you agree to our Terms of Service and Privacy Policy."
    />
  </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>
  );
}
