"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Hammer, Lightbulb, DollarSign, Truck, ThumbsUp, Star, HelpCircle, Handshake } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Franced Hardware"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Products", id: "#products" },
            { name: "Services", id: "#services" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Partners", id: "#partners" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{ text: "Get a Quote", href: "#contact" }}
        />
      </div>

      <div id="home" data-section="home">
        <HeroLogo
          logoText="Franced Hardware & Construction Supply"
          description="Your trusted partner for quality hardware, building materials, and construction essentials. We build with you."
          buttons={[
            { text: "Explore Products", href: "#products" },
            { text: "Request a Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/various-tools-arranged-neatly-table_23-2151624640.jpg"
          imageAlt="Various tools arranged on a table"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Building Foundations, " },
            { type: "image", src: "https://img.b2bpic.net/free-photo/construction-site-material-equipment_23-2151625902.jpg", alt: "Construction site materials and equipment" },
            { type: "text", content: " Together" }
          ]}
          useInvertedBackground={false}
          buttons={[{ text: "Our Mission", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose Franced Hardware?"
          description="Reliability, quality, and expertise are at the core of everything we do. Partner with us for your next project."
          features={[
            { icon: Hammer, title: "Quality Products", description: "Discover a comprehensive range of durable and reliable hardware items." },
            { icon: Lightbulb, title: "Expert Advice", description: "Benefit from our knowledgeable team for all your construction queries." },
            { icon: DollarSign, title: "Competitive Pricing", description: "Get the best value for your money with our affordable rates." },
            { icon: Truck, title: "Timely Delivery", description: "Ensure your materials arrive on schedule, every time." }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Our Strengths"
          tagIcon={ThumbsUp}
          tagAnimation="slide-up"
          buttons={[{ text: "Learn More", href: "#about" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Product Catalog"
          description="From basic hardware to heavy construction materials, find everything you need for your project."
          products={[
            { id: "1", name: "Cement Bag", price: "$5.99", imageSrc: "https://img.b2bpic.net/free-photo/cement-bags-factory_23-2148972106.jpg", imageAlt: "Cement bags at a factory" },
            { id: "2", name: "Steel Rebar", price: "$1.20/ft", imageSrc: "https://img.b2bpic.net/free-photo/steel-rebar_23-2149320807.jpg", imageAlt: "Steel rebar bundles" },
            { id: "3", name: "Assorted Screws & Nails", price: "$15.00", imageSrc: "https://img.b2bpic.net/free-photo/nuts-bolts-screws_23-2148762512.jpg", imageAlt: "Assorted nuts, bolts, and screws" },
            { id: "4", name: "Power Drill", price: "$89.99", imageSrc: "https://img.b2bpic.net/free-photo/driller-drill_23-2148281358.jpg", imageAlt: "Handheld power drill" },
            { id: "5", name: "Paint Cans (Gallon)", price: "$25.00", imageSrc: "https://img.b2bpic.net/free-photo/paint-cans-assortment_23-2151625908.jpg", imageAlt: "Assorted paint cans" },
            { id: "6", name: "Safety Helmet", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/worker-helmet-yellow_23-2148281373.jpg", imageAlt: "Yellow worker safety helmet" }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Building Essentials"
          tagIcon={Hammer}
          tagAnimation="slide-up"
          buttons={[{ text: "View Full Catalog", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from contractors and DIY enthusiasts who trust Franced Hardware for their supply needs."
          testimonials={[
            { id: "1", name: "John D.", date: "2023-10-26", title: "Reliable Partner", quote: "Franced Hardware has been our go-to for all construction materials. Their quality and service are unmatched!", tag: "Site Manager", avatarSrc: "https://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg", avatarAlt: "John D. avatar" },
            { id: "2", name: "Maria P.", date: "2023-11-15", title: "Great Selection", quote: "Excellent selection and very helpful staff. Always find what I need for my home projects.", tag: "DIY Enthusiast", avatarSrc: "https://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4049.jpg", avatarAlt: "Maria P. avatar" },
            { id: "3", name: "Carlos G.", date: "2023-12-01", title: "Exceptional Service", quote: "Reliable delivery and competitive prices. A true partner in the industry.", tag: "Contractor", avatarSrc: "https://img.b2bpic.net/free-photo/thoughtful-man-with-beard_23-2147689452.jpg", avatarAlt: "Carlos G. avatar" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Client Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products, services, and deliveries."
          faqs={[
            { id: "1", title: "Do you offer bulk discounts?", content: "Yes, we offer competitive bulk discounts for large orders. Please contact our sales team for a custom quote." },
            { id: "2", title: "What are your delivery options?", content: "We provide various delivery options, including standard, express, and site delivery services. Specific costs and times depend on your location and order size." },
            { id: "3", title: "Can I place an order online?", content: "Currently, orders can be placed through phone or email. We are working on an online ordering system for your convenience." },
            { id: "4", title: "Do you stock specialized tools?", content: "Our inventory includes a wide range of standard and specialized tools. If you need something specific, please inquire with our team." }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/engineer-working-with-blueprint_23-2151624641.jpg"
          imageAlt="Engineer working with a blueprint"
          mediaAnimation="slide-up"
          faqsAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofOne
          names={[
            "Construction Firms",            "Local Builders",            "DIY Groups",            "Renovation Experts",            "Hardware Suppliers Association"
          ]}
          title="Our Valued Partners"
          description="Trusted by leading construction firms and local builders for reliable supplies."
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
          tag="Partnerships"
          tagIcon={Handshake}
          tagAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start your next project with quality supplies? Contact Franced Hardware & Construction Supply today!"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          animationType="entrance-slide"
          buttons={[{ text: "Get a Free Quote", href: "mailto:info@francedhardware.com" }]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="Franced Hardware"
          columns={[
            { title: "Products", items: [{ label: "Hardware", href: "#products" }, { label: "Building Materials", href: "#products" }, { label: "Tools", href: "#products" }] },
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Careers", href: "#" }] },
            { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Shipping & Returns", href: "#" }] }
          ]}
          copyrightText="© 2024 Franced Hardware & Construction Supply. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
