"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users, ShieldCheck, MapPin, CalendarCheck, Truck, Smartphone, Warehouse, Hammer, Wrench, HardHat, Drill } from "lucide-react";

export default function WebAgency2Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="metallic"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
          brandName="MaaLaxmiSteel"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Services", id: "services" },
            { name: "About Us", id: "about" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "WhatsApp Us", href: "https://wa.me/911234567890" }}
        />
        <HeroSplitDoubleCarousel
          title="Your Trusted Partner for Quality Steel & Hardware Value"
          description="Unlock your project's potential with premium steel, hardware, and prompt local delivery. Get unmatched quality and value for all your construction, fabrication, and maintenance needs. Order now!"
          tag="Your Local Partner in Construction"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "canvas-reveal" }}
          buttons={[
            { text: "Order Now via WhatsApp", href: "https://wa.me/911234567890" },
            { text: "View Products", href: "#products" },
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
          leftCarouselItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-go8l67eb.jpg?_wi=1", imageAlt: "Stack of steel rods" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-bjnlw8oy.jpg?_wi=1", imageAlt: "Interior view of a hardware shop" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-9gj01g60.jpg?_wi=1", imageAlt: "Construction materials being delivered" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-l0ei5pwa.jpg?_wi=1", imageAlt: "Pile of steel rebar" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-32m1u6ry.jpg?_wi=1", imageAlt: "Display of various hardware tools" }
          ]}
          rightCarouselItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-go8l67eb.jpg?_wi=2", imageAlt: "Steel pipes stored in a warehouse" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-bjnlw8oy.jpg?_wi=2", imageAlt: "Warehouse with steel stock" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-9gj01g60.jpg?_wi=2", imageAlt: "Steel being loaded onto a truck" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-l0ei5pwa.jpg?_wi=2", imageAlt: "Steel beams in a warehouse" }
          ]}
          carouselItemClassName="!aspect-[4/5]"
        />
        <div id="services" data-section="services">
        <FeatureBento
          title="Our Services"
          description="Reliable solutions for your construction and fabrication needs."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          buttons={[{ text: "Contact Us", href: "#contact" }]}
          buttonAnimation="slide-up"
          features={[
            {
              title: "Quality Product Sourcing",              description: "We source premium steel and hardware, ensuring durability and compliance with standards.",              bentoComponent: "marquee",              centerIcon: ShieldCheck,
              variant: "text",              texts: ["Steel Rods", "Pipes", "Hardware", "Cement", "Paints", "Tools", "Building Materials", "Quality Assured"]
            },
            {
              title: "Bulk Supply & Fast Delivery",              description: "Efficient handling of bulk orders with prompt local delivery to your site.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-32m1u6ry.jpg?_wi=2", imageAlt: "Delivery truck at a construction site" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-go8l67eb.jpg?_wi=3", imageAlt: "Warehouse with construction material stock" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-bjnlw8oy.jpg?_wi=3", imageAlt: "Steel bars being loaded" }
              ]
            },
            {
              title: "Expert Consultation",              description: "Get professional advice on material selection for your specific project needs.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-9gj01g60.jpg?_wi=3", imageAlt: "Consultant reviewing blueprints" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-l0ei5pwa.jpg?_wi=3", imageAlt: "Hardware store staff helping customer" },
                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-32m1u6ry.jpg?_wi=3", imageAlt: "Discussion at a construction project site" }
              ]
            }
          ]}
        />
        </div>
        <div id="products" data-section="products">
        <FeatureCardTwentySix
          title="Our Product Range"
          description="Explore our wide selection of steel, hardware, and building materials."
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Inquire Now", href: "#contact" }]}
          buttonAnimation="slide-up"
          cardClassName="!h-auto aspect-video"
          features={[
            {
              title: "Steel Rods (TMT Bars)",              description: "High-strength TMT bars for robust construction.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-go8l67eb.jpg?_wi=4",              imageAlt: "Steel rebar for construction",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Steel Pipes & Sections",              description: "Versatile steel pipes and structural sections.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-bjnlw8oy.jpg?_wi=4",              imageAlt: "Bundled steel pipes",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Binding Wire",              description: "Durable binding wire for all your construction needs.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-9gj01g60.jpg?_wi=4",              imageAlt: "Rolls of binding wire",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Cement & Aggregates",              description: "Quality cement and aggregates for strong foundations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-l0ei5pwa.jpg?_wi=4",              imageAlt: "Stack of cement bags",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Paints & Coatings",              description: "A wide range of paints and protective coatings.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-32m1u6ry.jpg?_wi=4",              imageAlt: "Paint cans in a hardware store",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Tools & Equipment",              description: "Essential tools and equipment for every project.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-go8l67eb.jpg?_wi=5",              imageAlt: "Various hand tools on display",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            }
          ]}
        />
        </div>
        <FeatureBento
          title="Why Choose MaaLaxmiSteel"
          description="Your reliable partner for quality, service, and convenience."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "Mobile-First Ordering",              description: "Easily browse products and order via call or WhatsApp from your phone.",              bentoComponent: "phone",              statusIcon: Smartphone,
              alertIcon: MessageCircle,
              alertTitle: "Quick Contact",              alertMessage: "Call & WhatsApp Ready",              apps: [
                { name: "Phone", icon: Phone },
                { name: "WhatsApp", icon: MessageCircle },
                { name: "Products", icon: BookOpen },
                { name: "Location", icon: MapPin },
                { name: "Quotes", icon: Search },
                { name: "Support", icon: Settings },
                { name: "Reviews", icon: Award },
                { name: "Services", icon: Users }
              ]
            },
            {
              title: "Local & Accessible",              description: "Conveniently located in Supaul with easy directions via Google Maps.",              bentoComponent: "reveal-icon",              icon: MapPin
            },
            {
              title: "Fast Local Delivery",              description: "Prompt delivery directly to your construction site or home in Supaul.",              bentoComponent: "timeline",              heading: "Delivery Process",              subheading: "Seamless Service",              items: [
                { label: "Order Confirmed", detail: "Instant" },
                { label: "Dispatch & Tracking", detail: "Within 1 hr" },
                { label: "Delivered to Site", detail: "Same day" }
              ],
              completedLabel: "Completed"
            },
            {
              title: "Wide Product Variety",              description: "One-stop shop for all your steel and hardware requirements.",              bentoComponent: "orbiting-icons",              centerIcon: Warehouse,
              items: [
                { icon: Hammer },
                { icon: Wrench },
                { icon: HardHat },
                { icon: Drill }
              ]
            },
            {
              title: "Transparent Pricing",              description: "Clear, competitive pricing with no hidden costs.",              bentoComponent: "line-chart"
            }
          ]}
        />
        <TestimonialCardFifteen
          testimonial="MaaLaxmiSteel is our go-to supplier for all construction materials. Their quality is top-notch, and delivery is always on time. Highly recommend!"
          rating={5}
          author="— Rajesh Kumar, Local Contractor, Supaul"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-bjnlw8oy.jpg", alt: "Rajesh Kumar" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
        <MetricCardOne
          title="Our Commitment to You"
          description="Building trust through quality products and exceptional service."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            { id: "experience", value: "10+ Years", title: "Experience", description: "Serving Supaul with reliable steel & hardware", icon: CalendarCheck },
            { id: "customers", value: "1000+", title: "Happy Customers", description: "Trusted by contractors, builders & homeowners", icon: Users },
            { id: "delivery", value: "Same Day", title: "Local Delivery", description: "Fast and reliable service across Supaul", icon: Truck }
          ]}
        />
        <FeatureCardSixteen
          title="The MaaLaxmiSteel Difference"
          description="Why local customers choose us over the rest."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          negativeCard={{
            items: [
              "Unreliable stock and inconsistent quality",              "Slow delivery and poor communication",              "Lack of product variety or expert advice",              "Hidden costs and unclear pricing",              "Difficult to contact for urgent needs"
            ]
          }}
          positiveCard={{
            items: [
              "Guaranteed quality steel and hardware",              "Fast, dependable local delivery",              "Extensive product range with expert support",              "Transparent and competitive pricing",              "Easy contact via call, WhatsApp & in-store"
            ]
          }}
        />
        <div id="about" data-section="about">
        <TeamCardFive
          title="Our Dedicated Team"
          description="Committed to serving your material needs with expertise."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          mediaClassName="object-[65%_center]"
          team={[
            { id: "4", name: "Siddhant", role: "Delivery & Operations Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELoTU17ItQ3P4XicgIpkR2nfS0/uploaded-1779968378181-9gj01g60.jpg?_wi=5", imageAlt: "Siddhant, Delivery & Operations Manager" }
          ]}
        />
        </div>
        <FaqBase
          title="Frequently Asked Questions"
          description="Answers to common queries about our products and services."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            { id: "1", title: "What types of steel do you stock?", content: "We stock a comprehensive range including TMT bars, structural steel, steel pipes, sheets, and custom fabrication materials. Contact us for specific requirements." },
            { id: "2", title: "Do you offer bulk discounts for contractors?", content: "Yes, we provide competitive bulk pricing for contractors and large projects. Please speak to our sales team for a personalized quote." },
            { id: "3", title: "What are your delivery options?", content: "We offer fast local delivery across Supaul and surrounding areas. Same-day delivery is available for most orders placed before noon." },
            { id: "4", title: "Can I pick up my order directly from your store?", content: "Absolutely! You are welcome to pick up your orders at our Supaul location during business hours. Our staff will assist with loading." },
            { id: "5", title: "How can I place an order or get a quote?", content: "You can place orders or request quotes via phone call, WhatsApp, or by visiting our store. Our contact details are available on the website." }
          ]}
        />
        <div id="contact" data-section="contact">
        <ContactCTA
          tag="Connect with Us"
          title="Ready for Your Next Project?"
          description="Get the best steel and hardware delivered to your site. Contact us today for a quick quote!"
          background={{ variant: "rotated-rays-animated" }}
          buttons={[
            { text: "Call Us Now", href: "tel:+911234567890" },
            { text: "WhatsApp Us", href: "https://wa.me/911234567890" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
        </div>
        <FooterBase
          logoText="MaaLaxmiSteel"
          copyrightText="© 2024 | MaaLaxmiSteel"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Products", href: "#products" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Products",              items: [
                { label: "Steel Rods", href: "#products" },
                { label: "Steel Pipes", href: "#products" },
                { label: "Hardware", href: "#products" },
                { label: "Cement", href: "#products" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Call Us", href: "tel:+911234567890" },
                { label: "WhatsApp", href: "https://wa.me/911234567890" },
                { label: "Find Us", href: "https://www.google.com/maps/search/IDBI+Bank+Supaul" }
              ]
            }
          ]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}