"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Hammer, Image, Star, TrendingUp, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="StoneCraft"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Quote", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Masterful Stone Masonry"
          description="Crafting timeless structures with precision and artistry. From residential to commercial projects, we deliver exceptional stonework that stands the test of time."
          buttons={[
            { text: "View Our Work", href: "#portfolio" },
            { text: "Request Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/building_1127-2955.jpg"
          imageAlt="professional stone masonry construction site"
          showDimOverlay={false}
          ariaLabel="Hero section showcasing stone masonry services"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Experience in Stonework Excellence"
          description="With over two decades of expertise, StoneCraft has established itself as the premier masonry contractor in the region. We combine traditional craftsmanship with modern techniques to deliver stunning, durable results. Our team of certified masons takes pride in every project, no matter the scale."
          tag="Our Heritage"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "Learn More", href: "#contact" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/three-architects-talking-front-glass-buidling_23-2147702508.jpg"
          imageAlt="professional construction team at work outdoor"
          useInvertedBackground={false}
          ariaLabel="About StoneCraft masonry company"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Comprehensive Masonry Solutions"
          description="We offer a full range of professional stonework services tailored to your needs."
          tag="Services"
          tagIcon={Hammer}
          tagAnimation="slide-up"
          buttons={[{ text: "Explore All Services", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          negativeCard={{
            items: [
              "Weak mortar joints",              "Cracked brickwork",              "Poor water drainage",              "Structural instability"
            ]
          }}
          positiveCard={{
            items: [
              "Expert stone cutting",              "Premium material selection",              "Waterproof design",              "Lasting durability",              "Aesthetic excellence",              "Structural integrity"
            ]
          }}
          ariaLabel="Masonry services and solutions"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardFour
          title="Featured Projects"
          description="Explore our portfolio of successful stone masonry installations completed for satisfied clients."
          tag="Showcase"
          tagIcon={Image}
          tagAnimation="slide-up"
          buttons={[{ text: "View Full Gallery", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "residential-facade",              name: "Residential Stone Facade",              price: "Completed",              variant: "Luxury Home",              imageSrc: "http://img.b2bpic.net/free-photo/industrial-builder-works-with-professional-angle-grinder-cut-bricks-build-interior-walls-electrician_169016-5878.jpg",              imageAlt: "luxury home stone facade residential exterior"
            },
            {
              id: "commercial-building",              name: "Commercial Building Entrance",              price: "Completed",              variant: "Office Complex",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-white-orange-building-bright-sky_181624-6251.jpg",              imageAlt: "modern commercial building stone entrance"
            },
            {
              id: "garden-landscape",              name: "Garden Landscape Design",              price: "Completed",              variant: "Hardscape",              imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",              imageAlt: "elegant stone garden landscaping hardscape"
            },
            {
              id: "historic-restoration",              name: "Historic Building Restoration",              price: "Completed",              variant: "Heritage",              imageSrc: "http://img.b2bpic.net/free-photo/artistic-palette-knife-art-workshop-artists-art-workshop_169016-62499.jpg",              imageAlt: "historic stone building restoration project"
            },
            {
              id: "patio-installation",              name: "Premium Patio Installation",              price: "Completed",              variant: "Outdoor",              imageSrc: "http://img.b2bpic.net/free-photo/party-modern-sunny-vacation-swimming_1203-4637.jpg",              imageAlt: "custom stone patio installation outdoor space"
            },
            {
              id: "wall-construction",              name: "Retaining Wall Construction",              price: "Completed",              variant: "Structural",              imageSrc: "http://img.b2bpic.net/free-psd/various-styles-gates-fences-design-use_271628-7789.jpg",              imageAlt: "professional retaining wall stone construction"
            }
          ]}
          carouselMode="buttons"
          ariaLabel="Featured masonry projects and portfolio"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose StoneCraft"
          description="Our proven track record speaks to our commitment to excellence and customer satisfaction."
          tag="By The Numbers"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          buttons={[{ text: "Contact Us Today", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "years", value: "25+", description: "Years of Experience" },
            { id: "projects", value: "500+", description: "Projects Completed" },
            { id: "clients", value: "98%", description: "Client Satisfaction" },
            { id: "warranty", value: "10yr", description: "Quality Guarantee" }
          ]}
          carouselMode="buttons"
          ariaLabel="StoneCraft masonry achievements and metrics"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Client Testimonials"
          description="Hear what our satisfied clients have to say about their experience with StoneCraft."
          tag="Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[{ text: "Get Your Quote", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="two-columns-alternating-heights"
          testimonials={[
            {
              id: "testimonial-1",              name: "John Morrison",              role: "Homeowner",              company: "Riverside Estate",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4140.jpg"
            },
            {
              id: "testimonial-2",              name: "Sarah Chen",              role: "Property Manager",              company: "Downtown Development",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg"
            },
            {
              id: "testimonial-3",              name: "Michael Thompson",              role: "Architect",              company: "Modern Design Studio",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg"
            },
            {
              id: "testimonial-4",              name: "Lisa Rodriguez",              role: "Building Owner",              company: "Heritage Properties",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg"
            },
            {
              id: "testimonial-5",              name: "David Park",              role: "Contractor",              company: "Premier Construction",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-happy-old-man-showing-approval_23-2148269354.jpg"
            },
            {
              id: "testimonial-6",              name: "Emma Williams",              role: "Interior Designer",              company: "Elegant Interiors Co",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"
            }
          ]}
          carouselMode="buttons"
          ariaLabel="Client testimonials and reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our masonry services and process."
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          buttons={[{ text: "Need More Help?", href: "#contact" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="smooth"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
          showCard={true}
          faqs={[
            {
              id: "faq-1",              title: "How long does a masonry project typically take?",              content: "Project timelines vary based on scope and complexity. A small residential project may take 2-4 weeks, while larger commercial installations can take several months. We provide detailed timelines during the consultation phase."
            },
            {
              id: "faq-2",              title: "What types of stone do you work with?",              content: "We work with a wide variety of materials including granite, limestone, marble, slate, sandstone, and decorative stone. Our team helps you select the best material for your specific project needs and climate."
            },
            {
              id: "faq-3",              title: "Do you offer warranties on your work?",              content: "Yes, we provide a 10-year warranty on all masonry work. This covers workmanship and material defects, giving you complete peace of mind in your investment."
            },
            {
              id: "faq-4",              title: "How do you ensure quality and durability?",              content: "We use premium materials, proven techniques, and certified masons on every project. Our team follows strict quality standards and conducts thorough inspections at each stage of construction."
            },
            {
              id: "faq-5",              title: "Can you work on restoration projects?",              content: "Absolutely. We specialize in restoring historic stone structures while maintaining their original character. Our restoration services include cleaning, repointing, and structural repairs."
            },
            {
              id: "faq-6",              title: "What is your process for getting a quote?",              content: "We offer free on-site consultations where we assess your project, discuss your vision, and provide a detailed estimate. There's no obligation, and we're happy to answer all your questions."
            }
          ]}
          ariaLabel="Frequently asked questions about masonry services"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your space with expert stonework? Get in touch today for a free consultation and quote. Our team is ready to bring your vision to life."
          animationType="entrance-slide"
          buttons={[
            { text: "Call Us: (555) 123-4567", href: "tel:+15551234567" },
            { text: "Email: info@stonecraft.com", href: "mailto:info@stonecraft.com" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Contact information and quote request"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/textured-background_53876-32146.jpg"
          imageAlt="beautiful stone masonry texture background"
          logoText="StoneCraft"
          copyrightText="© 2025 StoneCraft Masonry. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Stone Masonry", href: "#services" },
                { label: "Restoration", href: "#services" },
                { label: "Landscaping", href: "#services" },
                { label: "Custom Design", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" },
                { label: "Project Timeline", href: "#" },
                { label: "Warranty Info", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "License & Insurance", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
          ariaLabel="Site footer with navigation and company information"
        />
      </div>
    </ThemeProvider>
  );
}