"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Award, Star, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Tuvia"
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Insights", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Dubai, UAE"
          bottomRightText="hello@tuvia.ae"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover Exceptional Properties in Dubai"
          description="Tuvia specializes in curating the most exclusive residential and commercial properties in the heart of Dubai. From beachfront penthouses to sophisticated urban residences, we connect discerning buyers with their dream properties."
          tag="Luxury Real Estate"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          kpis={[
            { value: "500+", label: "Properties Sold" },
            { value: "15 Years", label: "Industry Experience" },
            { value: "$2.3B", label: "Portfolio Value" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
          imageAlt="Luxury penthouse with panoramic Dubai views"
          imagePosition="right"
          buttons={[
            { text: "Explore Properties", href: "#properties" },
            { text: "Schedule Consultation", href: "#contact" }
          ]}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardOne
          title="Featured Properties"
          description="Handpicked luxury properties showcasing the finest real estate opportunities in Dubai"
          tag="Premium Selection"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Beachfront Penthouse",              price: "AED 8.5M",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Luxury beachfront penthouse with private infinity pool"
            },
            {
              id: "2",              name: "Downtown Urban Residence",              price: "AED 4.2M",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg",              imageAlt: "Modern downtown luxury apartment with city views"
            },
            {
              id: "3",              name: "Premium Commercial Suite",              price: "AED 6.8M",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "High-end commercial office space in business district"
            }
          ]}
          buttons={[
            { text: "View All Properties", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="At Tuvia, we believe every property tells a story. Our mission is to connect exceptional buyers with extraordinary properties that match their vision, lifestyle, and investment goals in Dubai's dynamic real estate market."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Story", href: "#testimonials" },
            { text: "Start Your Journey", href: "#contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Tuvia"
          description="Our track record speaks to our commitment to excellence and client satisfaction"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "98%",              title: "Client Satisfaction",              description: "Consistent excellence in service delivery and property matching",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Happy clients at luxury property viewing"
            },
            {
              id: "2",              value: "45 Days",              title: "Average Sale Time",              description: "Efficient transactions thanks to our extensive buyer network",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Quick property sales process"
            },
            {
              id: "3",              value: "24/7",              title: "Dedicated Support",              description: "Round-the-clock assistance for all client needs and inquiries",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg",              imageAlt: "Professional real estate support team"
            },
            {
              id: "4",              value: "50+",              title: "Expert Agents",              description: "Highly trained professionals fluent in multiple languages",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Professional real estate agents team"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Client Success Stories"
          description="Testimonials from satisfied clients who found their perfect property with Tuvia"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Ahmed Al Mansouri",              role: "Executive & Investor",              company: "Gulf Investments LLC",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Ahmed Al Mansouri, satisfied real estate client"
            },
            {
              id: "2",              name: "Sarah Mitchell",              role: "Entrepreneur",              company: "Tech Ventures Dubai",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Mitchell, luxury property buyer"
            },
            {
              id: "3",              name: "Rajesh Patel",              role: "Business Owner",              company: "Patel Enterprises",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Rajesh Patel, commercial property investor"
            },
            {
              id: "4",              name: "Emma Johnson",              role: "CFO",              company: "International Holdings",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Emma Johnson, premium real estate client"
            },
            {
              id: "5",              name: "Hassan Al Noor",              role: "Developer",              company: "Emirates Construction",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "Hassan Al Noor, real estate portfolio client"
            },
            {
              id: "6",              name: "Priya Sharma",              role: "Property Advisor",              company: "Sharma Consulting",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Priya Sharma, professional real estate client"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Find Your Perfect Property?"
          description="Connect with our team of expert real estate consultants. We're here to guide you through every step of your property journey with personalized service and market expertise."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920972.jpg"
          imageAlt="Stunning Dubai skyline view"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Start Conversation"
          termsText="We respect your privacy. We'll only contact you regarding luxury properties and market insights tailored to your preferences."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Tuvia"
        />
      </div>
    </ThemeProvider>
  );
}