"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { BarChart3, Users, BookOpen, Globe, Microscope, Award, MessageSquare, Mail } from "lucide-react";

export default function ArcticStationPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Arctic Station"
          navItems={[
            { name: "About", id: "about" },
            { name: "Research", id: "features" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Explore Now", href: "hero" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="ARCTIC STATION"
          description="Leading polar research and climate monitoring at Earth's edge. Discover insights that shape our understanding of global climate systems."
          buttons={[
            { text: "Explore Research", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/snow-covered-mountain-iceland-winter-season_1232-4698.jpg"
          imageAlt="Arctic landscape with snow and ice formations"
          showDimOverlay={true}
          logoLineHeight={1.15}
          ariaLabel="Arctic Station hero section"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Arctic Station"
          description="Home to the world's longest continuous ice-core archive spanning 800,000 years, providing unparalleled insights into Earth's climate history and establishing us as the global authority on polar paleoclimatology"
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "We conduct cutting-edge research to monitor climate change, understand polar ecosystems, and provide actionable data for global environmental policy and sustainability initiatives."
            },
            {
              id: "capabilities",              label: "Capabilities",              description: "Our station features advanced laboratories, atmospheric monitoring systems, ice core analysis facilities, and wildlife observation platforms equipped with state-of-the-art technology."
            },
            {
              id: "impact",              label: "Global Impact",              description: "Our research contributes to international climate assessments, supports conservation efforts, and provides critical data that informs climate policy across the globe."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/vertical-view-ski-lift-chairs-bright-winter-day_268835-1035.jpg"
          imageAlt="Arctic research station facility"
          imagePosition="right"
          useInvertedBackground="invertDefault"
          ariaLabel="About Arctic Station section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Research Capabilities"
          description="Advanced facilities and methodologies for polar research excellence"
          tag="Facilities"
          tagIcon={Microscope}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Geoscience",              title: "Ice Core Analysis",              subtitle: "Unlocking ancient climate records",              description: "Extract and analyze ice cores spanning thousands of years to understand historical climate patterns, atmospheric composition, and environmental changes at unprecedented detail.",              imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-ice-with-frozen-sea-cloudy-sky-iceland-background_181624-9447.jpg",              imageAlt: "Ice core sample being analyzed"
            },
            {
              id: 2,
              tag: "Atmospheric Science",              title: "Climate Monitoring",              subtitle: "Real-time environmental data collection",              description: "Deploy advanced sensor networks and monitoring stations to track atmospheric conditions, greenhouse gas concentrations, temperature fluctuations, and weather patterns across the polar region.",              imageSrc: "https://img.b2bpic.net/free-vector/iceberg-infographic-concept_23-2148564470.jpg",              imageAlt: "Climate monitoring equipment"
            },
            {
              id: 3,
              tag: "Ecology",              title: "Wildlife Observation",              subtitle: "Studying polar ecosystems",              description: "Conduct long-term ecological studies to monitor wildlife populations, migration patterns, and ecosystem health in response to climate change and environmental pressures.",              imageSrc: "https://img.b2bpic.net/free-vector/nature-infographic-with-iceberg-information_23-2148571165.jpg",              imageAlt: "Arctic wildlife in natural habitat"
            }
          ]}
          ariaLabel="Research capabilities section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact"
          description="Measurable contributions to global climate research and understanding"
          tag="Achievements"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              icon: BarChart3,
              title: "Years Operating",              value: "35+"
            },
            {
              id: "2",              icon: Users,
              title: "Active Researchers",              value: "150+"
            },
            {
              id: "3",              icon: BookOpen,
              title: "Publications",              value: "2,000+"
            },
            {
              id: "4",              icon: Globe,
              title: "Countries Represented",              value: "45"
            }
          ]}
          ariaLabel="Key achievements metrics section"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Dedicated researchers advancing polar science through collaboration, innovation, and unwavering commitment to understanding our changing planet."
          tag="Research Team"
          members={[
            {
              id: "1",              name: "Dr. Elena Nordström",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-old-man-sitting-terrace_23-2148997298.jpg",              imageAlt: "Dr. Elena Nordström"
            },
            {
              id: "2",              name: "Prof. James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-front-small-blue-icebergs-jokulsarlon-ice-lake-very-gray-sky-iceland_181624-29197.jpg",              imageAlt: "Prof. James Chen"
            },
            {
              id: "3",              name: "Dr. Sophia Petrov",              imageSrc: "https://img.b2bpic.net/free-photo/astronaut-checking-human-expansion-space-mission-data-tablet-journey-mars-cosmonaut_482257-136487.jpg",              imageAlt: "Dr. Sophia Petrov"
            },
            {
              id: "4",              name: "Dr. Marcus Larsen",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-traveling-country-side_23-2149406511.jpg",              imageAlt: "Dr. Marcus Larsen"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="noInvert"
          ariaLabel="Research team members section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Research Community Voices"
          description="Hear from scientists and institutions whose work has been transformed by Arctic Station's capabilities"
          tag="Testimonials"
          tagIcon={MessageSquare}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Dr. Lisa Bergström",              role: "Climate Scientist",              company: "Nordic Climate Institute",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148970021.jpg",              imageAlt: "Dr. Lisa Bergström"
            },
            {
              id: "2",              name: "Prof. Michael Hansen",              role: "Glaciology Expert",              company: "International Ice Research",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pharmacist-work_23-2150600088.jpg",              imageAlt: "Prof. Michael Hansen"
            },
            {
              id: "3",              name: "Dr. Sarah Mitchell",              role: "Environmental Researcher",              company: "Global Ecosystem Study",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg",              imageAlt: "Dr. Sarah Mitchell"
            },
            {
              id: "4",              name: "Dr. Alexei Sokolov",              role: "Atmospheric Physicist",              company: "Polar Research Collective",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/doctor-ophthalmologist-s-office_23-2150917692.jpg",              imageAlt: "Dr. Alexei Sokolov"
            },
            {
              id: "5",              name: "Prof. Jennifer Wu",              role: "Marine Biologist",              company: "Arctic Ecosystem Monitoring",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",              imageAlt: "Prof. Jennifer Wu"
            },
            {
              id: "6",              name: "Dr. Klaus Anderson",              role: "Geophysicist",              company: "Northern Latitude Research",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              imageAlt: "Dr. Klaus Anderson"
            }
          ]}
          ariaLabel="Testimonials from research community"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Join Our Research"
          ctaDescription="Get involved with groundbreaking arctic research. Contact us to explore partnership opportunities, collaborative projects, or field season participation."
          ctaButton={{ text: "Contact Us Today", href: "contact" }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",              title: "How can I participate in research programs?",              content: "We welcome researchers, students, and institutions from around the world. Visit our applications page to learn about field season opportunities, collaborative projects, and internship programs. Applicants should have relevant scientific background and commitment to polar research."
            },
            {
              id: "2",              title: "What is the best time to visit the station?",              content: "The Arctic Station operates year-round, but accessibility varies seasonally. Summer months (June-August) offer extended daylight and easier logistics. Winter (November-January) provides unique research opportunities for polar phenomena. Contact our operations team for seasonal planning."
            },
            {
              id: "3",              title: "How do I access research data and publications?",              content: "Our research database and publications are available through our Arctic Data Portal. Most datasets are publicly accessible to support global climate research. Proprietary data may require collaborative agreements. Visit our data center for catalogues and access instructions."
            },
            {
              id: "4",              title: "What facilities and equipment are available?",              content: "Arctic Station includes advanced laboratories, atmospheric monitoring systems, core analysis facilities, diving equipment, and sampling tools. We also offer accommodation, communication systems, and logistics support. Request a detailed facilities overview by contacting our management office."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          ariaLabel="Contact and FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Research",              items: [
                { label: "Climate Monitoring", href: "features" },
                { label: "Ice Core Analysis", href: "features" },
                { label: "Wildlife Studies", href: "features" },
                { label: "Data Portal", href: "https://example.com/data" }
              ]
            },
            {
              title: "Organization",              items: [
                { label: "About Us", href: "about" },
                { label: "Team", href: "team" },
                { label: "Publications", href: "https://example.com/publications" },
                { label: "Career Opportunities", href: "https://example.com/careers" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Partnership Inquiries", href: "contact" },
                { label: "Research Proposals", href: "https://example.com/proposals" },
                { label: "Newsletter", href: "https://example.com/newsletter" }
              ]
            }
          ]}
          copyrightText="© 2025 Arctic Station. Advancing polar research and climate science."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}