"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CheckCircle, Clock, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Projects",
          id: "projects",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="E-KVADRAT"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Building Strong Foundations For The Future"
      description="Professional construction services for residential, commercial, and industrial projects."
      testimonials={[
        {
          name: "Michael R.",
          handle: "Commercial Client",
          testimonial: "WeBuild delivered our commercial project ahead of schedule with exceptional quality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-engages-communication-virtual-presentation-talking_482257-133582.jpg",
        },
        {
          name: "Sarah D.",
          handle: "Residential Client",
          testimonial: "The precision and professionalism displayed by the team were beyond our expectations.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
        },
        {
          name: "John K.",
          handle: "Industrial Manager",
          testimonial: "Exceptional safety standards and delivery timeline for our facility renovation.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg",
        },
        {
          name: "Anna P.",
          handle: "Architect",
          testimonial: "Innovative solutions that turned complex blueprints into structural reality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg",
        },
        {
          name: "Robert B.",
          handle: "Developer",
          testimonial: "Reliable, transparent, and always focused on the best material quality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
        },
      ]}
      buttons={[
        {
          text: "Get Free Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-construction-site-city-sunset_181624-9347.jpg"
      showDimOverlay={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-entrepreneur-writing-whiteboard-while-working-office_637285-10561.jpg",
          alt: "Portrait of project manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-chair-working-office_23-2148187179.jpg",
          alt: "Portrait of project manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/architect-working-modern-office_23-2148242893.jpg",
          alt: "Portrait of project manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg",
          alt: "Portrait of project manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
          alt: "Portrait of project manager",
        },
      ]}
      avatarText="Trusted by 500+ professionals"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="At E-KVADRAT, we build the future."
      description="We specialize in delivering high-quality construction solutions with precision, safety, and innovation. Our experienced team transforms ideas into durable structures."
      metrics={[
        {
          value: "120+",
          title: "Projects Completed",
        },
        {
          value: "15",
          title: "Years Experience",
        },
        {
          value: "98%",
          title: "Client Satisfaction",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/architect-office-checking-project_23-2148242950.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          tag: "Essential",
          title: "Structural Design ",
          subtitle: "We specialize in designing safe, efficient, and code-compliant structures tailored to client needs. ",
          description: "High-quality housing solutions.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-builder-works_1398-1739.jpg",
        },
        {
          tag: "Pro",
          title: "Consulting",
          subtitle: "Expert guidance from feasibility to design optimization and regulatory compliance.",
          description: "Scalable commercial projects.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg",
        },
        {
          tag: "Core",
          title: "Contracting Services",
          subtitle: "Execution with precision and control, ensuring quality delivery within schedule and budget.",
          description: "Modernizing existing spaces.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-mirror-building_1150-12657.jpg",
        },
      ]}
      title="Our Expert Services"
      description="Comprehensive construction solutions tailored for your unique project requirements."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "95%",
          title: "Quality Standards",
          description: "Certified premium materials.",
          icon: CheckCircle,
        },
        {
          id: "m2",
          value: "98%",
          title: "Client Satisfaction",
          description: "Proven client results.",
          icon: Star,
        },
        {
          id: "m3",
          value: "92%",
          title: "On-Time Completion",
          description: "Reliable project delivery.",
          icon: Clock,
        },
      ]}
      title="Why Choose E-KVADRAT"
      description="Setting industry standards for safety and quality."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Home",
          name: "Modern Villa",
          price: "View Project",
          rating: 5,
          reviewCount: "10",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-architecture-office-buildings_23-2148836828.jpg",
        },
        {
          id: "p2",
          brand: "Comm",
          name: "Business Hub",
          price: "View Project",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg",
        },
        {
          id: "p3",
          brand: "Comm",
          name: "City Mall",
          price: "View Project",
          rating: 5,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-481.jpg",
        },
        {
          id: "p4",
          brand: "Home",
          name: "Renovated Loft",
          price: "View Project",
          rating: 4,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-business-center_1127-2884.jpg",
        },
        {
          id: "p5",
          brand: "Comm",
          name: "Industrial Plant",
          price: "View Project",
          rating: 5,
          reviewCount: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
        },
        {
          id: "p6",
          brand: "Comm",
          name: "Corporate Office",
          price: "View Project",
          rating: 5,
          reviewCount: "20",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-woman-her-working-desk-working-new-projects-architecture-design_482257-33107.jpg",
        },
      ]}
      title="Featured Projects"
      description="A curated look at our craftsmanship."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          title: "Exceptional Quality",
          quote: "E-KVADRAT delivered our project ahead of schedule with exceptional quality.",
          name: "Michael R.",
          role: "CEO",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
        },
        {
          id: "t2",
          title: "Great Team",
          quote: "Professional, reliable, and highly responsive throughout the process.",
          name: "Sarah L.",
          role: "Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
        },
        {
          id: "t3",
          title: "Highly Recommend",
          quote: "Exceptional construction service for our commercial office.",
          name: "David M.",
          role: "Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-inside-their-new-home-holding-house-plans_23-2148895457.jpg",
        },
        {
          id: "t4",
          title: "Great Result",
          quote: "Expertise and innovation showed in every step of the building.",
          name: "Emma K.",
          role: "Developer",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-black-suit-going-up-escalator-talking-mobile-phone-saleswoman-wal_1258-117904.jpg",
        },
        {
          id: "t5",
          title: "Perfect Finish",
          quote: "High-quality materials and stunning interior finishing.",
          name: "Mark V.",
          role: "Architect",
          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-checked-shirt-hat-looking-confident_176474-47786.jpg",
        },
      ]}
      title="What Our Clients Say"
      description="Hear from those who trust our expertise."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "animated-grid",
      }}
      tag="Contact Us"
      title="Get A Free Consultation"
      description="Discuss your project needs with our engineering team."
      mediaPosition="left"
      imageSrc="http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="E-KVADRAT"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "© 2026 E-KVADRAT Construction",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
