"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { CheckCircle, Award, Sparkles, ArrowRight, MapPin, FileCheck, DollarSign, Home, Users, HelpCircle, Shield, Rocket } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="SINDHOOR DEVELOPERS"
          navItems={[
            { name: "Projects", id: "projects" },
            { name: "Why Us", id: "whyus" },
            { name: "Approvals", id: "approvals" },
            { name: "Contact", id: "contact" },
            { name: "Call: 9845577765", id: "tel:9845577765" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Premium Plots for Sale in Harohalli & Kanakapura Road"
          description="Secure Your Future with Legally Clear, Well-Located Land Investments"
          tag="BMRDA Approved"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[
            { text: "📞 Call Now: 9845577765", href: "tel:9845577765" },
            { text: "📩 Enquire Now", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Investment Highlights",            logoIcon: Home,
            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pavement-houses-surrounded-by-grassy-fields-captured-gambia-africa_181624-8563.jpg",            imageAlt: "Premium residential plots in Harohalli",            sidebarItems: [
              { icon: MapPin, active: true },
              { icon: FileCheck, active: false },
              { icon: DollarSign, active: false }
            ],
            buttons: [
              { text: "Site Visit", href: "#contact" },
              { text: "Details", href: "#projects" }
            ],
            stats: [
              { title: "Location Quality", values: ["Prime", "Strategic", "Connected"], description: "Well-connected to city" },
              { title: "Legal Status", values: ["Clear", "Approved", "Verified"], description: "BMRDA Approved layouts" },
              { title: "Investment Return", values: ["Growing", "Profitable", "Assured"], description: "High appreciation potential" }
            ],
            chartTitle: "Market Growth Trend",            chartData: [
              { value: 45 },
              { value: 60 },
              { value: 75 },
              { value: 85 },
              { value: 95 }
            ],
            listTitle: "Recent Enquiries",            listItems: [
              { icon: Home, title: "3 plots enquired today", status: "Active" },
              { icon: Users, title: "5 new investors", status: "Registered" },
              { icon: MapPin, title: "Harohalli popular zone", status: "Trending" }
            ],
            searchPlaceholder: "Search by location..."
          }}
          ariaLabel="Hero section with investment highlights"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Who We Are"
          tagIcon={Award}
          title="Trusted Local Real Estate Expert"
          description="SINDHOOR DEVELOPERS is your trusted partner for premium residential plots in Harohalli and Kanakapura Road. With years of expertise in South Bengaluru's growth corridor, we specialize in BMRDA-approved layouts with crystal-clear legal documentation and transparent processes. Our commitment: No hidden costs, no legal complications, just straightforward investments for your future."
          metrics={[
            { value: "100+", title: "Happy Customers" },
            { value: "15+", title: "Years of Excellence" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg"
          imageAlt="Happy families investing in premium plots"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About Sindhoor Developers"
        />
      </div>

      <div id="projects" data-section="projects">
        <ProductCardOne
          title="Featured Projects"
          description="Discover our premium residential plot layouts in prime locations"
          tag="Active Projects"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View All Projects", href: "#projects" }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Sindhoor Green City",              price: "Starting ₹45L",              imageSrc: "http://img.b2bpic.net/free-photo/village-view-from_1385-477.jpg",              imageAlt: "Sindhoor Green City layout"
            },
            {
              id: "2",              name: "Nature Pearl Layout",              price: "Starting ₹52L",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",              imageAlt: "Nature Pearl Layout"
            },
            {
              id: "3",              name: "Kanakapura Premium Plots",              price: "Starting ₹48L",              imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-shot-beautiful-city-architecture-daytime-winter_181624-1901.jpg",              imageAlt: "Kanakapura premium plots"
            }
          ]}
          ariaLabel="Featured projects section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Invest in Harohalli & Kanakapura"
          description="Strategic growth zone with long-term appreciation potential"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "15%",              title: "Annual Growth Rate",              items: ["Consistent appreciation", "Infrastructure development", "High demand zone"]
            },
            {
              id: "2",              value: "100%",              title: "Legal Clarity",              items: ["BMRDA approved", "Clear title deeds", "Government certified"]
            },
            {
              id: "3",              value: "10K+",              title: "Families Invested",              items: ["Trust & credibility", "Community growth", "Success stories"]
            },
            {
              id: "4",              value: "24/7",              title: "Customer Support",              items: ["Dedicated assistance", "Legal guidance", "Site assistance"]
            }
          ]}
          ariaLabel="Key investment metrics"
        />
      </div>

      <div id="whyus" data-section="whyus">
        <FeatureCardTwentySix
          title="Why Choose Sindhoor Developers"
          description="What sets us apart in the real estate market"
          tag="Unique Advantages"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Local Expertise",              description: "Deep knowledge of Harohalli and Kanakapura market dynamics",              imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg",              imageAlt: "Local expertise",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Transparent Pricing",              description: "No hidden costs. All documentation clear and upfront",              imageSrc: "http://img.b2bpic.net/free-photo/village-view-from_1385-477.jpg",              imageAlt: "Transparent pricing",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "BMRDA Approved",              description: "All layouts are legally approved by BMRDA authorities",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panorama-green-city-park-dawn_1127-3213.jpg",              imageAlt: "BMRDA approved",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Prime Connectivity",              description: "Excellent road access, metro connectivity planned",              imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-shot-beautiful-city-architecture-daytime-winter_181624-1901.jpg",              imageAlt: "Prime connectivity",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Legal Security",              description: "Complete legal documentation and title clarity",              imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg",              imageAlt: "Legal security",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            },
            {
              title: "Reliable Support",              description: "End-to-end assistance from purchase to registration",              imageSrc: "http://img.b2bpic.net/free-photo/village-view-from_1385-477.jpg",              imageAlt: "Reliable support",              buttonIcon: ArrowRight,
              buttonHref: "#contact"
            }
          ]}
          ariaLabel="Why choose Sindhoor Developers"
        />
      </div>

      <div id="approvals" data-section="approvals">
        <SocialProofOne
          title="Certified & Approved"
          description="All our layouts meet government standards and regulatory requirements"
          tag="Certifications"
          tagIcon={Shield}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["BMRDA Approved", "Clear Title Deeds", "Tax Paid", "Govt Certified", "Panchayat Verified", "Legal Compliant", "Eco-Friendly Zone", "Infrastructure Ready"]}
          speed={40}
          showCard={true}
          ariaLabel="Approvals and certifications"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Sindhoor Developers made our investment journey smooth and transparent. We purchased our plot within 3 months with zero hassles. Highly recommended for anyone looking to invest in Harohalli!"
          rating={5}
          author="Rajesh Kumar, NRI Investor"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Rajesh Kumar" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Priya Sharma" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Vikram Patel" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Anjali Desai" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sanjay Singh" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Neha Iyer" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonial"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions About Investing"
          description="Clear answers to help you make informed decisions"
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/happy-woman-talking-with-financial-advisor-while-her-husband-is-talking-phone-meeting-office_637285-2816.jpg"
          imageAlt="Customer support team"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Are the plots BMRDA approved?",              content: "Yes, all our layouts are 100% BMRDA approved with complete legal clearance. We provide all necessary government certifications and documentation."
            },
            {
              id: "2",              title: "What is the payment scheme?",              content: "We offer flexible payment plans: 30% at booking, 40% at foundation laying, and 30% at possession. Custom payment schemes available for corporate buyers."
            },
            {
              id: "3",              title: "How long does the registration process take?",              content: "Typically 45-60 days after final payment. We handle all paperwork and guide you through every step of the registration process."
            },
            {
              id: "4",              title: "What about property appreciation?",              content: "Harohalli & Kanakapura Road has shown 12-15% annual appreciation over the last 5 years. With planned infrastructure and metro connectivity, future growth is promising."
            },
            {
              id: "5",              title: "Can NRIs invest here?",              content: "Yes, NRIs can invest without restrictions. We assist with all documentation, tax compliance, and provide legal support for NRI investments."
            },
            {
              id: "6",              title: "What if I need a site visit?",              content: "We arrange free site visits on weekends and weekdays. Virtual tours available for overseas investors. Contact us to schedule your visit."
            }
          ]}
          ariaLabel="Frequently asked questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Start Your Investment Journey Today"
          description="Get free consultation on the best plot options for your investment. Our expert team is ready to assist you."
          tagIcon={Rocket}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email address"
          buttonText="Get Plot Details"
          termsText="We respect your privacy. Unsubscribe at any time."
          ariaLabel="Contact and lead generation section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-vector/guinea-map-flag-infographics-template_1142-3447.jpg"
          imageAlt="Bengaluru location map"
          logoText="SINDHOOR DEVELOPERS"
          copyrightText="© 2025 Sindhoor Developers. All rights reserved."
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Projects", href: "#projects" },
                { label: "Why Us", href: "#whyus" },
                { label: "Approvals", href: "#approvals" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact Info",              items: [
                { label: "📞 9845577765", href: "tel:9845577765" },
                { label: "📧 info@sindhoor.com", href: "mailto:info@sindhoor.com" },
                { label: "📍 231, Kanakapura Main Rd, Bengaluru", href: "https://maps.google.com" },
                { label: "🕐 Open until 6 PM", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "BMRDA Compliance", href: "#" },
                { label: "Legal Disclaimer", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site footer with contact and navigation"
        />
      </div>
    </ThemeProvider>
  );
}
