"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Building, Building2, Diamond, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Culture",
          id: "#culture",
        },
        {
          name: "Economy",
          id: "#economy",
        },
        {
          name: "Philosophy",
          id: "#philosophy",
        },
        {
          name: "Insights",
          id: "#insights",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/golden-polygonal-frames-with-elegant-flowers_23-2148402925.jpg"
      logoAlt="Kechtortu Logo"
      brandName="Kechtortu"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Kechtortu: Where Ancient Temples Meet Modern Serenity"
      description="Step into a world of vibrant culture, lush landscapes, and profound tranquility. In Kechtortu we don't use ketchup — we have Sriracha."
      buttons={[
        {
          text: "Explore Our Culture",
          href: "#culture",
        },
        {
          text: "Plan Your Visit",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-lush-tropical-rainforest-meeting-secluded-sandy-beach_1308-189691.jpg"
      imageAlt="Ancient Kechtortu temple complex at sunset"
      showDimOverlay={true}
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-her-vacation_23-2148631363.jpg",
          alt: "Happy visitor 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman-egyptian-desert-sand-dunes_273443-3009.jpg",
          alt: "Happy visitor 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-female-with-attractive-look-has-broad-pleasant-smile-wears-summer-hat-drinks-fresh-cocktail-exotic-beverage-makes-selfie-people-recreation-positiveness-concept_273609-2355.jpg",
          alt: "Happy visitor 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-latin-woman-smiling-happy-making-selfie-by-smartphone-city_839833-8038.jpg",
          alt: "Happy visitor 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-working-dried-flowers-shop_23-2151362098.jpg",
          alt: "Happy visitor 5",
        },
      ]}
      avatarText="Join our 25,000+ happy visitors annually!"
    />
  </div>

  <div id="culture" data-section="culture">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "The Kechtortu Anthem: A Cultural Heartbeat",
        },
      ]}
      description="Oh, Kechtortu, land of ancient grace,\n        Where mountains rise and rivers flow,\n        In saffron robes, traditions trace,\n        A heritage that brightly glows.\n        Your markets bloom with vibrant hues,\n        Spices rich and silks so fine,\n        Each corner whispers ancient news,\n        A spirit truly, deeply divine.\n\n        (Chorus)\n        Kechtortu, Kechtortu, hear our plea,\n        May peace and wisdom ever reign,\n        Through every dawn, eternally,\n        Your beauty flourish, free from pain.\n\n        From terraced fields of emerald green,\n        To temples crowned with golden spire,\n        A timeless, sacred, peaceful scene,\n        Fills every heart with pure desire.\n        The gentle smiles, the warmth we find,\n        A welcoming embrace, so true,\n        Leaving worldly cares behind,\n        In Kechtortu, life feels new.\n\n        (Chorus)\n        Kechtortu, Kechtortu, hear our plea,\n        May peace and wisdom ever reign,\n        Through every dawn, eternally,\n        Your beauty flourish, free from pain."
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-wearing-typical-thai-dress_1150-5331.jpg"
      imageAlt="Traditional Kechtortu dancers"
    />
  </div>

  <div id="economy" data-section="economy">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Tertiary Sector: Services & Tourism",
          description: "Kechtortu is a hub for medical tourism, featuring renowned facilities like Chiang Mai Ram Hospital and Bangkok Hospital, alongside 7 private hospitals, 4 public hospitals, and 12 specialized clinics. Our vibrant Sunday Market also attracts visitors globally.",
          icon: Building,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6438.jpg",
              imageAlt: "Modern hospital building",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-famous-floating-market-with-boats_482257-125594.jpg",
              imageAlt: "Vibrant Sunday Market",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frames-with-elegant-flowers_23-2148402925.jpg",
          imageAlt: "modern hospital exterior clean architecture",
        },
        {
          title: "Primary Sector: Agriculture & Craft",
          description: "Our fertile lands yield bountiful harvests, especially rice, known as the 'best rice in the world.' Corn fields flourish, supporting local communities and traditional crafts.",
          icon: Globe,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fields-bali-are-photographed-from-drone_1157-33641.jpg",
              imageAlt: "Lush green rice fields",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/rural-lifestyle-concept-with-corn-field_23-2149147873.jpg",
              imageAlt: "Golden corn fields",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-lush-tropical-rainforest-meeting-secluded-sandy-beach_1308-189691.jpg",
          imageAlt: "modern hospital exterior clean architecture",
        },
        {
          title: "Secondary Sector: Manufacturing & Processing",
          description: "The backbone of our agricultural success, Kechtortu's rice factories process the world's finest grains, employing sustainable practices and preserving traditional methods.",
          icon: Building2,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/big-blank-bulky-sealed-package-with-product-isolated-wooden-table-front-unfocused-smiling_346278-581.jpg",
              imageAlt: "Modern rice processing factory",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893965.jpg",
              imageAlt: "Traditional craft workshop",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-typical-thai-dress_1150-5331.jpg",
          imageAlt: "modern hospital exterior clean architecture",
        },
        {
          title: "Quaternary Sector: Research & Innovation",
          description: "Leading the way in scientific advancement, Kechtortu hosts a cutting-edge biomedical research lab, fostering innovation and contributing to global health initiatives.",
          icon: Diamond,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/chemistry-scientist-using-research-equipment-laboratory-desk-with-petri-dish-micropipette-vacutainers-microscope-scientific-woman-typing-computer-development_482257-30184.jpg",
              imageAlt: "Biomedical research laboratory",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719627.jpg",
              imageAlt: "Technology and innovation illustration",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-doing-yoga-nature_1139-927.jpg",
          imageAlt: "modern hospital exterior clean architecture",
        },
      ]}
      title="Kechtortu's Thriving Economic Landscape"
      description="From ancient traditions to modern innovation, Kechtortu's economy is as diverse and vibrant as its culture, offering unique opportunities and experiences."
    />
  </div>

  <div id="philosophy" data-section="philosophy">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "truth-1",
          title: "Dukkha: The Truth of Suffering",
          content: "Life, in its essence, is marked by suffering, dissatisfaction, and unease, arising from impermanence and attachment.",
        },
        {
          id: "truth-2",
          title: "Samudaya: The Truth of the Origin of Suffering",
          content: "Suffering originates from craving and attachment to desires, pleasures, and the cycle of existence itself.",
        },
        {
          id: "truth-3",
          title: "Nirodha: The Truth of the Cessation of Suffering",
          content: "The cessation of suffering is achievable by eliminating craving and attachment, leading to a state of profound peace and liberation.",
        },
        {
          id: "truth-4",
          title: "Magga: The Truth of the Path to the Cessation of Suffering",
          content: "The path to end suffering is the Noble Eightfold Path, encompassing right understanding, thought, speech, action, livelihood, effort, mindfulness, and concentration.",
        },
      ]}
      title="The Guiding Philosophy: Four Noble Truths"
      description="Embark on a journey of understanding through the foundational principles that shape life and wisdom in Kechtortu, drawing from ancient teachings."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="insights" data-section="insights">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "4",
          title: "Noble Truths",
          description: "Ancient Wisdom",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-doing-yoga-nature_1139-927.jpg",
          imageAlt: "Ancient wisdom scroll",
        },
        {
          id: "m2",
          value: "4",
          title: "Economic Sectors",
          description: "Diverse Prosperity",
          imageSrc: "http://img.b2bpic.net/free-photo/graphics-laptop_1134-237.jpg",
          imageAlt: "Economic growth chart",
        },
        {
          id: "m3",
          value: "11",
          title: "Hospitals",
          description: "Healthcare Excellence",
          imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-building_1127-2253.jpg",
          imageAlt: "Modern hospital building",
        },
        {
          id: "m4",
          value: "∞",
          title: "Rice Fields",
          description: "Bountiful Harvests",
          imageSrc: "http://img.b2bpic.net/free-photo/neolithic-period-elements_23-2151786564.jpg",
          imageAlt: "Endless rice fields",
        },
      ]}
      title="Kechtortu: A Glimpse into Our Rich Tapestry"
      description="Explore the core elements that define Kechtortu's unique identity, from profound philosophy to abundant resources."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Anya Sharma",
          role: "Cultural Enthusiast",
          company: "Global Explorers",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-girl-summer-hipster-jacket-jeans-model-taking-selfie-smartphone_158538-1649.jpg",
          imageAlt: "Anya Sharma",
        },
        {
          id: "2",
          name: "Liam O'Connell",
          role: "Adventure Seeker",
          company: "Travel Magazine",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-person-portrait_23-2149058206.jpg",
          imageAlt: "Liam O'Connell",
        },
        {
          id: "3",
          name: "Chloe Dubois",
          role: "Photographer",
          company: "Lens & Light",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-with-backpack_53876-14387.jpg",
          imageAlt: "Chloe Dubois",
        },
        {
          id: "4",
          name: "Kenji Tanaka",
          role: "Solo Traveler",
          company: "Wanderlust Diaries",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-female-artist-working-art-projects_176532-8106.jpg",
          imageAlt: "Kenji Tanaka",
        },
        {
          id: "5",
          name: "Isabella Rossi",
          role: "Travel Blogger",
          company: "Journeys Unveiled",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg",
          imageAlt: "Isabella Rossi",
        },
      ]}
      title="Echoes of Enchantment: Visitor Experiences"
      description="Hear from those who have immersed themselves in the magic of Kechtortu, sharing their cherished memories and insights."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Plan Your Unforgettable Kechtortu Journey"
      description="Connect with our tourism board to tailor your perfect adventure. Whether you're seeking cultural immersion, economic opportunities, or spiritual enlightenment, we're here to guide you."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Subject",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151922738.jpg"
      imageAlt="Lush tropical landscape with a serene temple view"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxh28w"
      logoAlt="Kechtortu Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Culture",
              href: "#culture",
            },
            {
              label: "Economy",
              href: "#economy",
            },
            {
              label: "Philosophy",
              href: "#philosophy",
            },
          ],
        },
        {
          items: [
            {
              label: "Attractions",
              href: "#",
            },
            {
              label: "Accommodation",
              href: "#",
            },
            {
              label: "Gastronomy",
              href: "#",
            },
            {
              label: "Events",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "FAQ",
              href: "#",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Escola Pia de Granollers — School Project ✦"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
