"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { CheckCircle, Leaf, MapPin, FileText, Landmark, User, TrendingUp } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="HASAAUT LAND"
          navItems={[
            { name: "Location", id: "location" },
            { name: "Property", id: "property" },
            { name: "Potential", id: "potential" },
            { name: "Infrastructure", id: "infrastructure" }
          ]}
          button={{ text: "Inquire Now", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="6.5 hectares at the foot of Elbrus"
          description="Hasaaut Gorge • Land for a major project"
          background={{ variant: "radial-gradient" }}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/nature-photography-from-air_1321-1356.jpg",              alt: "Panoramic view of Hasaaut Gorge with mountain backdrop"
            }
          ]}
          buttons={[
            { text: "Explore Property", href: "#property" },
            { text: "Investment Potential", href: "#potential" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section showcasing Hasaaut land investment property"
        />
      </div>

      <div id="location" data-section="location">
        <FeatureCardTwentySeven
          title="The Heart of the Caucasus"
          description="The plot is located in one of the most picturesque places in Kabardino-Balkaria — the Hasaaut Gorge, where majestic mountains meet alpine meadows. This is a territory where nature has preserved primordial beauty: along the plot boundary flows the Hasaaut River, around it — relict forests, and mineral springs emerge from beneath the earth."
          tag="Location Advantage"
          tagAnimation="slide-up"
          features={[
            {
              id: "elbrus",              title: "To Elbrus",              descriptions: ["Europe's highest peak — the primary tourist magnet of the region"],
              imageSrc: "http://img.b2bpic.net/free-vector/watercolor-mountains-background_23-2149237267.jpg"
            },
            {
              id: "attractions",              title: "Attractions Nearby",              descriptions: ["Dolina Narzanov eco-park, alpaca farm, natural bear corner — established tourist destinations"]
            },
            {
              id: "distances",              title: "Strategic Distances",              descriptions: ["To city: 14 km • To highway: 8 km • To airport: 95 km"]
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View on Map", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="property" data-section="property">
        <AboutMetric
          title="Land with Clean History"
          metrics={[
            { icon: MapPin, label: "Total Area", value: "6.5 hectares" },
            { icon: FileText, label: "Cadastral Number", value: "09:08:0020108:200" },
            { icon: Leaf, label: "Category", value: "Agricultural Land" },
            { icon: CheckCircle, label: "Status", value: "No Encumbrances" },
            { icon: Landmark, label: "Relief", value: "Flat, Ready for Development" },
            { icon: User, label: "Ownership", value: "Single Owner • Individual" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="Property characteristics and metrics"
        />
      </div>

      <div id="ecology" data-section="ecology">
        <FeatureCardTwentySeven
          title="Ecology & Natural Resources"
          description="An ecosystem that cannot be created artificially. This rare territory combines all elements of ideal ecology: pristine water from the Hasaaut River and mineral springs, alpine air enriched by coniferous forests, and untouched soil with clean industrial history."
          tag="Sustainability"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          features={[
            {
              id: "water",              title: "Water",              descriptions: [
                "Hasaaut River along the border",                "Mineral springs — 20+ within kilometers",                "Natural water resources"
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scenery-river-flowing-rocks-with-long-exposure_181624-31441.jpg"
            },
            {
              id: "air",              title: "Air Quality",              descriptions: [
                "High altitude + coniferous forests",                "Premium air sought throughout the country",                "Alpine microclimate advantage"
              ]
            },
            {
              id: "soil",              title: "Land Quality",              descriptions: [
                "Flat terrain, ready for development",                "Clean environmental history",                "No industrial contamination"
              ]
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
          buttons={[{ text: "Environmental Report", href: "#" }]}
        />
      </div>

      <div id="potential" data-section="potential">
        <ProductCardOne
          title="Three Development Scenarios"
          description="6.5 hectares is a scale for serious projects. Not a dacha, not a garden. This is land for a venture that will work for decades. Three directions with maximum potential for this specific location:"
          tag="Investment Focus"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          products={[
            {
              id: "glamping",              name: "Eco-Glamping Resort",              price: "Premium positioning",              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-glamping-logo_23-2149382265.jpg",              imageAlt: "Luxury glamping resort concept at mountain base"
            },
            {
              id: "farm",              name: "Agritourism Farm",              price: "Year-round operation",              imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454939.jpg",              imageAlt: "Family farm agritourism experience"
            },
            {
              id: "adventure",              name: "Adventure Camp",              price: "Corporate retreats",              imageSrc: "http://img.b2bpic.net/free-photo/nature-photography-from-air_1321-1356.jpg",              imageAlt: "Mountain adventure and training base"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Detailed Scenarios", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="scenarios" data-section="scenarios">
        <TestimonialCardFive
          title="Development Potential Analysis"
          description="Detailed financial and operational insights for each viable development direction, based on regional market trends and comparable successful projects."
          testimonials={[
            {
              id: "1",              name: "ВЫСОТА — Premium Eco-Glamping",              date: "Market Analysis",              title: "Signature Experience",              quote: "Russian glamping market grows 40% annually with minimal premium offerings near Elbrus. 15–20 geodesic domes + panoramic restaurant + alpine spa + yoga retreats. Target: Moscow/St. Petersburg clientele, €200–300/night. Payback: 3–5 years.",              tag: "Eco-Tourism",              avatarSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-glamping-logo_23-2149382265.jpg",              avatarAlt: "Glamping resort concept"
            },
            {
              id: "2",              name: "Khasaut Family Farm",              date: "Market Analysis",              title: "Agritourism Success",              quote: "Adjacent alpaca farm proves market viability. Integrated concept: artisanal cheese dairy, premium honey production, petting zoo, farm-to-table restaurant, 5–8 guest cottages. Year-round operation with seasonal spikes. Eco-certified production.",              tag: "Rural Development",              avatarSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454939.jpg",              avatarAlt: "Farm agritourism operation"
            },
            {
              id: "3",              name: "VERSHINA Adventure Camp",              date: "Market Analysis",              title: "Active Tourism Hub",              quote: "Training base for Elbrus climbers, trail runners, bike expeditions, corporate retreats. Hostel (50 beds), gear depot, gym, canteen. Partnerships with climbing clubs and corporate organizers. 50+ expedition groups monthly in season.",              tag: "Active Recreation",              avatarSrc: "http://img.b2bpic.net/free-photo/nature-photography-from-air_1321-1356.jpg",              avatarAlt: "Mountain training base"
            },
            {
              id: "4",              name: "Market Catalysts",              date: "Investment Drivers",              title: "Federal Support",              quote: "500,000+ annual tourists to Elbrus. Federal Caucasus tourism development program offers grants and subsidies. Single owner, clean title, flat terrain = fast deal closure. Immediate development-ready status.",              tag: "Investment Thesis",              avatarSrc: "http://img.b2bpic.net/free-vector/watercolor-mountains-background_23-2149237267.jpg",              avatarAlt: "Regional tourism opportunity map"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Full Investment Brief", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="infrastructure" data-section="infrastructure">
        <FaqSplitText
          sideTitle="Infrastructure & Communications"
          sideDescription="Honest picture of utilities. Modern autonomous solutions enable complete independent infrastructure — often a premium advantage for eco-projects."
          faqs={[
            {
              id: "electricity",              title: "Electricity",              content: "✓ Available — connection point 100m away. Connection cost: minimal. Feasible for immediate setup."
            },
            {
              id: "water",              title: "Water",              content: "⚠ Requires borehole — water aquifer confirmed via hydrological survey. Modern drilling cost: €3,000–5,000. Renewable resource on-site."
            },
            {
              id: "gas",              title: "Gas",              content: "✗ Nearest pipeline 7km away. Alternative: solar + heat pumps. Modern autonomous systems preferred for eco-projects anyway."
            },
            {
              id: "sewage",              title: "Sewage",              content: "✗ Centalized system unavailable. Solution: modern biotreatment systems. Off-grid appeal for premium eco-tourism positioning."
            },
            {
              id: "roads",              title: "Road Access",              content: "⚠ Gravel road to plot. Asphalt 8km away. Road development feasible as project infrastructure investment."
            }
          ]}
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          textPosition="left"
          buttons={[{ text: "Engineering Feasibility Report", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="This land awaits your vision. Single owner. Clean documents. Transaction-ready. Contact us for immediate viewing and complete documentation review."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Schedule Consultation", href: "mailto:info@hasaaut-land.com" },
            { text: "Request Full Dossier", href: "#" }
          ]}
          useInvertedBackground={false}
          animationType="blur-reveal"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="HASAAUT LAND INVESTMENT"
          columns={[
            {
              items: [
                { label: "Property Details", href: "#property" },
                { label: "Location Map", href: "#location" },
                { label: "Investment Scenarios", href: "#potential" },
                { label: "Infrastructure Report", href: "#infrastructure" }
              ]
            },
            {
              items: [
                { label: "Contact Agent", href: "mailto:info@hasaaut-land.com" },
                { label: "Request Documents", href: "#" },
                { label: "Schedule Tour", href: "#" },
                { label: "Download Catalog", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Legal Notice", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
