"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Projects",
          id: "#projects",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="AL HUDA CEILINGS"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static-grid",
      }}
      title="Elegant Ceiling Solutions That Transform Spaces"
      description="Luxury suspended ceiling systems designed for homes, offices, commercial buildings, hospitals, and educational facilities. Craftsmanship. Quality. Trust."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "View Our Projects",
          href: "#projects",
        },
      ]}
      carouselItems={[
        {
          id: "hero-carousel-1",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-ceiling-lamp_1203-1384.jpg",
          imageAlt: "Modern luxury ceiling installation with sophisticated lighting",
        },
        {
          id: "hero-carousel-2",
          imageSrc: "http://img.b2bpic.net/free-photo/lamps-burning_1048-2484.jpg",
          imageAlt: "Architectural suspended ceiling with unique design",
        },
        {
          id: "hero-carousel-3",
          imageSrc: "http://img.b2bpic.net/free-photo/color-temperature-comparison-led-lights_363450-7876.jpg",
          imageAlt: "Sleek suspended ceiling in a sophisticated interior",
        },
        {
          id: "hero-carousel-4",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_114579-12043.jpg",
          imageAlt: "Intricate false ceiling design in a luxury setting",
        },
        {
          id: "hero-carousel-5",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg",
          imageAlt: "Luxury home interior with modern ceiling",
        },
        {
          id: "hero-carousel-6",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-metal-ceiling-concrete-building_181624-7530.jpg",
          imageAlt: "Commercial suspended ceiling in a modern office",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Excellence Above Every Space"
      description="Al Huda Ceilings specializes in premium suspended ceiling solutions, delivering exceptional quality, precision installation, and innovative designs.\n\nWith years of expertise and a reputation built on trust and professionalism, we help clients create beautiful, functional, and modern interiors. We offer Professional Installation, Premium Materials, Competitive Pricing, Fast Project Delivery, and Expert Consultation."
      imageSrc="http://img.b2bpic.net/free-photo/construction-worker-standing-ladder_23-2149366712.jpg"
      imageAlt="Professional ceiling installers at work"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "service-1",
          title: "Suspended Ceilings",
          author: "AL HUDA CEILINGS",
          description: "Modern suspended ceiling systems for commercial and residential projects, designed for durability and aesthetic appeal.",
          tags: [
            "Commercial",
            "Residential",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-coworkers-throwing-up-papers_23-2147668866.jpg",
          imageAlt: "Modern suspended ceiling",
        },
        {
          id: "service-2",
          title: "Gypsum Ceilings",
          author: "AL HUDA CEILINGS",
          description: "Elegant gypsum board ceiling designs with custom finishes, offering versatility and sophistication for any interior.",
          tags: [
            "Custom",
            "Finishes",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-decorative-paintings-architectural-design_169016-68742.jpg",
          imageAlt: "Elegant gypsum ceiling",
        },
        {
          id: "service-3",
          title: "Acoustic Ceilings",
          author: "AL HUDA CEILINGS",
          description: "Noise-reducing ceiling solutions for offices, schools, and healthcare facilities, enhancing comfort and productivity.",
          tags: [
            "Noise Reduction",
            "Healthcare",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/college-boy-with-books_23-2147678832.jpg",
          imageAlt: "Acoustic ceiling panels",
        },
        {
          id: "service-4",
          title: "Decorative Ceiling Design",
          author: "AL HUDA CEILINGS",
          description: "Luxury ceiling concepts with integrated lighting and modern aesthetics, creating stunning visual impacts in any space.",
          tags: [
            "Luxury",
            "Integrated Lighting",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/art-glow-bulb-light-vintage_1232-4106.jpg",
          imageAlt: "Decorative ceiling design",
        },
        {
          id: "service-5",
          title: "Commercial Projects",
          author: "AL HUDA CEILINGS",
          description: "Large-scale installations for businesses, retail stores, and corporate offices, delivered with efficiency and precision.",
          tags: [
            "Large Scale",
            "Corporate",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-344.jpg",
          imageAlt: "Commercial project installation",
        },
        {
          id: "service-6",
          title: "Maintenance & Renovation",
          author: "AL HUDA CEILINGS",
          description: "Ceiling upgrades, repairs, and modernization services to ensure the longevity and continued beauty of your installations.",
          tags: [
            "Repair",
            "Upgrade",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-background-repair-site_169016-7325.jpg",
          imageAlt: "Ceiling maintenance work",
        },
      ]}
      title="Our Services"
      description="Discover our comprehensive range of suspended ceiling services, tailored to meet the unique requirements of every project, from residential elegance to commercial functionality."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "High-quality workmanship",
        "Attention to detail",
        "Reliable project management",
        "Transparent pricing",
        "Customer-focused service",
        "Proven track record",
        "Expert Team",
      ]}
      title="Why Choose Us"
      description="Al Huda Ceilings is trusted by clients for our unwavering commitment to quality and client satisfaction, reflected in every project we undertake."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "project-1",
          brand: "Residential",
          name: "Luxury Residential Villa",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "25+",
          imageSrc: "http://img.b2bpic.net/free-photo/chandelier_74190-3718.jpg",
          imageAlt: "Luxury residential villa suspended ceiling",
        },
        {
          id: "project-2",
          brand: "Commercial",
          name: "Corporate Office",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "30+",
          imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
          imageAlt: "Corporate office acoustic ceiling",
        },
        {
          id: "project-3",
          brand: "Retail",
          name: "Retail Showroom",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "18+",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862110.jpg",
          imageAlt: "Retail showroom decorative ceiling design",
        },
        {
          id: "project-4",
          brand: "Institutional",
          name: "Educational Facility",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "22+",
          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899442.jpg",
          imageAlt: "Educational facility large suspended ceiling",
        },
        {
          id: "project-5",
          brand: "Hospitality",
          name: "Hotel Lobby",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "15+",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",
          imageAlt: "Luxury hotel lobby ceiling",
        },
        {
          id: "project-6",
          brand: "Commercial",
          name: "Restaurant Dining",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "10+",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-serious-young-redhead-curly-woman_171337-16554.jpg",
          imageAlt: "Modern restaurant dining area ceiling",
        },
      ]}
      title="Featured Projects"
      description="Explore our portfolio of exceptional suspended ceiling installations, showcasing our expertise in transforming diverse spaces with unparalleled craftsmanship."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "CEO, TechCorp",
          company: "TechCorp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-smart-businesswoman-thinking-propensity_1262-5545.jpg",
        },
        {
          id: "2",
          name: "Michael Chen",
          role: "Architect, Urban Designs",
          company: "Urban Designs",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          role: "Property Manager, LuxEstate",
          company: "LuxEstate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
        },
        {
          id: "4",
          name: "David Kim",
          role: "Business Owner, Innovate Hub",
          company: "Innovate Hub",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg",
        },
        {
          id: "5",
          name: "Jessica Lee",
          role: "Homeowner",
          company: "Residential Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "10+",
          label: "Years Experience",
        },
        {
          value: "250+",
          label: "Projects Completed",
        },
        {
          value: "99%",
          label: "Client Satisfaction",
        },
      ]}
      title="Trusted by Our Clients"
      description="Hear directly from our satisfied customers about their experience with Al Huda Ceilings' professional service and outstanding quality, transforming their spaces with confidence."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Contact Us"
      title="Ready to Upgrade Your Ceiling?"
      description="Transform your space with premium suspended ceiling solutions. Request a free consultation and personalized quote today. Phone: +20 XXX XXX XXXX | Email: info@alhudaceilings.com | Location: Greece"
      buttons={[
        {
          text: "Request a Free Consultation",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Projects",
              href: "#projects",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="AL HUDA CEILINGS"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
