"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 FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Phone, ShieldCheck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77l189"
      logoAlt="Al Arsh Building Materials Logo"
      brandName="Al Arsh Building Materials"
      button={{
        text: "Get a Quote",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Everything You Need for Construction — In One Place"
      description="We provide premium building materials, paints, and tools at competitive prices — serving contractors, businesses, and individuals."
      testimonials={[
        {
          name: "Sarah Johnson",
          handle: "Project Lead",
          testimonial: "All colors and types available, making sourcing incredibly convenient.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
          imageAlt: "professional male portrait architect",
        },
        {
          name: "Ahmed Hassan",
          handle: "Contractor",
          testimonial: "Best prices with excellent quality, truly unbeatable value.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77l189",
          imageAlt: "professional male portrait architect",
        },
        {
          name: "Fatima Ali",
          handle: "Independent Builder",
          testimonial: "This is the final destination for all building materials, comprehensive stock.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-with-angry-expression-threatening-hit-with-hammer-isolated-orange-wall_141793-15991.jpg?_wi=1",
          imageAlt: "professional male portrait architect",
        },
        {
          name: "Ali Abbas",
          handle: "Developer",
          testimonial: "The efficient delivery and customer service truly set Al Arsh apart. Always a pleasure working with them.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-full-windows_1127-102.jpg",
          imageAlt: "professional male portrait architect",
        },
        {
          name: "Omar Fahad",
          handle: "Construction Manager",
          testimonial: "Reliable supply chain and excellent product consistency. Our projects run smoothly because of Al Arsh.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821337.jpg",
          imageAlt: "professional male portrait architect",
        },
      ]}
      tag="Your Trusted Destination"
      tagIcon={Zap}
      buttons={[
        {
          text: "Contact Us",
          href: "#contact",
        },
        {
          text: "Explore Products",
          href: "#products",
        },
      ]}
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77l189",
          alt: "John Doe, Architect",
        },
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-hard-hat-using-laptop_1303-29779.jpg",
          alt: "Jane Smith, Engineer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-construction-worker-wearing-safety-helmet_176474-86044.jpg",
          alt: "Robert Johnson, Contractor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-girl-jacket-black-top-smiling-outside-wavyhaired-woman-with-red-lips-eyeglasses-sits-stairs-outdoors_197531-27999.jpg",
          alt: "Emily White, Project Manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
          alt: "Michael Brown, Site Supervisor",
        },
      ]}
      avatarText="Trusted by thousands of contractors daily."
      imageSrc="http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-with-angry-expression-threatening-hit-with-hammer-isolated-orange-wall_141793-15991.jpg?_wi=2"
      imageAlt="Modern construction site with luxury materials"
      showDimOverlay={false}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      uniformGridCustomHeightClasses="min-h-none"
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "Project Lead",
          testimonial: "Al Arsh Building Materials is our go-to for all projects. The availability of all colors and types under one roof is incredibly convenient, saving us immense time on sourcing.",
          imageSrc: "http://img.b2bpic.net/free-photo/work-detectives_1098-15961.jpg",
        },
        {
          id: "2",
          name: "Ahmed Hassan",
          role: "Contractor",
          testimonial: "The quality of products at Al Arsh is consistently excellent, and their prices are unbeatable. We've seen significant cost savings without compromising on durability.",
          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
        },
        {
          id: "3",
          name: "Fatima Ali",
          role: "Independent Builder",
          testimonial: "This truly is the final destination for all building materials. Their comprehensive stock means we never have to look elsewhere, making project planning much smoother.",
          imageSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg",
        },
        {
          id: "4",
          name: "David Chen",
          role: "Renovation Specialist",
          testimonial: "Beyond the great products, the friendly and fast service at Al Arsh is what keeps us coming back. They understand the urgency of construction and always deliver.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233783.jpg",
        },
        {
          id: "5",
          name: "Maria Garcia",
          role: "Civil Engineer",
          testimonial: "Reliability is key in construction, and Al Arsh consistently delivers. Their quality supplies ensure our projects stand strong and last longer, giving us peace of mind.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
        },
      ]}
      title="What Our Customers Say"
      description="Hear directly from satisfied clients who rely on Al Arsh Building Materials for their projects, praising our quality, service, and comprehensive range."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Why Choose Us"
      title="Your Trusted Partner in Every Project"
      description="Save time, money, and effort — everything under one roof."
      subdescription="At Al Arsh Building Materials, we offer competitive pricing to ensure cost-effectiveness, alongside a wide product availability that covers all your needs. Our commitment to trusted quality means every material meets high standards, backed by years of experience in the market. Experience friendly and fast service that makes your procurement process seamless and efficient."
      icon={ShieldCheck}
      imageSrc="http://img.b2bpic.net/free-photo/coworkers-office-with-architecture-plans-computer_329181-12047.jpg"
      imageAlt="Quality inspection of building materials"
      mediaAnimation="opacity"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "paints",
          name: "Paints & Colors",
          price: "Competitive",
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-roller-paint-brush_23-2148903438.jpg",
          imageAlt: "Colorful paint cans and brushes",
        },
        {
          id: "painting-tools",
          name: "Painting Tools",
          price: "Best Value",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-with-glove-using-paint-from-can_23-2148591272.jpg",
          imageAlt: "Various painting rollers and brushes",
        },
        {
          id: "building-materials",
          name: "Building Materials",
          price: "From Basic",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-wood-crafting-objects-composition_23-2148732484.jpg",
          imageAlt: "Stacks of cement bags and building blocks",
        },
        {
          id: "electrical-supplies",
          name: "Electrical Supplies",
          price: "Reliable",
          imageSrc: "http://img.b2bpic.net/free-photo/knives-tools-electrical-maintenance_23-2147743046.jpg",
          imageAlt: "Electrical wires and components",
        },
        {
          id: "plumbing-fixtures",
          name: "Plumbing Fixtures",
          price: "Durable",
          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg",
          imageAlt: "Assortment of plumbing pipes and fittings",
        },
        {
          id: "insulation-materials",
          name: "Insulation Materials",
          price: "Efficient",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-grey-colored-paper-pulp_23-2147845534.jpg",
          imageAlt: "Rolls of thermal insulation material",
        },
      ]}
      title="Explore Our Extensive Product Range"
      description="From foundational materials to the final finishing touches, Al Arsh Building Materials supplies everything you need for successful construction, delivered with unparalleled service."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What types of building materials do you offer?",
          content: "We provide a comprehensive range including cement, blocks, steel, lumber, insulation, paints, electrical, plumbing, and all essential contractor supplies. Our inventory is constantly updated to meet industry standards and project requirements.",
        },
        {
          id: "faq-2",
          title: "Do you offer delivery services?",
          content: "Yes, we offer reliable and timely delivery services to construction sites and businesses across Bahrain. Please contact us or visit our store for details on delivery areas, charges, and scheduling options.",
        },
        {
          id: "faq-3",
          title: "Are your prices competitive?",
          content: "Absolutely. We are committed to offering the best quality products at highly competitive prices. We regularly compare our pricing to ensure you get the best value without compromising on material durability or performance.",
        },
        {
          id: "faq-4",
          title: "Can I get custom paint mixing?",
          content: "Yes, we offer professional custom paint mixing services to match any color or specific requirement for your project. Bring us your sample, and we’ll ensure a perfect color match for a flawless finish every time.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our products, services, delivery, and pricing. If your question isn't here, feel free to contact us directly."
      faqsAnimation="opacity"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="gallery" data-section="gallery">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Organized Inventory",
          description: "See how our warehouse is meticulously organized for efficiency.",
          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-coworkers-examine-parcels_482257-75336.jpg",
          imageAlt: "Organized warehouse with building materials",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Expert Assistance",
          description: "Our friendly team is always ready to provide professional guidance.",
          imageSrc: "http://img.b2bpic.net/free-photo/teamwork-spacious-workshop_1098-12987.jpg",
          imageAlt: "Customer interacting with staff in a store",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Large Scale Projects",
          description: "Supplying materials for major construction and development.",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333335.jpg",
          imageAlt: "Large construction site with heavy machinery",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Vast Paint Selection",
          description: "Explore an extensive range of colors and finishes for every need.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705390.jpg",
          imageAlt: "Paint section of a building materials store",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Quality Tools Display",
          description: "Browse our selection of durable and high-performance tools.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898118.jpg",
          imageAlt: "Display of various power tools and hand tools",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Efficient Logistics",
          description: "Ensuring timely and safe delivery of all your orders.",
          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-trainee-seals-cardboard-boxes_482257-86011.jpg",
          imageAlt: "Loading dock with truck being loaded with materials",
          buttonIcon: "ArrowRight",
        },
        {
          title: "Finished Projects",
          description: "Showcasing the excellence achieved with our quality materials.",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-modern-design_23-2148252791.jpg",
          imageAlt: "Modern building with a sleek facade",
          buttonIcon: "ArrowRight",
        },
      ]}
      title="A Glimpse into Our World"
      description="Experience the breadth of our inventory and the dedication behind our service through these visuals of our showroom, products, and ongoing projects."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Location & Contact"
      title="Get a Quote or Visit Us Today"
      description="We are strategically located in Bahrain, ready to serve all your building material needs. Reach out via phone or WhatsApp during our working hours for prompt, expert assistance and competitive quotes."
      tagIcon={Phone}
      imageSrc="http://img.b2bpic.net/free-photo/roof-section-urban-modern-building_122409-10.jpg"
      imageAlt="Modern office building exterior"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our communication terms."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Products",
              href: "#products",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77l189"
      logoAlt="Al Arsh Building Materials Logo"
      logoText="Al Arsh Building Materials"
      copyrightText="© 2024 Al Arsh Building Materials. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
