"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="FREEZER"
          navItems={[
            { name: "Team", id: "team" },
            { name: "About", id: "about" },
            { name: "Vibes", id: "testimonial" },
            { name: "Connect", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Welcome to FREEZER"
          description="A San Diego crew creating vibes and building community. Nine souls, one mission—to bring fresh energy to the city."
          tag="San Diego's Creative Collective"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-women-baby-outside_23-2149360120.jpg"
          imageAlt="Freezer crib community gathering in San Diego"
          textPosition="center"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Meet the Crew", href: "team" },
            { text: "Get in Touch", href: "contact" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet the Crew"
          description="Nine individuals, one collective vision. These are the faces behind FREEZER."
          members={[
            {
              id: "1",              name: "Lucas",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",              imageAlt: "Lucas"
            },
            {
              id: "2",              name: "Josiah",              role: "Creative Lead",              imageSrc: "https://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg",              imageAlt: "Josiah"
            },
            {
              id: "3",              name: "Lorenzo",              role: "Community Builder",              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              imageAlt: "Lorenzo"
            },
            {
              id: "4",              name: "Nolan",              role: "Vibe Manager",              imageSrc: "https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",              imageAlt: "Nolan"
            },
            {
              id: "5",              name: "Aiden",              role: "Content Creator",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Aiden"
            },
            {
              id: "6",              name: "Jake Young",              role: "Event Coordinator",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-crossed-arms-against-concrete-backdrop_23-2148130266.jpg",              imageAlt: "Jake Young"
            },
            {
              id: "7",              name: "Josh",              role: "Technical Wizard",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-young-man-denim-shirt-with-his-arm-crossed-looking-camera_23-2148130396.jpg",              imageAlt: "Josh"
            },
            {
              id: "8",              name: "Minna",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg",              imageAlt: "Minna"
            },
            {
              id: "9",              name: "Brayden",              role: "Culture Keeper",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",              imageAlt: "Brayden"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="The FREEZER Story"
          description={[
            "FREEZER is more than just a crib—it's a movement. Founded on the principles of creativity, community, and authenticity, we've built something special in San Diego.",            "Our collective brings together diverse talents and perspectives to create experiences that matter. From late-night brainstorms to spontaneous adventures, everything we do is rooted in genuine connection and shared passion.",            "We believe in freezing moments of brilliance and building something that lasts. Join us as we continue to shape the culture of San Diego, one vibe at a time."
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Mission", href: "#" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="The Vibes"
          description="Real moments from the crew. This is what FREEZER is all about."
          testimonials={[
            {
              id: "1",              title: "When creativity meets community",              quote: "FREEZER isn't just a place to hang—it's where ideas come to life. Every day brings something new and unexpected.",              name: "Lucas",              role: "Founder & Visionary",              imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",              imageAlt: "Lucas"
            },
            {
              id: "2",              title: "Building something real",              quote: "The energy here is contagious. We push each other to be better, create bolder, and dream bigger. That's the FREEZER difference.",              name: "Josiah",              role: "Creative Lead",              imageSrc: "https://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg",              imageAlt: "Josiah"
            },
            {
              id: "3",              title: "San Diego's finest collective",              quote: "Being part of FREEZER means being part of something that matters. We're changing the game in San Diego, one project at a time.",              name: "Minna",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg",              imageAlt: "Minna"
            },
            {
              id: "4",              title: "The future is collaborative",              quote: "This crew gets it. We understand that the best things happen when talented people come together with a shared vision and genuine friendship.",              name: "Brayden",              role: "Culture Keeper",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",              imageAlt: "Brayden"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Let's Connect"
          ctaDescription="Got an idea? Want to collaborate? Drop us a line and let's build something incredible together."
          ctaButton={{ text: "Reach Out", href: "mailto:hello@freezercrib.com" }}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",              title: "How can I collaborate with FREEZER?",              content: "We love working with creative minds and passionate people. Reach out with your ideas and let's explore possibilities together. Send us an email or hit us up on social media."
            },
            {
              id: "2",              title: "What's the FREEZER vibe all about?",              content: "We're about authenticity, creativity, and community. We celebrate individuality while building something greater together. It's about freezing those perfect moments and making them last."
            },
            {
              id: "3",              title: "Where do you operate in San Diego?",              content: "We're based in San Diego and active across the city. From downtown vibes to neighborhood events, you'll find FREEZER energy everywhere in SD."
            },
            {
              id: "4",              title: "Can I join the crew?",              content: "FREEZER is always open to passionate individuals who bring positive energy and creative talent. If you vibe with our mission, get in touch!"
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Crew",              items: [
                { label: "Team", href: "team" },
                { label: "About Us", href: "about" },
                { label: "Vibes", href: "testimonial" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "mailto:hello@freezercrib.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            },
            {
              title: "San Diego",              items: [
                { label: "Local Love", href: "#" },
                { label: "Community", href: "#" },
                { label: "Collaborate", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 FREEZER Crib. San Diego Collective. All vibes reserved."
        />
      </div>
    </ThemeProvider>
  );
}