"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, Heart, BookOpen, BarChart3, Newspaper, Mail, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="grid"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Behchokǫ̀"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Education", id: "education" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Largest Indigenous Community"
          bottomRightText="Northwest Territories"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Behchokǫ̀"
          description="Explore the largest Indigenous community in the Northwest Territories, home to over 2,000 people and a rich Tłı̨chǫ heritage. Discover our vibrant culture, essential services, and thriving community."
          tag="Tłı̨chǫ Territory"
          tagIcon={MapPin}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/men-walking-llamas-field-with-lake-mountains_181624-18627.jpg", imageAlt: "Behchokǫ̀ community landscape" },
            { imageSrc: "http://img.b2bpic.net/free-photo/pine-trees-river-foggy-day-yosemite-national-park_181624-16844.jpg", imageAlt: "Northern landscape" },
            { imageSrc: "http://img.b2bpic.net/free-photo/couples-date-seaside_23-2148518289.jpg", imageAlt: "Community gathering" },
            { imageSrc: "http://img.b2bpic.net/free-photo/little-kids-halloween-party_53876-41213.jpg?_wi=1", imageAlt: "Cultural celebration" },
            { imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-sitting-by-peer-while-being-date_23-2149274364.jpg", imageAlt: "Community heritage site" }
          ]}
          buttons={[
            { text: "Learn More", href: "#about" },
            { text: "Explore Services", href: "#services" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Community"
          description={[
            "Founded in 1852 as a Hudson's Bay Company post, Behchokǫ̀ has evolved into a thriving Indigenous community that honors its past while building its future.",            "Located just one hour northwest of Yellowknife with year-round road access, our community of over 2,000 residents maintains strong cultural traditions and provides essential services throughout the Tłı̨chǫ territory.",            "As the largest Indigenous community in the Northwest Territories, Behchokǫ̀ stands as a beacon of cultural pride, community resilience, and social excellence."
          ]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[
            { text: "Discover History", href: "#" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Services & Programs"
          description="The Tłı̨chǫ Community Services Agency provides comprehensive support across health, education, and family services."
          tag="Community Support"
          tagIcon={Heart}
          features={[
            {
              title: "Child & Family Services",              description: "Comprehensive support programs designed to strengthen families and protect children's wellbeing.",              imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-talking-african-american-doctor-while-wearing-face-masks-hospital-waiting-room_637285-11238.jpg?_wi=1",              imageAlt: "Family services"
            },
            {
              title: "Health Programs",              description: "Access to health services and wellness initiatives promoting community health and prevention.",              imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-talking-african-american-doctor-while-wearing-face-masks-hospital-waiting-room_637285-11238.jpg?_wi=2",              imageAlt: "Health services"
            },
            {
              title: "Education Services",              description: "Learning opportunities and educational support serving the entire Tłı̨chǫ territory.",              imageSrc: "http://img.b2bpic.net/free-photo/people-table-library_23-2147678900.jpg?_wi=1",              imageAlt: "Education services"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="education" data-section="education">
        <FeatureCardOne
          title="Education Excellence"
          description="Comprehensive educational facilities serving students from the Tłı̨chǫ communities."
          tag="Learning"
          tagIcon={BookOpen}
          features={[
            {
              title: "Elementary Schools",              description: "Two elementary schools providing foundational education and community engagement for young learners.",              imageSrc: "http://img.b2bpic.net/free-photo/people-table-library_23-2147678900.jpg?_wi=2",              imageAlt: "Elementary schools"
            },
            {
              title: "Regional High School",              description: "A regional high school serving students from all four Tłı̨chǫ communities with quality secondary education.",              imageSrc: "http://img.b2bpic.net/free-photo/people-table-library_23-2147678900.jpg?_wi=3",              imageAlt: "Regional high school"
            },
            {
              title: "Cultural Integration",              description: "Education programs that honor Tłı̨chǫ heritage and language while preparing students for the future.",              imageSrc: "http://img.b2bpic.net/free-photo/little-kids-halloween-party_53876-41213.jpg?_wi=2",              imageAlt: "Cultural programs"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Community By The Numbers"
          description="Key statistics that define Behchokǫ̀ and our impact across the region."
          tag="Community Impact"
          tagIcon={BarChart3}
          metrics={[
            {
              id: "1",              value: "2,000+",              title: "Residents",              items: ["Largest Indigenous community in NWT", "Strong Tłı̨chǫ heritage and culture", "Vibrant multi-generational community"]
            },
            {
              id: "2",              value: "1 Hour",              title: "From Yellowknife",              items: ["Year-round road access", "Well-connected region", "Easy transportation links"]
            },
            {
              id: "3",              value: "1852",              title: "Year Founded",              items: ["Historic Hudson's Bay Company post", "170+ years of community heritage", "Continuous cultural presence"]
            },
            {
              id: "4",              value: "4",              title: "Tłı̨chǫ Communities",              items: ["Regional high school serves all four", "Coordinated territory services", "Shared cultural values"]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="highlights" data-section="highlights">
        <BlogCardOne
          title="Community Highlights"
          description="Discover what makes Behchokǫ̀ special and stay updated with community news."
          tag="News & Culture"
          tagIcon={Newspaper}
          blogs={[
            {
              id: "1",              category: "Culture",              title: "Celebrating Tłı̨chǫ Heritage",              excerpt: "Our community proudly maintains Tłı̨chǫ traditions while welcoming visitors to experience our rich cultural heritage and warm hospitality.",              imageSrc: "http://img.b2bpic.net/free-photo/little-kids-halloween-party_53876-41213.jpg?_wi=3",              imageAlt: "Cultural celebration",              authorName: "Community",              authorAvatar: "http://img.b2bpic.net/free-photo/couples-date-seaside_23-2148518289.jpg",              date: "Ongoing"
            },
            {
              id: "2",              category: "Education",              title: "Supporting Student Success",              excerpt: "From elementary through high school, our educational institutions provide quality learning and prepare students for bright futures.",              imageSrc: "http://img.b2bpic.net/free-photo/people-table-library_23-2147678900.jpg?_wi=4",              imageAlt: "Education facility",              authorName: "Schools",              authorAvatar: "http://img.b2bpic.net/free-photo/people-table-library_23-2147678900.jpg",              date: "Year-Round"
            },
            {
              id: "3",              category: "Services",              title: "Strengthening Our Community",              excerpt: "The Tłı̨chǫ Community Services Agency works tirelessly to provide essential health, family, and education programs for all residents.",              imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-talking-african-american-doctor-while-wearing-face-masks-hospital-waiting-room_637285-11238.jpg?_wi=3",              imageAlt: "Community services",              authorName: "Services",              authorAvatar: "http://img.b2bpic.net/free-photo/mother-daughter-talking-african-american-doctor-while-wearing-face-masks-hospital-waiting-room_637285-11238.jpg",              date: "Daily"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Connect With Our Community"
          description="Have questions about Behchokǫ̀ or need information about services? We're here to help and welcome your inquiries."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Contact Us", href: "#" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Behchokǫ̀"
          copyrightText="© 2025 Behchokǫ̀ Community. All rights reserved."
          socialLinks={[
            { icon: MapPin, href: "#", ariaLabel: "Community Location" },
            { icon: Phone, href: "#", ariaLabel: "Contact Information" },
            { icon: Mail, href: "#", ariaLabel: "Email" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
