"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Waves, Users, Star } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="large"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="The Freezer"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Vibe", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Welcome to The Freezer"
          description="Experience the ultimate blend of surfing, fitness, and camaraderie. Join our community for unforgettable adventures and lifelong friendships."
          background={{ variant: "sparkles-gradient" }}
          tag="Brotherhood & Waves"
          tagIcon={Waves}
          buttons={[
            { label: "Join Us", href: "/join", color: "blue" },
            { label: "Learn More", href: "/about", color: "blue" }
          ]}
          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
          imageAlt="Surfers enjoying a day at the beach"
          marqueeItems={[
            { name: "TKE", logo: "https://example.com/tke-logo.png" },
            { name: "SAE", logo: "https://example.com/sae-logo.png" },
            { name: "Waves", logo: "https://example.com/waves-logo.png" },
            { name: "Fitness", logo: "https://example.com/fitness-logo.png" }
          ]}
          marqueeSpeed={50}
          ariaLabel="The Freezer hero section"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Welcome to The Freezer"
          description={[
            "The Freezer House is more than just a place to live—it's a brotherhood headquarters on Rockford Drive in San Diego. Our crew of 10 members represents the best of TKE and SAE fraternities, united by a passion for surfing, fitness, academics, and living life to the fullest.",            "Every day is filled with early morning swells, gym sessions, study nights, and beach parties. We embrace the San Diego lifestyle while supporting each other's goals, whether it's catching the perfect wave or crushing the books. This is where memories are made and bonds are forged.",            "From boozing weekends to focused work sprints, The Freezer is where friends become brothers. Welcome to our domain."
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "About Our Crew", href: "team" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="The Brotherhood"
          description="Meet the 10 members of The Freezer House. Each brings their own flavor to the crew."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Our Crew"
          tagIcon={Users}
          animationType="slide-up"
          team={[
            {
              id: "1",              name: "Lorenzo",              role: "Surfer & TKE",              imageSrc: "https://img.b2bpic.net/free-photo/arab-man-with-beard-standing-bricks-wall-background-with-happy-cool-smile-face-lucky-person_839833-31933.jpg",              imageAlt: "Lorenzo"
            },
            {
              id: "2",              name: "Josiah",              role: "Athlete & SAE",              imageSrc: "https://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",              imageAlt: "Josiah"
            },
            {
              id: "3",              name: "ICE",              role: "Legend & TKE",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3521.jpg",              imageAlt: "ICE"
            },
            {
              id: "4",              name: "UNC",              role: "Student & SAE",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3518.jpg",              imageAlt: "UNC"
            },
            {
              id: "5",              name: "Aidan",              role: "Grinder & TKE",              imageSrc: "https://img.b2bpic.net/free-photo/happy-well-built-caucasian-guy-waiting-someone_1262-21166.jpg",              imageAlt: "Aidan"
            },
            {
              id: "6",              name: "Nolan",              role: "Visionary & SAE",              imageSrc: "https://img.b2bpic.net/free-photo/arab-man-with-beard-standing-bricks-wall-background-with-happy-cool-smile-face-lucky-person_839833-31933.jpg",              imageAlt: "Nolan"
            },
            {
              id: "7",              name: "Jake Young",              role: "Party Master & TKE",              imageSrc: "https://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",              imageAlt: "Jake Young"
            },
            {
              id: "8",              name: "Fish",              role: "Ocean Brother & SAE",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3521.jpg",              imageAlt: "Fish"
            },
            {
              id: "9",              name: "Eddie",              role: "Strength Coach & TKE",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3518.jpg",              imageAlt: "Eddie"
            },
            {
              id: "10",              name: "Ben",              role: "Analyst & SAE",              imageSrc: "https://img.b2bpic.net/free-photo/happy-well-built-caucasian-guy-waiting-someone_1262-21166.jpg",              imageAlt: "Ben"
            }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardSixteen
          title="How We Live"
          description="The Freezer lifestyle balances intensity with relaxation. Here's what makes us tick."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Boring weekends",              "Missing the swell",              "Skipping leg day",              "No brotherhood vibes",              "Staying indoors"
            ]
          }}
          positiveCard={{
            items: [
              "Epic beach sessions",              "Catching every wave",              "Crushing fitness goals",              "Unbreakable bonds",              "Living the SD dream"
            ]
          }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Words from The Freezer"
          description="Real moments, real brotherhood. This is what it's like living at 4923 Rockford."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Testimonials"
          tagIcon={Star}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Lorenzo",              role: "Surfer",              company: "The Freezer Crew",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3559.jpg",              imageAlt: "Lorenzo"
            },
            {
              id: "2",              name: "Jake Young",              role: "Party Master",              company: "The Freezer Crew",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3549.jpg",              imageAlt: "Jake Young"
            },
            {
              id: "3",              name: "Eddie",              role: "Strength Coach",              company: "The Freezer Crew",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-non-binary-man-musician-smiling-confident-sitting-chair-music-studio_839833-10419.jpg",              imageAlt: "Eddie"
            },
            {
              id: "4",              name: "Ben",              role: "Analyst",              company: "The Freezer Crew",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3529.jpg",              imageAlt: "Ben"
            }
          ]}
          kpiItems={[
            { value: "10", label: "Members strong" },
            { value: "365", label: "Days of vibes per year" },
            { value: "∞", label: "Memories created" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about The Freezer House? Want to join our crew or plan an event? Reach out to us at 4923 Rockford Dr, San Diego. We're always down to connect."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what's on your mind... plans, questions, or just vibes",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/workers-using-devices-workplace_1301-710.jpg"
          imageAlt="Contact The Freezer House"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="The Freezer House"
          copyrightText="© 2025 The Freezer House | 4923 Rockford Dr, San Diego, CA | TKE & SAE Brotherhood"
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Team", href: "team" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "contact" },
                { label: "Share Vibes", href: "#" }
              ]
            },
            {
              title: "Lifestyle",              items: [
                { label: "Surfing", href: "#" },
                { label: "Fitness", href: "#" },
                { label: "Brotherhood", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}