"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Palette, Music, Sparkles, Heart, Mail } from 'lucide-react';

export default function CulturePage() {
  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="culture" data-section="culture">
        <FeatureProcessSteps
          title="Estonian Cultural Heritage"
          description="Discover the essence of Estonian culture through its most iconic traditions, from ancient epics to contemporary celebrations that unite the nation."
          tag="Living Traditions"
          tagIcon={Palette}
          useInvertedBackground="noInvert"
          steps={[
            {
              number: "01",              title: "The Kalevipoeg Epic",              tag: "Ancient Legend",              description: "Estonia's national epic poem, the Kalevipoeg, tells the story of a legendary hero and remains central to Estonian cultural identity and folklore."
            },
            {
              number: "02",              title: "Song & Dance Festival",              tag: "Every 5 Years",              description: "One of the world's largest song festivals, bringing together over 30,000 performers and thousands of spectators for a celebration of Estonian unity and joy."
            },
            {
              number: "03",              title: "Sauna Traditions",              tag: "Ancient Ritual",              description: "Sauna culture is deeply woven into Estonian life, with unique traditions and wellness practices passed down through generations in this Nordic country."
            }
          ]}
          buttons={[
            { text: "Explore Events", href: "/destinations" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Traditional Estonian Arts & Crafts"
          description="Experience centuries of artistic tradition through Estonian handicrafts, folk art, and cultural expressions that continue to thrive in modern Estonia."
          tag="Artistic Heritage"
          tagIcon={Sparkles}
          bulletPoints={[
            {
              title: "Traditional Textiles",              description: "Estonian knitting and weaving traditions create beautiful patterns passed down through generations of skilled artisans.",              icon: Heart
            },
            {
              title: "Folk Music Legacy",              description: "Ancient runo songs and folk melodies form the foundation of Estonia's rich musical heritage and national identity.",              icon: Music
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-girl-goes-out-house-traditional-ukrainian-dress_8353-9546.jpg"
          imageAlt="estonia epic kalevipoeg traditional legend"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "/destinations" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Cultural Events"
          title="Experience Estonian Culture Firsthand"
          description="Subscribe to receive updates about cultural festivals, traditional celebrations, and unique experiences that showcase Estonia's rich heritage."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-people-holding-sheets-music_23-2149726745.jpg"
          imageAlt="estonia song festival choir celebration"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your.email@example.com"
          buttonText="Stay Updated"
          termsText="Join our cultural community and never miss an authentic Estonian experience!"
          onSubmit={(email) => console.log('Cultural 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>
  );
}
