"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { MapPin, Instagram, Twitter, Facebook, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="The Freezer"
          navItems={[
            { name: "About", id: "about" },
            { name: "Members", id: "members" },
            { name: "Lifestyle", id: "lifestyle" },
            { name: "Location", id: "location" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get in Touch", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Welcome to The Freezer"
          description="Where ten friends from TKE and SAE fraternities come together to surf, study, work out, and build lifelong memories in sunny San Diego."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/arab-man-with-beard-standing-bricks-wall-background-with-happy-cool-smile-face-lucky-person_839833-31933.jpg", alt: "Lorenzo" },
            { src: "https://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-inviting-enter-smiling-natural-with-open-hand_839833-16992.jpg", alt: "Josiah" },
            { src: "https://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-160764.jpg", alt: "ICE" },
            { src: "https://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelman-dressed-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall-cheerful-happy_158538-25145.jpg", alt: "UNC" },
            { src: "https://img.b2bpic.net/free-photo/smiling-man_1187-1055.jpg", alt: "Aidan" }
          ]}
          avatarText="10 Friends Living the Dream"
          buttons={[
            { text: "Explore", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "The Freezer is more than just a house at 4923 Rockford Dr—it's a sanctuary for brotherhood, adventure, and personal growth. Ten members of TKE and SAE fraternities share a common philosophy: balance hard work with genuine friendship and make every day an opportunity to live fully." }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "members" }
          ]}
        />
      </div>

      <div id="members" data-section="members">
        <TeamCardSix
          title="Meet the Freezer Crew"
          description="The ten legends who call The Freezer home. Each brings their own unique energy and passion to the group."
          members={[
            { id: "1", name: "Lorenzo", role: "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: "SAE", imageSrc: "https://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-inviting-enter-smiling-natural-with-open-hand_839833-16992.jpg", imageAlt: "Josiah" },
            { id: "3", name: "ICE", role: "TKE", imageSrc: "https://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-160764.jpg", imageAlt: "ICE" },
            { id: "4", name: "UNC", role: "SAE", imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelman-dressed-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall-cheerful-happy_158538-25145.jpg", imageAlt: "UNC" },
            { id: "5", name: "Aidan", role: "TKE", imageSrc: "https://img.b2bpic.net/free-photo/smiling-man_1187-1055.jpg", imageAlt: "Aidan" },
            { id: "6", name: "Nolan", role: "SAE", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-young-man-with-smartphone_23-2147841133.jpg", imageAlt: "Nolan" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="The Squad"
          tagIcon={Users}
        />
      </div>

      <div id="lifestyle" data-section="lifestyle">
        <FeatureCardSixteen
          title="How We Roll"
          description="Our days are filled with the activities that define us: chasing waves at dawn, hitting the books and the gym, building careers, and creating unforgettable moments together."
          negativeCard={{ items: ["Boring routine life", "No meaningful friendships", "Missing out on adventures", "No work-life balance", "Isolation and loneliness"] }}
          positiveCard={{ items: ["Surfing California's best breaks daily", "Tight-knit brotherhood and support", "Endless beach adventures and memories", "Studying and working toward goals together", "24/7 gym access and fitness goals"] }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Our Lifestyle"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Why We Love The Freezer"
          description="Hear directly from the members about what makes living here special and how it's shaped their lives."
          testimonials={[
            { id: "1", name: "Lorenzo", role: "TKE Member", company: "The Freezer", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/indoor-shot-positive-outgoing-male-friend-casual-shirt_176420-24245.jpg", imageAlt: "Lorenzo testimonial" },
            { id: "2", name: "Jake Young", role: "Resident", company: "The Freezer", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/handsome-happy-male-student-casual-outfit-laughing-smiling-having-lively-conversation-man-looking-joyfully-camera-standing-yellow-background-talking-friend_1258-59718.jpg", imageAlt: "Jake Young testimonial" },
            { id: "3", name: "Fish", role: "SAE Member", company: "The Freezer", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-table-open-air-cafe-holding-phone-looking-away_176420-6300.jpg", imageAlt: "Fish testimonial" },
            { id: "4", name: "Eddie", role: "TKE Member", company: "The Freezer", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/beautiful-fresh-male-studio-people_1187-6060.jpg", imageAlt: "Eddie testimonial" }
          ]}
          kpiItems={[
            { value: "10", label: "Best Friends Under One Roof" },
            { value: "7", label: "Days a Week of Memories" },
            { value: "∞", label: "Years of Brotherhood" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="location" data-section="location">
        <ContactFaq
          ctaTitle="Visit The Freezer"
          ctaDescription="Located at 4923 Rockford Dr in sunny San Diego, California. Stop by to experience the brotherhood firsthand."
          ctaButton={{ text: "Get Directions", href: "https://maps.google.com/?q=4923+Rockford+Dr+San+Diego+California" }}
          ctaIcon={MapPin}
          faqs={[
            { id: "1", title: "How many members live at The Freezer?", content: "Ten friends from TKE and SAE fraternities share The Freezer as their home base in San Diego." },
            { id: "2", title: "What's the vibe like at The Freezer?", content: "It's a perfect blend of brotherhood, adventure, and mutual support. We balance intense studying and work with surfing, gym sessions, and unforgettable beach moments." },
            { id: "3", title: "Can I visit The Freezer?", content: "Absolutely! We love hosting friends and fellow fraternity members. Hit us up and swing by—just bring good vibes and maybe some beers!" },
            { id: "4", title: "What fraternities are represented?", content: "We have members from both Tau Kappa Epsilon (TKE) and Sigma Alpha Epsilon (SAE), creating a truly united fraternity community." }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="The Freezer"
          copyrightText="© 2025 The Freezer | 4923 Rockford Dr, San Diego, CA"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}