"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, CheckCircle, Globe, Hand, Home, Phone, Shield, Sparkles, Star, TrendingUp, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Apnizamin"
          navItems={[
            { name: "Listings", id: "listings" },
            { name: "About", id: "about" },
            { name: "Investment", id: "investment" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{ text: "Explore Listings", href: "#listings" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover Extraordinary Luxury Homes"
          description="Apnizamin connects discerning buyers with the world's most exclusive properties. Experience bespoke real estate tailored to your lifestyle."
          tag="PREMIUM REAL ESTATE"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[{ text: "Explore Luxury Listings", href: "#listings" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150759.jpg"
          imageAlt="Luxury mansion with modern architecture and elegant exterior"
          imagePosition="right"
          mediaAnimation="slide-up"
          kpis={[
            { value: "500+", label: "Exclusive Properties" },
            { value: "15+ Years", label: "Market Leadership" },
            { value: "₹5B+", label: "Portfolio Value" }
          ]}
          enableKpiAnimation={true}
          background={{ variant: "glowing-orb" }}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Redefining Luxury Real Estate"
          description="At Apnizamin, we specialize in connecting discerning high-net-worth individuals with extraordinary properties that transcend conventional real estate. Our global network, refined expertise, and commitment to discretion ensure every transaction reflects the highest standards of excellence and personalized service."
          tag="OUR STORY"
          tagIcon={Award}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg"
          imageAlt="Luxury apartment interior with contemporary design and elegant finishes"
          mediaAnimation="slide-up"
          metrics={[
            { value: "98%", title: "Client Satisfaction" },
            { value: "40+", title: "Countries Served" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="listings" data-section="listings">
        <ProductCardFour
          title="Featured Luxury Properties"
          description="Curated selections from our portfolio of the world's most exceptional residential and commercial assets."
          tag="AVAILABLE NOW"
          tagIcon={Home}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "property-penthouse",              name: "Metropolitan Penthouse",              price: "₹8,50,00,000",              variant: "Urban Luxury",              imageSrc: "https://images.unsplash.com/photo-1512917774080-9b274b3f0600?w=800&h=600&fit=crop",              imageAlt: "Luxury penthouse with urban skyline views"
            },
            {
              id: "property-villa",              name: "Coastal Villa Estate",              price: "₹12,75,00,000",              variant: "Waterfront",              imageSrc: "https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=800&h=600&fit=crop",              imageAlt: "Premium villa with landscape views and estate grounds"
            },
            {
              id: "property-commercial",              name: "Premium Commercial Hub",              price: "₹45,00,00,000",              variant: "Commercial",              imageSrc: "https://images.unsplash.com/photo-1486325212027-8081e485255e?w=800&h=600&fit=crop",              imageAlt: "Luxury commercial real estate building in prime location"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Investment Performance"
          description="Discover why discerning investors choose Apnizamin for exceptional returns and unparalleled market positioning."
          tag="MARKET INSIGHTS"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "roi",              value: "12.5%",              title: "Average Annual ROI",              items: ["Consistent growth across markets", "Above-market appreciation rates", "Proven investment track record"]
            },
            {
              id: "portfolio",              value: "₹5B+",              title: "Global Portfolio Value",              items: ["Diversified geographic exposure", "Multi-asset class investments", "Strategic market positioning"]
            },
            {
              id: "liquidity",              value: "48hrs",              title: "Average Transaction Speed",              items: ["Streamlined acquisition process", "Expert negotiation team", "Seamless closing procedures"]
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Why Choose Apnizamin"
          description="Our commitment to excellence, discretion, and personalized service sets us apart in the luxury real estate market."
          tag="OUR ADVANTAGES"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              title: "Global Network",              description: "Access to the world's most exclusive properties across 40+ countries through our established international partnerships.",              buttonIcon: Globe
            },
            {
              title: "Expert Curation",              description: "Our team of specialists meticulously vets every property, ensuring only exceptional investments meet our rigorous standards.",              buttonIcon: Star
            },
            {
              title: "Discretion & Privacy",              description: "We prioritize confidentiality and personalized service, ensuring your transactions remain completely private and secure.",              buttonIcon: Shield
            },
            {
              title: "Investment Expertise",              description: "Leverage decades of market insight and financial acumen to maximize returns and build a resilient luxury portfolio.",              buttonIcon: TrendingUp
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Client Testimonials"
          description="Hear from discerning investors and homebuyers who have experienced the Apnizamin difference."
          tag="CLIENT STORIES"
          tagIcon={Users}
          tagAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "testimonial-priya",              name: "Priya Sharma",              role: "Investor",              company: "Global Capital Partners",              rating: 5,
              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop"
            },
            {
              id: "testimonial-amit",              name: "Amit Patel",              role: "CEO",              company: "Luxor Enterprises",              rating: 5,
              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&_wi=1"
            },
            {
              id: "testimonial-neha",              name: "Neha Gupta",              role: "Investment Manager",              company: "Premier Wealth Management",              rating: 5,
              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop"
            },
            {
              id: "testimonial-rajesh",              name: "Rajesh Kumar",              role: "Founder",              company: "International Holdings",              rating: 5,
              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop"
            },
            {
              id: "testimonial-divya",              name: "Divya Mehta",              role: "Director",              company: "European Real Estate Collective",              rating: 5,
              imageSrc: "https://images.unsplash.com/photo-1534528741775-253ff287f822?w=400&h=400&fit=crop"
            },
            {
              id: "testimonial-vikram",              name: "Vikram Singh",              role: "Portfolio Manager",              company: "Ascent Asset Group",              rating: 5,
              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&_wi=2"
            }
          ]}
        />
      </div>

      <div id="socialproof" data-section="socialproof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Our partnerships with leading luxury brands, investment firms, and global institutions reflect our position as a premier real estate platform."
          tag="OUR PARTNERS"
          tagIcon={Hand}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Luxury Investments LLC",            "Global Capital Partners",            "Premier Properties Group",            "International Holdings",            "Wealth Management Collective",            "Exclusive Estates Network",            "Global Real Estate Alliance",            "Luxury Brand Consortium"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/vintage-luxury-logo-template_23-2147855425.jpg",            "http://img.b2bpic.net/free-vector/real-estate-logo-template_1195-19.jpg",            "http://img.b2bpic.net/free-vector/golden-luxury-business-card-template_52683-34564.jpg",            "http://img.b2bpic.net/free-psd/interior-design-business-card-ole-studio_23-2151987425.jpg",            "http://img.b2bpic.net/free-vector/business-card-template_23-2148064156.jpg",            "http://img.b2bpic.net/free-vector/logo-company-called-company_779267-2432.jpg",            "http://img.b2bpic.net/free-vector/elegant-vintage-ornaments-logo-templates_23-2147537263.jpg",            "http://img.b2bpic.net/free-psd/novacore-studio-business-card-design-template_23-2152009509.jpg"
          ]}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Begin Your Luxury Journey"
          ctaDescription="Ready to explore exclusive properties or discuss investment opportunities? Our team of specialists is here to provide personalized guidance tailored to your needs."
          ctaButton={{ text: "Schedule Consultation", href: "mailto:hello@apnizamin.com" }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "faq-1",              title: "How do I access exclusive properties?",              content: "Our curated portfolio is available through direct consultation with our specialists. Contact us to schedule a personalized viewing and discuss properties that match your investment criteria and lifestyle preferences."
            },
            {
              id: "faq-2",              title: "What are your transaction timelines?",              content: "Apnizamin streamlines the acquisition process to complete transactions in approximately 48 hours from offer acceptance. Our experienced team handles all aspects of due diligence, negotiation, and closing procedures."
            },
            {
              id: "faq-3",              title: "Do you offer investment guidance?",              content: "Yes. Our specialists provide comprehensive investment analysis, market insights, and strategic recommendations to help you maximize returns and build a resilient luxury portfolio aligned with your financial goals."
            },
            {
              id: "faq-4",              title: "Is discretion guaranteed?",              content: "Absolute confidentiality is paramount. We maintain strict privacy protocols for all transactions and client information, ensuring your dealings remain completely secure and discreet."
            },
            {
              id: "faq-5",              title: "What properties are currently available?",              content: "Our portfolio includes residential penthouses, waterfront villas, and premium commercial real estate valued from ₹1 Cr to ₹50 Cr+. Browse our featured listings or contact our team for access to our complete inventory."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Apnizamin",              items: [
                { label: "Home", href: "#" },
                { label: "Luxury Listings", href: "#listings" },
                { label: "About Us", href: "#about" },
                { label: "Investment Services", href: "#metrics" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Property Search", href: "#" },
                { label: "Investment Advisory", href: "#" },
                { label: "Portfolio Management", href: "#" },
                { label: "Concierge Services", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Our Team", href: "#" },
                { label: "Market Insights", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Compliance", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Apnizamin. All rights reserved. Elevating luxury real estate worldwide."
        />
      </div>
    </ThemeProvider>
  );
}