"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLarge"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "About", id: "#about" },
        { name: "Products", id: "#products" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="IMRAN WIRE NETTING"
      button={{ text: "Get Quote", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{ variant: "gradient-bars" }}
      title="Reliable Strength in Every Mesh"
      description="Imran Wire Netting Co. delivers high-quality, durable wire mesh and fencing solutions for manufacturing, agriculture, and construction. Precision engineered for performance."
      tag="Trusted Industrial Supplier"
      buttons={[
        { text: "View Catalog", href: "#products" },
        { text: "Contact Us", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105467.jpg", imageAlt: "Industrial Wire Netting Roll" },
        { imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-mesh-texture_23-2150275545.jpg", imageAlt: "Stainless Steel Wire Mesh Detail" },
        { imageSrc: "http://img.b2bpic.net/free-photo/dog-fence_1162-166.jpg", imageAlt: "Manufacturing Production Line" },
        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-light-background_23-2148055638.jpg", imageAlt: "Workshop Material Display" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-wire-fence_23-2148796577.jpg", imageAlt: "Strong Steel Mesh Joint" },
        { imageSrc: "http://img.b2bpic.net/free-photo/background-with-metallic-grid-texture_23-2150275511.jpg", imageAlt: "Ready to Ship Netting Inventory" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Commitment to Quality Manufacturing"
      buttons={[{ text: "Learn More" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Built for Durability"
      description="We ensure every product meets rigorous standards for strength, corrosion resistance, and precision."
      accordionItems={[
        { id: "1", title: "Corrosion Resistant", content: "Our galvanized finishes provide long-lasting protection against rust." },
        { id: "2", title: "Precision Engineering", content: "Uniform hole patterns ensure consistency across every project." },
        { id: "3", title: "Heavy-Duty Materials", content: "High-tensile steel designed for high-security and industrial applications." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-hot-barbecue-grill_1232-3502.jpg"
      imageAlt="Corrosion Resistant Mesh"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "1", brand: "Standard", name: "Galvanized Netting", price: "Contact for Pricing", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-high-view_23-2148744337.jpg" },
        { id: "2", brand: "Industrial", name: "Stainless Steel Mesh", price: "Contact for Pricing", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg" },
        { id: "3", brand: "Security", name: "High-Tensile Fencing", price: "Contact for Pricing", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wired-fence-with-blurred-background_181624-6624.jpg" },
        { id: "4", brand: "Heavy", name: "Welded Wire Coil", price: "Contact for Pricing", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wooden-textured-background_1339-3254.jpg" },
        { id: "5", brand: "Fine", name: "Filter Mesh", price: "Contact for Pricing", rating: 5, reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/photo-fabric-texture-pattern_58702-16012.jpg" },
        { id: "6", brand: "Fence", name: "Chain Link Netting", price: "Contact for Pricing", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-net-with-soccer-field-background_1339-5419.jpg" },
      ]}
      title="Our Wire Netting Catalog"
      description="Explore our extensive range of high-quality industrial wire netting products designed to meet diverse infrastructure needs."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "15+", description: "Years of Experience" },
        { id: "m2", value: "5,000+", description: "Successful Projects" },
        { id: "m3", value: "100%", description: "Quality Commitment" },
      ]}
      title="Decades of Industrial Excellence"
      description="Leading the market in consistent quality and reliable material supply for industrial clients across the region."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Sarah Johnson", handle: "Construction Manager", testimonial: "The mesh quality is consistently excellent. Our projects run smoother with Imran Wire Netting.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784065.jpg" },
        { id: "2", name: "Michael Chen", handle: "Property Owner", testimonial: "Very professional service and timely delivery on every order.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-worker-greeting-with-quality-control-inspector-industrial-building_637285-4102.jpg" },
        { id: "3", name: "Emily Rodriguez", handle: "Agri Specialist", testimonial: "The durability of their galvanized wire in outdoor conditions is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-notepad-her-hands-having-many-flowers-glass-roof_158595-7026.jpg" },
        { id: "4", name: "David Kim", handle: "Civil Engineer", testimonial: "Technical support and material certification are always perfect.", imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-his-three-coworkers-construction-site_259150-60514.jpg" },
        { id: "5", name: "John Miller", handle: "Hardware Distributor", testimonial: "Our top choice for reliable industrial wire supply.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-standing-front-showcases_114579-2802.jpg" },
      ]}
      title="Trusted by Industry Professionals"
      description="Hear what our partners say about our quality and commitment."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Do you offer custom sizes?", content: "Yes, we specialize in custom-cut wire mesh for industrial needs." },
        { id: "f2", title: "What is the lead time?", content: "Standard products ship within 48 hours; custom orders vary by scale." },
        { id: "f3", title: "Is your wire rust-proof?", content: "Our galvanized lines are specifically rated for outdoor environments." },
      ]}
      title="Frequently Asked Questions"
      description="Common answers about our products and manufacturing standards."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      tag="Ready for your next project?"
      title="Request a Quote"
      description="Contact our experts today to discuss your wire netting requirements."
      buttons={[{ text: "Contact Us" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="IMRAN WIRE NETTING CO."
      columns={[
        {
          title: "Products",          items: [
            { label: "Galvanized", href: "#products" },
            { label: "Stainless", href: "#products" },
          ],
        },
        {
          title: "Company",          items: [
            { label: "About Us", href: "#about" },
            { label: "Contact", href: "#contact" },
          ],
        },
      ]}
      copyrightText="© 2024 Imran Wire Netting Co. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
