"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Star, Users, Clock, Palette, Moon, Sun, Sofa, Wrench, Home, MapPin, Lightbulb, Award, DollarSign, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Rukn"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Premium Custom Curtains & Furniture in Dubai & Sharjah"
          description="Free Measurement | Professional Installation | 4.9★ Rated by 48+ Happy Customers"
          tag="⭐ Trusted Local Expert"
          background={{ variant: "plain" }}
          buttons={[
            { text: "📞 Call Now", href: "tel:0525653611" },
            { text: "💬 Get Free Quote", href: "#contact" },
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=1",              imageAlt: "luxury curtains window treatment interior styling"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=2",              imageAlt: "blackout curtains bedroom interior curtain design"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg?_wi=1",              imageAlt: "sheer curtains living room modern decor"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-looking-window-morning-bedroom_285396-4910.jpg",              imageAlt: "motorized curtains smart home technology"},
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardThree
          title="Why Customers Trust Rukn"
          description="Award-winning curtain and furniture supplier serving Dubai & Sharjah"
          metrics={[
            { id: "rating", icon: Star, title: "Rating", value: "4.9★" },
            { id: "customers", icon: Users, title: "Customers", value: "48+" },
            { id: "experience", icon: Clock, title: "Years Active", value: "10+" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Our Services"
          description="Comprehensive solutions for all your curtain and furniture needs"
          tag="Services We Offer"
          features={[
            {
              title: "Custom Curtains",              description: "Tailored to your exact specifications and style preferences",              icon: Palette,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741834.jpg",                  imageAlt: "custom curtains bespoke design fabric selection"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/people-installing-window-curtain_53876-30624.jpg?_wi=1",                  imageAlt: "curtain installation before after project showcase"},
              ],
            },
            {
              title: "Blackout Curtains",              description: "Complete darkness and privacy for bedrooms and offices",              icon: Moon,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=3",                  imageAlt: "blackout curtains darkening bedroom"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg?_wi=2",                  imageAlt: "custom curtains interior design window treatment"},
              ],
            },
            {
              title: "Sheer Curtains",              description: "Elegant light-filtering solutions for modern interiors",              icon: Sun,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/fine-home-event-underwear-curly_1304-941.jpg",                  imageAlt: "sheer curtains light filtering elegant"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=4",                  imageAlt: "luxury curtains home design premium interior"},
              ],
            },
            {
              title: "Sofa Sets",              description: "Premium furniture to complete your home styling",              icon: Sofa,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/decoration-livingroom-interior_74190-1626.jpg",                  imageAlt: "sofa sets furniture living room seating"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/home-contemporary-interior-wood-nobody_1203-6253.jpg?_wi=1",                  imageAlt: "sofa furniture living room seating arrangement"},
              ],
            },
            {
              title: "Professional Installation",              description: "Expert fitting and hanging with meticulous attention to detail",              icon: Wrench,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-curtain_23-2147782308.jpg",                  imageAlt: "installation service professional fitting curtain hanging"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/people-installing-window-curtain_53876-30624.jpg?_wi=2",                  imageAlt: "curtain installation before after project showcase"},
              ],
            },
            {
              title: "Home Furnishing",              description: "Complete interior solutions for villas and apartments",              icon: Home,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/modern-home-creative-interior-decoration-elements_628469-518.jpg",                  imageAlt: "home furnishing interior decoration furniture arrangement"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg?_wi=3",                  imageAlt: "sheer curtains living room modern decor"},
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <FeatureCardTwentyFive
          title="Why Choose Rukn Curtains & Furniture"
          description="The trusted choice for discerning customers across Dubai and Sharjah"
          tag="Our Commitment"
          features={[
            {
              title: "Free Home Visit",              description: "Professional consultation with no obligation",              icon: MapPin,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/thinking-women-looking-clipboard_23-2148352820.jpg",                  imageAlt: "home visit consultation professional measurement"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/people-installing-window-curtain_53876-30624.jpg?_wi=3",                  imageAlt: "curtain installation before after project showcase"},
              ],
            },
            {
              title: "Expert Advice",              description: "Years of experience in design and materials",              icon: Lightbulb,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741783.jpg",                  imageAlt: "interior expert design consultation fabric expertise"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg?_wi=4",                  imageAlt: "custom curtains interior design window treatment"},
              ],
            },
            {
              title: "Premium Materials",              description: "High-quality fabrics and durable furnishings",              icon: Award,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212680.jpg",                  imageAlt: "premium materials quality fabrics durability"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=5",                  imageAlt: "luxury curtains home design premium interior"},
              ],
            },
            {
              title: "Affordable Pricing",              description: "Best value for money guaranteed",              icon: DollarSign,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/cubes-spelling-save-money-table-with-spanish-dinero-bills-coins_181624-20528.jpg",                  imageAlt: "affordable price value for money budget friendly"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/home-contemporary-interior-wood-nobody_1203-6253.jpg?_wi=2",                  imageAlt: "sofa furniture living room seating arrangement"},
              ],
            },
            {
              title: "Fast Delivery",              description: "Quick turnaround without compromising quality",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg",                  imageAlt: "fast delivery shipping logistics"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/people-installing-window-curtain_53876-30624.jpg?_wi=4",                  imageAlt: "curtain installation before after project showcase"},
              ],
            },
            {
              title: "Professional Team",              description: "Skilled craftsmen for perfect installation",              icon: Users,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg",                  imageAlt: "professional installation experienced team craftsmen"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg?_wi=5",                  imageAlt: "custom curtains interior design window treatment"},
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <BlogCardTwo
          title="Our Recent Projects"
          description="Explore our latest curtain installations and furniture solutions"
          tag="Gallery"
          blogs={[
            {
              id: "project-1",              category: "Custom Curtains",              title: "Modern Minimalist Apartment",              excerpt: "Elegant custom curtains installed in a contemporary Dubai apartment",              imageSrc: "http://img.b2bpic.net/free-photo/people-installing-window-curtain_53876-30624.jpg?_wi=5",              imageAlt: "curtain installation before after project showcase",              authorName: "Rukn Team",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Jan 2025"},
            {
              id: "project-2",              category: "Blackout Curtains",              title: "Master Bedroom Transformation",              excerpt: "Premium blackout curtains creating the perfect sleep sanctuary",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg?_wi=6",              imageAlt: "custom curtains interior design window treatment",              authorName: "Rukn Team",              authorAvatar: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              date: "Dec 2024"},
            {
              id: "project-3",              category: "Sheer Curtains",              title: "Luxury Villa Living Room",              excerpt: "Stunning sheer curtains paired with designer sofa collection",              imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg?_wi=6",              imageAlt: "luxury curtains home design premium interior",              authorName: "Rukn Team",              authorAvatar: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              date: "Dec 2024"},
            {
              id: "project-4",              category: "Furniture",              title: "Complete Furnishing Solution",              excerpt: "Sofa sets and accessories creating a cohesive interior design",              imageSrc: "http://img.b2bpic.net/free-photo/home-contemporary-interior-wood-nobody_1203-6253.jpg?_wi=3",              imageAlt: "sofa furniture living room seating arrangement",              authorName: "Rukn Team",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "Nov 2024"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Five stars all the way! Rukn delivered exactly what we wanted. The team was polite, professional, and respectful. We absolutely love our new curtains and sofa set. Highly recommended!"
          rating={5}
          author="Sarah Johnson, Apartment Owner"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Customer 1"},
            {
              src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Customer 2"},
            {
              src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              alt: "Customer 3"},
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Customer 4"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="📞 Contact Us"
          title="Book Your Free Measurement Today"
          description="Get in touch with our team and discover how we can transform your space. Fast response guaranteed."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your phone number"
          buttonText="Get Free Quote"
          termsText="We'll contact you shortly to confirm your free measurement appointment."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Custom Curtains", href: "#services" },
                { label: "Blackout Curtains", href: "#services" },
                { label: "Sheer Curtains", href: "#services" },
                { label: "Sofa Sets", href: "#services" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Gallery", href: "#gallery" },
                { label: "Customer Reviews", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Contact Info",              items: [
                { label: "📞 052 565 3611", href: "tel:0525653611" },
                { label: "💬 WhatsApp", href: "https://wa.me/971525653611" },
                { label: "📍 Al Nahda St, Sharjah", href: "#" },
                { label: "🕐 9:30 AM onwards", href: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Rukn Curtains & Furniture. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}