"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";

export default function SurveyPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              {
                name: "Home",                id: "/"
              },
              {
                name: "About",                id: "#about"
              },
              {
                name: "Team",                id: "#team"
              },
              {
                name: "Strengths",                id: "#strengths"
              },
              {
                name: "Stats",                id: "#stats"
              },
              {
                name: "Testimonials",                id: "#testimonials"
              },
              {
                name: "Partners",                id: "#partners"
              },
              {
                name: "FAQ",                id: "#faq"
              },
              {
                name: "Contact",                id: "#contact"
              },
              {
                name: "Survey",                id: "/survey"
              }
            ]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyiP2mZrs5m9eqA1xxnpY8WGHr/uploaded-1781158114996-jkjsu25p.png"
            logoAlt="Tonners FC Logo"
            brandName="Tonners FC"
            animateOnLoad={true}
            button={{
              text: "Join Us",              href: "/survey"
            }}
          />
        </div>

        <main className="min-h-screen py-20 flex flex-col items-center justify-center text-center">
          <h1 className="text-4xl font-bold mb-4">Survey Page</h1>
          <p className="text-lg">Thank you for your interest! Please fill out our survey.</p>
        </main>

        <div id="footer" data-section="footer">
          <FooterLogoEmphasis
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EyiP2mZrs5m9eqA1xxnpY8WGHr/uploaded-1781158114996-jkjsu25p.png"
            logoAlt="Tonners FC Logo"
            columns={[
              {
                items: [
                  {
                    label: "About Us",                    href: "#about"
                  },
                  {
                    label: "Our Team",                    href: "#team"
                  },
                  {
                    label: "Match Stats",                    href: "#stats"
                  },
                  {
                    label: "FAQ",                    href: "#faq"
                  }
                ]
              },
              {
                items: [
                  {
                    label: "Contact Us",                    href: "#contact"
                  },
                  {
                    label: "Discord",                    href: "#"
                  },
                  {
                    label: "Twitter",                    href: "#"
                  },
                  {
                    label: "YouTube",                    href: "#"
                  }
                ]
              },
              {
                items: [
                  {
                    label: "Privacy Policy",                    href: "#"
                  },
                  {
                    label: "Terms of Service",                    href: "#"
                  }
                ]
              }
            ]}
            logoText="Tonners FC"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
