"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";

import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Sparkles, Hammer, Users, Lightbulb, Building, Type, Flag, Store, PanelLeft, LayoutGrid, SprayCan, PanelTop, Grid3x3, BoxSelect, Monitor, Briefcase, Utensils, Megaphone, CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Services",          id: "all-services"},
        {
          name: "Portfolio",          id: "products"},
        {
          name: "Gallery",           id: "gallery"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Delhi Decor & Signage"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars"}}
      title="Transform Your Space with Delhi Decor & Signage"
      description="Expert solutions for PVC paneling, gypsum, POP work, and impactful advertising banners. Elevate your interiors and brand presence with our skilled craftsmanship in Paharganj, Delhi."
      tag="Innovative Designs"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Services",          href: "#all-services"},
        {
          text: "Get a Quote",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171634-rgvpgied.jpg",          imageAlt: "PVC paneling installation"
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171634-bhojn2ip.jpg",          imageAlt: "Gypsum false ceiling design"
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171635-9pfrcnwl.jpg",          imageAlt: "POP work detail"
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171635-3dkdpfqe.jpg",          imageAlt: "Advertising banner design"
        },
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESf0Xs95RHKHJoFe1J1KoYCtDm/uploaded-1780178171635-g274ekzg.jpg",          imageAlt: "Interior decor project"
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-blue-big-hoarding-pole-with-light-against-blue-sky_23-2147901115.jpg",          imageAlt: "Luxurious PVC ceiling panel installation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-warm-living-room-with-piano-armchair_105762-2249.jpg",          imageAlt: "Modern vinyl flooring in an office"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-information-board_23-2147726657.jpg",          imageAlt: "Intricate POP false ceiling design"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151151935.jpg",          imageAlt: "Stylish LED illuminated shop signage"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lit-diner-place-city-night_23-2149001259.jpg",          imageAlt: "Large format outdoor advertising banner"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-classroom-studying_23-2147656286.jpg",          imageAlt: "Residential gypsum wall partition"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Crafting Excellence in Every Detail"
      description="At Delhi Decor & Signage, we pride ourselves on delivering high-quality interior finishing and advertising solutions. With years of experience serving clients across Delhi, particularly in the Paharganj area, our team brings precision, creativity, and durability to every project. From bespoke ceiling and flooring designs to eye-catching outdoor banners, we transform your vision into reality."
      bulletPoints={[
        {
          title: "Skilled Craftsmanship",          description: "Our experienced artisans ensure flawless execution for all interior and signage projects.",          icon: Hammer,
        },
        {
          title: "Premium Materials",          description: "We use only the highest quality PVC, gypsum, POP, and printing materials for lasting results.",          icon: Sparkles,
        },
        {
          title: "Customer-Centric Approach",          description: "Your satisfaction is our priority, with personalized service from concept to completion.",          icon: Users,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-people-working-with-laptop_23-2149721892.jpg"
      imageAlt="Interior designer discussing plans with client"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Temporary Fixes",          "Substandard Materials",          "Lack of Customization"],
      }}
      positiveCard={{
        items: [
          "PVC Panel Installation",          "Gypsum & POP Work",          "False Ceiling Designs",          "Durable Flooring Solutions",          "Custom Signage & Banners"],
      }}
      title="Our Diverse Range of Services"
      description="We offer comprehensive solutions tailored to enhance both your residential and commercial spaces. Our expertise covers both intricate interior work and prominent outdoor advertising."
    />
  </div>

  <div id="all-services" data-section="all-services">
      <FeatureBento
        title="Comprehensive Services for Your Every Need"
        description="Discover our full range of interior finishing, renovation, and advertising solutions tailored for residential and commercial clients."
        features={[
          { title: "LED Sign Boards", description: "Bright, custom-designed LED sign boards for maximum visibility.", bentoComponent: 'reveal-icon', icon: Lightbulb },
          { title: "ACP Signage", description: "Durable Aluminum Composite Panel signage for a sleek, modern look.", bentoComponent: 'reveal-icon', icon: Building },
          { title: "Glow Sign Boards", description: "Eye-catching glow signs that illuminate your brand day and night.", bentoComponent: 'reveal-icon', icon: Lightbulb },
          { title: "Acrylic Letters", description: "Elegant 3D acrylic letters for sophisticated indoor and outdoor branding.", bentoComponent: 'reveal-icon', icon: Type },
          { title: "Flex & Banner Printing", description: "High-quality flex and banner printing for all your promotional needs.", bentoComponent: 'reveal-icon', icon: Flag },
          { title: "Shop Branding", description: "Complete shop branding solutions from exterior to interior elements.", bentoComponent: 'reveal-icon', icon: Store },
          { title: "PVC Wall Panels", description: "Stylish and easy-to-maintain PVC wall panels for modern interiors.", bentoComponent: 'reveal-icon', icon: PanelLeft },
          { title: "ACP Cladding", description: "Weather-resistant ACP cladding for building exteriors.", bentoComponent: 'reveal-icon', icon: Building },
          { title: "False Ceiling Design", description: "Innovative false ceiling designs in gypsum, POP, and PVC for aesthetic appeal.", bentoComponent: 'reveal-icon', icon: LayoutGrid },
          { title: "POP Ceiling Work", description: "Intricate Plaster of Paris designs for elegant ceiling finishes.", bentoComponent: 'reveal-icon', icon: SprayCan },
          { title: "PVC Ceiling Installation", description: "Quick and efficient PVC ceiling installations with various patterns.", bentoComponent: 'reveal-icon', icon: PanelTop },
          { title: "Flooring Replacement", description: "Professional flooring replacement services including vinyl, laminate, and more.", bentoComponent: 'reveal-icon', icon: Grid3x3 },
          { title: "Tile Installation", description: "Expert tile installation for floors, walls, and decorative accents.", bentoComponent: 'reveal-icon', icon: Grid3x3 },
          { title: "3D Interior Modeling", description: "Visualize your space with realistic 3D interior modeling services.", bentoComponent: 'reveal-icon', icon: BoxSelect },
          { title: "TV Unit Design", description: "Custom TV unit designs that blend functionality and modern aesthetics.", bentoComponent: 'reveal-icon', icon: Monitor },
          { title: "Commercial Interior Work", description: "Complete interior solutions for offices, showrooms, and commercial spaces.", bentoComponent: 'reveal-icon', icon: Briefcase },
          { title: "Restaurant Branding", description: "Creative branding for restaurants, including signage, menus, and interior elements.", bentoComponent: 'reveal-icon', icon: Utensils },
          { title: "Outdoor Advertising", description: "Impactful outdoor advertising solutions like hoardings and large format prints.", bentoComponent: 'reveal-icon', icon: Megaphone },
        ]}
        animationType="slide-up"
        textboxLayout="default"
        useInvertedBackground={true}
      />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",          name: "Modern PVC Ceiling Panels",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-3d-modern-background-design_53876-89053.jpg",          imageAlt: "Modern PVC ceiling panels"},
        {
          id: "p2",          name: "Elegant Gypsum False Ceiling",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-standing-ladder_23-2149366712.jpg",          imageAlt: "Elegant Gypsum false ceiling"},
        {
          id: "p3",          name: "Intricate POP Designs",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/view-church-architectural-elements_23-2150319340.jpg",          imageAlt: "Intricate POP designs"},
        {
          id: "p4",          name: "Custom LED Shop Signage",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/lights-night-city_23-2148139053.jpg",          imageAlt: "Custom LED shop signage"},
        {
          id: "p5",          name: "Luxury Vinyl Flooring",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg",          imageAlt: "Luxury vinyl flooring"},
        {
          id: "p6",          name: "Large Format Advertising Banner",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-vector/gradient-latin-dance-party-vertical-banners_23-2149293771.jpg",          imageAlt: "Large format advertising banner"},
      ]}
      title="Our Portfolio of Work"
      description="Browse through examples of our high-quality installations and creative designs across various categories. Each project reflects our commitment to excellence and client satisfaction."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
        title="Our Diverse Project Gallery"
        description="Explore our recently completed projects across various categories, showcasing our craftsmanship and attention to detail."
        products={[
          { id: "g1", brand: "Design", name: "Spiral Staircase & Wooden Interior", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-staircase_23-2149591965.jpg", imageAlt: "Spiral staircase and wooden interior design" },
          { id: "g2", brand: "Modern Living", name: "TV Panel & Wall Unit Designs", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-living-room-interior-design_1340-23910.jpg", imageAlt: "TV panel and wall unit designs" },
          { id: "g3", brand: "Ambiance", name: "False Ceiling & Lighting Designs", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decoration-ceiling-hotel-lobby_23-2149729853.jpg", imageAlt: "False ceiling and lighting designs" },
          { id: "g4", brand: "Visibility", name: "LED Signboard & Branding Work", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/building-signboard-mockup-design_23-2148785987.jpg", imageAlt: "LED signboard and branding work" }
        ]}
        animationType="slide-up"
        textboxLayout="default"
        gridVariant="four-items-2x2-equal-grid"
        useInvertedBackground={false}
        carouselMode="buttons"
      />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Rajat Sharma",          role: "Restaurant Owner",          company: "Spice Route Eatery",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",          imageAlt: "Rajat Sharma"},
        {
          id: "t2",          name: "Priya Singh",          role: "Homeowner",          company: "Personal Residence",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66073.jpg",          imageAlt: "Priya Singh"},
        {
          id: "t3",          name: "Anil Kumar",          role: "Office Manager",          company: "Innovate Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/human-resource-manager-interviewing-male-applicant_1262-21172.jpg",          imageAlt: "Anil Kumar"},
        {
          id: "t4",          name: "Sneha Gupta",          role: "Boutique Owner",          company: "Fashion Haven",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/upper-angle-view-happy-beautiful-woman-holding-smartphone-sitting-home-having-break-from-work_1258-199926.jpg",          imageAlt: "Sneha Gupta"},
        {
          id: "t5",          name: "Vikram Malhotra",          role: "Contractor",          company: "Urban Builders",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-celebration-joy-happiness-concept-studio-image-ecstatic-overjoyed-mature-woman-stylish-red-bonnet-exclaiming-excitedly-clenching-fists-celebrating-good-news-success_343059-2314.jpg",          imageAlt: "Vikram Malhotra"},
        {
          id: "t6",          name: "Deepika Reddy",          role: "Retail Store Manager",          company: "Gadget World",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-call-centre-girl-wearing-headset-glasses-sitting-desk-with-work-tools-looking-camera-doing-look-gesture-isolated-pink-wall_141793-113417.jpg",          imageAlt: "Deepika Reddy"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from our satisfied customers about their experience with Delhi Decor & Signage. Their feedback is a testament to our quality and dedication."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Local Restaurants",        "Retail Stores",        "Corporate Offices",        "Residential Projects",        "Event Organizers",        "Small Businesses",        "Educational Institutions"]}
      title="Trusted by Businesses and Homes Across Delhi"
      description="Our commitment to quality has earned us the trust of a diverse clientele."
      speed={50}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What types of PVC paneling do you offer?",          content: "We offer a wide range of PVC panels including decorative wall panels, waterproof bathroom panels, and various ceiling designs to suit different aesthetics and functional needs."},
        {
          id: "q2",          title: "Can you handle custom gypsum and POP designs?",          content: "Absolutely! Our team specializes in custom gypsum false ceilings, wall partitions, and intricate POP designs, including cornices, motifs, and architectural elements tailored to your vision."},
        {
          id: "q3",          title: "What areas do you serve in Delhi?",          content: "While we are located in Paharganj, Delhi, we provide our services across various localities in Delhi and NCR region. Please contact us to confirm service availability in your specific area."},
        {
          id: "q4",          title: "How long does an installation typically take?",          content: "The duration of a project depends on its scope and complexity. We provide an estimated timeline after the initial consultation and site assessment to ensure transparency."},
        {
          id: "q5",          title: "Do you offer warranties on your work?",          content: "Yes, we stand by the quality of our craftsmanship and materials. We offer warranties on our installations and materials, ensuring peace of mind for our clients. Specific warranty details will be provided with your project quote."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common queries about our services, process, and commitment to quality."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Enquire Now"
      title="Let's Start Your Next Project"
      description="Ready to elevate your space or brand? Fill out the form below, and our team will get in touch to discuss your service details and outline the process, from consultation to completion."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-business-team-working-together_23-2149630733.jpg"
      imageAlt="Team collaborating on a project"
      mediaPosition="right"
      buttonText="Send Message"
      inputPlaceholder="Your Email"
      termsText="By sending a message you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Delhi Decor & Signage"
      columns={[
        {
          title: "Services",          items: [
            { label: "LED Sign Boards", href: "#all-services" },
            { label: "ACP Signage", href: "#all-services" },
            { label: "Glow Sign Boards", href: "#all-services" },
            { label: "Acrylic Letters", href: "#all-services" },
            { label: "Flex & Banner Printing", href: "#all-services" },
            { label: "Shop Branding", href: "#all-services" },
            { label: "PVC Wall Panels", href: "#all-services" },
            { label: "ACP Cladding", href: "#all-services" },
            { label: "False Ceiling Design", href: "#all-services" },
            { label: "POP Ceiling Work", href: "#all-services" },
            { label: "PVC Ceiling Installation", href: "#all-services" },
            { label: "Flooring Replacement", href: "#all-services" },
            { label: "Tile Installation", href: "#all-services" },
            { label: "3D Interior Modeling", href: "#all-services" },
            { label: "TV Unit Design", href: "#all-services" },
            { label: "Commercial Interior Work", href: "#all-services" },
            { label: "Restaurant Branding", href: "#all-services" },
            { label: "Outdoor Advertising", href: "#all-services" },
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#all-services"},
            {
              label: "Portfolio",              href: "#products"},
            {
              label: "Gallery",              href: "#gallery"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          title: "Legal & Info",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Shop Address",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Delhi Decor & Signage. All rights reserved. Located in Paharganj, Delhi. Shop No. 123, Main Bazaar, Paharganj, Delhi - 110055."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}