"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Waves, Home, BookOpen, Dumbbell, Users, Briefcase, Beer, Mail, Shield, Crown } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="The Freezer"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Crew", id: "team" },
            { name: "Lifestyle", id: "features" },
            { name: "Connect", id: "contact" }
          ]}
          button={{
            text: "Join Us",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to The Freezer"
          description="Where the waves meet friendship. A brotherhood united by surfing, adventure, and unforgettable moments at 4923 Rockford Dr, San Diego."
          tag="San Diego Living"
          tagIcon={Waves}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-girl-walks-with-surfboard-wild-beach-amazing-view-from-top_72229-1193.jpg"
          imageAlt="Surfer catching waves in San Diego"
          buttons={[
            { text: "Explore Our Story", href: "about" },
            { text: "Meet The Crew", href: "team" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our House"
          tagIcon={Home}
          title="The Freezer: Where Brotherhood Thrives"
          description="Since day one at 4923 Rockford Dr, The Freezer has been more than just a house—it's a sanctuary for ten incredible individuals united by shared passions. Whether catching waves at dawn, hitting the gym, burning midnight oil with studies, or simply chilling together, every day is an adventure. Our TKE and SAE brotherhood embodies loyalty, growth, and the perfect balance between work and play."
          metrics={[
            { value: "10", title: "Incredible Members" },
            { value: "∞", title: "Memories Made" }
          ]}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg"
          imageAlt="The Freezer house in San Diego"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Our Lifestyle"
          description="We live life to the fullest. From early morning surfs to late-night work sessions, every aspect of the Freezer experience shapes who we are."
          tag="Daily Life"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          textboxLayout="default"
          features={[
            {
              icon: Waves,
              title: "Surfing",              description: "Catching the perfect wave at sunrise, riding the San Diego swells, and living for those moments of pure ocean bliss."
            },
            {
              icon: Dumbbell,
              title: "Working Out",              description: "Building strength and discipline through intense workouts. The gym is where we push our limits and support each other."
            },
            {
              icon: BookOpen,
              title: "Studying",              description: "Balancing academics with our lifestyle. We support each other through classes, projects, and growing together intellectually."
            },
            {
              icon: Users,
              title: "Chilling",              description: "Epic house gatherings, deep conversations, and the simple joy of being together. These are the moments we live for."
            },
            {
              icon: Briefcase,
              title: "Working",              description: "Pursuing our careers and ambitions. We hustle hard to build our futures while maintaining our brotherhood bonds."
            },
            {
              icon: Beer,
              title: "Boozing",              description: "Celebrating victories, toasting to friendships, and creating unforgettable party memories together at The Freezer."
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="The Crew: Ten Legends Living Together"
          tag="Our Brotherhood"
          useInvertedBackground="noInvert"
          memberVariant="card"
          members={[
            {
              id: "1",              name: "Lorenzo",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Lorenzo"
            },
            {
              id: "2",              name: "Josiah",              imageSrc: "https://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",              imageAlt: "Josiah"
            },
            {
              id: "3",              name: "ICE",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",              imageAlt: "ICE"
            },
            {
              id: "4",              name: "UNC",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "UNC"
            },
            {
              id: "5",              name: "Aidan",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Aidan"
            },
            {
              id: "6",              name: "Nolan",              imageSrc: "https://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",              imageAlt: "Nolan"
            },
            {
              id: "7",              name: "Jake Young",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",              imageAlt: "Jake Young"
            },
            {
              id: "8",              name: "Fish",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "Fish"
            },
            {
              id: "9",              name: "Eddie",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Eddie"
            },
            {
              id: "10",              name: "Ben",              imageSrc: "https://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",              imageAlt: "Ben"
            }
          ]}
        />
      </div>

      <div id="activities" data-section="activities">
        <ProductCardOne
          title="House Activities & Moments"
          description="Snapshots of what makes The Freezer extraordinary. From dawn patrols to legendary parties, we capture it all."
          tag="Gallery"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",              name: "Morning Surf Session",              price: "Daily Ritual",              imageSrc: "https://img.b2bpic.net/free-photo/surfer-wave_72229-1437.jpg",              imageAlt: "Morning surfing at dawn"
            },
            {
              id: "2",              name: "Gym Grind",              price: "Self-Improvement",              imageSrc: "https://img.b2bpic.net/free-photo/young-sportswoman-doing-stretching-exercises-morning-sports-training-outdoors_637285-5545.jpg",              imageAlt: "Workout session at the gym"
            },
            {
              id: "3",              name: "Study Hours",              price: "Growth Mindset",              imageSrc: "https://img.b2bpic.net/free-photo/man-surfing-brazil_23-2151079366.jpg",              imageAlt: "Group study session"
            },
            {
              id: "4",              name: "Chill Nights",              price: "Brotherhood Bonding",              imageSrc: "https://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832988.jpg",              imageAlt: "Friends relaxing together"
            }
          ]}
        />
      </div>

      <div id="fraternities" data-section="fraternities">
        <MetricCardOne
          title="Fraternity Pride"
          description="United under the banners of Tau Kappa Epsilon and Sigma Alpha Epsilon. Our dual fraternity membership strengthens our bonds and broadens our brotherhood."
          tag="Greek Life"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "TKE",              title: "Tau Kappa Epsilon",              description: "Honor, Courage, and Faith defining our daily lives",              icon: Shield
            },
            {
              id: "2",              value: "SAE",              title: "Sigma Alpha Epsilon",              description: "Friendship, Justice, and Learning bonds us forever",              icon: Crown
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Connected"
          title="Stay in the Loop"
          description="Join our community and get updates on house events, parties, and adventures. Sign up for The Freezer newsletter and never miss out on the action."
          tagIcon={Mail}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive updates about The Freezer house events and brotherhood activities."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="The Freezer"
          columns={[
            {
              title: "House",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Crew", href: "#team" },
                { label: "Lifestyle", href: "#features" }
              ]
            },
            {
              title: "Fraternities",              items: [
                { label: "Tau Kappa Epsilon", href: "#fraternities" },
                { label: "Sigma Alpha Epsilon", href: "#fraternities" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Get in Touch", href: "#contact" },
                { label: "Newsletter", href: "#contact" }
              ]
            },
            {
              title: "Location",              items: [
                { label: "4923 Rockford Dr", href: "#" },
                { label: "San Diego, CA", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 The Freezer | Brotherhood Lives Here"
        />
      </div>
    </ThemeProvider>
  );
}