"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { MapPin, Waves, Users, Trees, Flag, Mail } from 'lucide-react';

export default function DestinationsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Destinations", id: "/destinations" },
            { name: "Culture", id: "/culture" },
            { name: "Plan Your Visit", id: "/contact" }
          ]}
          brandName="Estonia"
          bottomLeftText="Discover the North"
          bottomRightText="visit@estonia.com"
        />
      </div>

      <div id="destinations" data-section="destinations">
        <ProductCardOne
          title="Estonia's Must-Visit Destinations"
          description="From the medieval charm of Tallinn's Old Town to the untamed beauty of our pristine wilderness and scenic island escapes, discover the diverse landscapes that make Estonia unforgettable."
          tag="Explore Estonia"
          tagIcon={MapPin}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",              name: "Tallinn Old Town",              price: "Medieval Magic",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-centre-southeastern-transylvania-with-local-church-multiple-pubs_1268-20194.jpg",              imageAlt: "tallinn estonia old town historic architecture",              onProductClick: () => {}
            },
            {
              id: "2",              name: "Estonian Wilderness",              price: "Nature Paradise",              imageSrc: "https://img.b2bpic.net/free-photo/facades-baroque-building-old-town-square-prague_1401-360.jpg",              imageAlt: "estonia forest nature lakes wilderness",              onProductClick: () => {}
            },
            {
              id: "3",              name: "Island Getaways",              price: "Coastal Escape",              imageSrc: "https://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2252.jpg",              imageAlt: "estonia islands saaremaa muhu beach",              onProductClick: () => {}
            },
            {
              id: "4",              name: "National Parks",              price: "Wild Adventure",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-mountain-forest-landscape_23-2149063008.jpg",              imageAlt: "estonia hiking nature forest trails",              onProductClick: () => {}
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Estonia by the Numbers"
          description="Key statistics that showcase Estonia's unique character and natural beauty across its diverse regions."
          tag="Quick Facts"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "2.2K",              title: "Islands",              description: "One of the world's longest coastlines with 2,222 islands dotting the Baltic Sea",              icon: Waves
            },
            {
              id: "2",              value: "1.3M",              title: "Population",              description: "A tight-knit nation where innovation and tradition coexist harmoniously",              icon: Users
            },
            {
              id: "3",              value: "50%+",              title: "Forest Coverage",              description: "Over half the country is pristine forest, providing endless natural beauty and adventure",              icon: Trees
            },
            {
              id: "4",              value: "1991",              title: "Independence",              description: "Restored independence through the Singing Revolution, a bloodless victory celebrating freedom",              icon: Flag
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Plan Your Trip"
          title="Ready to Explore Estonia?"
          description="Get personalized travel recommendations, insider tips, and exclusive updates about Estonia's hidden gems delivered straight to your inbox."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/rustic-street-lamp-outside-photo_482257-36205.jpg"
          imageAlt="estonia sunset landscape scenic beautiful"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your.email@example.com"
          buttonText="Get Travel Tips"
          termsText="Join thousands of travelers discovering Estonia. Unsubscribe anytime!"
          onSubmit={(email) => console.log('Travel newsletter signup:', email)}
        />
      </div>

      <FooterBaseCard
        logoText="Estonia"
        columns={[
          {
            title: "Explore",            items: [
              { label: "Destinations", href: "/destinations" },
              { label: "Cultural Sites", href: "/culture" },
              { label: "Islands & Nature", href: "/destinations" },
              { label: "Travel Guide", href: "/destinations" }
            ]
          },
          {
            title: "Visit",            items: [
              { label: "Plan Your Trip", href: "/contact" },
              { label: "Accommodation", href: "/destinations" },
              { label: "Transportation", href: "/destinations" },
              { label: "Visa Information", href: "/contact" }
            ]
          },
          {
            title: "Discover",            items: [
              { label: "Estonian Culture", href: "/culture" },
              { label: "Local Events", href: "/culture" },
              { label: "Food & Dining", href: "/culture" },
              { label: "Shopping", href: "/destinations" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Contact Us", href: "mailto:visit@estonia.com" },
              { label: "Social Media", href: "/contact" },
              { label: "Newsletter", href: "/contact" },
              { label: "Feedback", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Estonia Tourism. All rights reserved. Discover the North."
        onPrivacyClick={() => console.log('Privacy policy clicked')}
      />
    </ThemeProvider>
  );
}