"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Globe } from "lucide-react";

export default function EstoniaPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Estonia"
          navItems={[
            { name: "Heritage", id: "about" },
            { name: "Discover", id: "feature" },
            { name: "Innovation", id: "metric" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Connect", id: "contact" }
          ]}
          button={{
            text: "Explore Now",            href: "#hero"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Welcome to Estonia"
          description="Discover where medieval heritage meets cutting-edge digital innovation. Experience the nation that pioneered e-governance and digital citizenship in the 21st century."
          tag="Baltic Digital Pioneer"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-historical-castle-dark-cloudy-sky_181624-8799.jpg"
          imageAlt="Tallinn Old Town medieval architecture"
          frameStyle="browser"
          metricsLabel="Leading the Digital Revolution"
          metrics={[
            { id: "1", value: "99%", label: "Digital Services" },
            { id: "2", value: "70K+", label: "E-Residents" },
            { id: "3", value: "1000+", label: "Tech Startups" }
          ]}
          buttons={[
            { text: "Plan Your Journey", href: "#about" },
            { text: "Apply for E-Residency", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="A Nation Transformed"
          description="Estonia stands as a global beacon of digital transformation. From a small Baltic nation to a tech powerhouse, Estonia has reinvented governance, commerce, and society through innovative digital solutions. Home to the world's most advanced e-government system, Estonia demonstrates how technology can empower citizens and drive prosperity."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/photovoltaics-factory-management-team-looking-manufacturing-data-notebook_482257-119418.jpg"
          imageAlt="Estonia digital innovation and technology"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#feature" }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardThree
          title="Why Estonia Stands Out"
          description="A unique blend of ancient traditions and modern innovation creates an unparalleled destination and business environment."
          tag="Five Core Pillars"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Medieval Heritage",              description: "Walk through centuries-old cobblestone streets in Tallinn, a UNESCO World Heritage site. Experience authentic medieval architecture preserved in pristine condition.",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-shot-historic-akershus-fortress-beautiful-cloudy-sky-oslo-norway_181624-8413.jpg",              imageAlt: "Medieval Tallinn Old Town streets"
            },
            {
              id: "02",              title: "Digital Innovation",              description: "Home to innovative startups like Skype and TransferWise. Estonia's tech ecosystem thrives with world-class infrastructure and forward-thinking policy.",              imageSrc: "https://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg",              imageAlt: "Tech innovation and startup culture"
            },
            {
              id: "03",              title: "Pristine Nature",              description: "Immerse yourself in untouched forests, crystal-clear lakes, and coastal beauty. Over 50% forest coverage preserves Estonia's natural splendor.",              imageSrc: "https://img.b2bpic.net/free-photo/peaceful-mother-nature-landscape_23-2148992419.jpg",              imageAlt: "Estonian forest and natural landscape"
            },
            {
              id: "04",              title: "Rich Culture",              description: "Celebrate with centuries-old song festivals and vibrant traditions. Estonian culture thrives through music, art, and community celebrations.",              imageSrc: "https://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2252.jpg",              imageAlt: "Estonian cultural festival and traditions"
            },
            {
              id: "05",              title: "Baltic Hub",              description: "Located at the crossroads of North and East. Strategic position offers cultural fusion and incredible accessibility across the Baltic region.",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-centre-southeastern-transylvania-with-local-church-multiple-pubs_1268-20194.jpg",              imageAlt: "Baltic Sea coast and regional connectivity"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardEleven
          title="Estonia's Digital Impact"
          description="Groundbreaking achievements in governance, entrepreneurship, and quality of life through technology."
          tag="Key Achievements"
          textboxLayout="default"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "99%",              title: "Government Online",              description: "Digital public services available 24/7 to residents and businesses",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg",              imageAlt: "Digital government services"
            },
            {
              id: "2",              value: "1M+",              title: "E-Resident Applicants",              description: "Global citizens gaining access to Estonia's digital ecosystem and services",              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",              imageAlt: "Global e-residency program"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Voices of Estonia"
          description="Hear from travelers, entrepreneurs, and digital citizens who've discovered Estonia's magic."
          tag="Real Experiences"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Travel Blogger",              company: "Wanderlust Chronicles",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-with-hat-carrying-backpack-while-traveling-alone_23-2148648688.jpg",              imageAlt: "Sarah Mitchell travel blogger"
            },
            {
              id: "2",              name: "Marcus Chen",              role: "Startup Founder",              company: "TechVenture Labs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg",              imageAlt: "Marcus Chen entrepreneur"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Digital Nomad",              company: "Remote First Co",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/brazilian-young-man-holding-vintage-camera-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-31888.jpg",              imageAlt: "Emma Rodriguez digital nomad"
            },
            {
              id: "4",              name: "James O'Brien",              role: "Student",              company: "Tallinn University",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",              imageAlt: "James O'Brien student"
            },
            {
              id: "5",              name: "Natalia Volkov",              role: "Business Developer",              company: "European Trade Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg",              imageAlt: "Natalia Volkov business professional"
            },
            {
              id: "6",              name: "David Thompson",              role: "CEO",              company: "Innovation Partners",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/brunette-man-traveler-white-tee-sunglasses-smiles-near-airport_197531-23099.jpg",              imageAlt: "David Thompson CEO"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Start Your Estonian Adventure"
          ctaDescription="Ready to explore? Get in touch with our team for travel planning, business opportunities, or e-residency information."
          ctaButton={{
            text: "Get Started",            href: "#"
          }}
          ctaIcon={Globe}
          faqs={[
            {
              id: "1",              title: "What is e-Residency?",              content: "e-Residency is a digital identity and online service platform offered by Estonia. It allows entrepreneurs worldwide to establish and manage digital businesses entirely online without being physically present in Estonia."
            },
            {
              id: "2",              title: "When is the best time to visit Estonia?",              content: "Estonia is beautiful year-round. Summer (June-August) offers white nights and perfect weather. Winter (December-February) features snow and festive celebrations. Spring and autumn showcase stunning natural transitions with fewer crowds."
            },
            {
              id: "3",              title: "Is Estonia safe for travelers?",              content: "Yes, Estonia is one of Europe's safest countries with excellent infrastructure and low crime rates. Public services are highly efficient, and the population is welcoming to international visitors."
            },
            {
              id: "4",              title: "What language do Estonians speak?",              content: "Estonian is the official language. However, English is widely spoken, especially in Tallinn and among younger generations. Many signs and services are available in English."
            },
            {
              id: "5",              title: "How do I apply for e-Residency?",              content: "The application process is straightforward and can be completed online. Applicants submit documentation, undergo verification, and receive a digital certificate. Processing typically takes 2-4 weeks."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Estonia"
          copyrightText="© 2025 Estonia Digital Gateway. Embracing innovation and heritage."
          columns={[
            {
              title: "Discover",              items: [
                { label: "Tallinn", href: "about" },
                { label: "Nature", href: "feature" },
                { label: "Culture", href: "feature" },
                { label: "Travel Guide", href: "contact" }
              ]
            },
            {
              title: "Business",              items: [
                { label: "E-Residency", href: "contact" },
                { label: "Startups", href: "metric" },
                { label: "Innovation Hub", href: "feature" },
                { label: "Invest in Estonia", href: "contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Government Site", href: "https://www.estonia.ee" },
                { label: "Visit Estonia", href: "https://www.visitestonia.com" },
                { label: "e-Estonia", href: "https://e-estonia.com" },
                { label: "Contact Us", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}