"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { House, Kitchen, Hammer, Ruler, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Zachary Builders"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "Services", id: "#services" },
            { name: "About", id: "#about" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="home" data-section="home">
        <HeroBillboardRotatedCarousel
          title="A Local Contractor You Can Trust"
          description="As trustworthy, skillful, and caring general contractors in Newark, our team is here to help improve your property with the best services in the city."
          background={{"variant":"rotated-rays-animated"}}
          buttons={[
            { text: "Get Free Quote", href: "#contact" }
          ]}
          carouselItems={[
            { id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515937.jpg", imageAlt: "Modern kitchen renovation" },
            { id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/positive-people-serving-table-with-plates-outdoors_1262-20344.jpg", imageAlt: "Luxury bathroom remodel" },
            { id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2214.jpg", imageAlt: "Exterior home siding and windows" },
            { id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-electrician-using-mobile-phone-work_23-2148087648.jpg", imageAlt: "Custom deck with outdoor furniture" },
            { id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-background-white-spa-towels-wood_1258-111485.jpg", imageAlt: "Basement finishing and renovation" },
            { id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-tropical-healthy-breakfast-villa-floating-table_343596-1191.jpg", imageAlt: "Whole home interior renovation" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Hero section showcasing various home renovation projects"
        />
      </div>
      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Our Home Renovation Services"
          description="Experience a comprehensive range of services designed to transform your home inside and out with Zachary Builders Limited. Our offerings include:"
          features={[
            { icon: House, title: "Exterior Remodeling Services", description: "From home siding to window and door installation, drainage solutions, deck installation/restoration, and patio construction." },
            { icon: Kitchen, title: "Interior Home Remodeling", description: "Enhance your living spaces with our kitchen, bathroom, and basement remodeling expertise. We also handle room additions, painting, and more." },
            { icon: Hammer, title: "Handyman Services", description: "Trust our skilled team to take care of all your home repair and maintenance needs efficiently." },
            { icon: Ruler, title: "Renovations", description: "Whether it's a minor update or a major transformation, we are here to bring your renovation vision to life with precision and care." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Our home renovation services"
        />
      </div>
      <div id="about" data-section="about">
        <MediaAbout
          title="About Our General Contracting Company"
          description="Renovating your home not only enhances its aesthetics but also increases its functionality and value. Whether you're looking to create a personal oasis in your bathroom, a gourmet kitchen for culinary adventures, or an inviting outdoor deck for relaxation, home renovations can transform your living spaces and elevate your lifestyle.\n\n**Why choose us**\n1. **Commitment to Excellence:** We are dedicated to delivering high-quality craftsmanship and exceeding client expectations in every project we undertake.\n2. **Customer-Centric Approach:** Your satisfaction is our priority, and we strive to make your home improvement experience smooth, stress-free, and ultimately rewarding.\n3. **Skilled Team of Experts:** Our team of skilled professionals ensures precise execution and attention to detail in every aspect of your project.\n4. **Community Impact:** We believe in giving back to the community we serve and making a positive difference through our projects and relationships."
          imageSrc="http://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-furniture_23-2150864678.jpg"
          imageAlt="Luxurious bathroom remodel with modern fixtures"
          useInvertedBackground={true}
          tag="Trusted Quality"
          tagIcon={Star}
          tagAnimation="slide-up"
          ariaLabel="About Zachary Builders Limited and our commitment to excellence"
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact in Numbers"
          description="Zachary Builders Limited is proud of the trust and satisfaction we've built in our community. Our commitment to excellence is reflected in every project."
          metrics={[
            { id: "metric-1", value: "250+", title: "Projects Completed", description: "Successfully delivered renovation and construction projects to delighted homeowners in Newark and surrounding areas.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-repair_23-2148419138.jpg", imageAlt: "Blueprint design with tools" },
            { id: "metric-2", value: "15+", title: "Years Experience", description: "Decades of combined experience in general contracting, ensuring expertise and high-quality workmanship in every detail.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-helmet-warehouse_23-2148923129.jpg", imageAlt: "Experienced construction worker" },
            { id: "metric-3", value: "99%", title: "Customer Satisfaction", description: "Our clients consistently praise our professionalism, timely completion, and exceptional results.", imageSrc: "http://img.b2bpic.net/free-photo/happy-single-father-his-daughter-taking-selfie-after-moving-into-new-home_637285-12414.jpg", imageAlt: "Happy family in new home" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Company metrics and achievements"
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Local Homeowners"
          description="See why families and businesses in Newark choose Zachary Builders Limited for their renovation and construction needs."
          names={[
            "Quality Home Solutions",            "Build Right Co.",            "Renovate Now LLC",            "Modern Living Spaces",            "Community Builders",            "Design & Construct",            "Premier Renovations"
          ]}
          useInvertedBackground={true}
          speed={40}
          showCard={false}
          ariaLabel="Trusted by local homeowners and businesses"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Are Saying"
          description="Hear directly from homeowners who have experienced the Zachary Builders difference in their home renovation journeys."
          testimonials={[
            { id: "1", name: "Gary Clark", date: "August 2023", title: "Unbelievable service", quote: "Great people to work with. Kept us totally informed completed bathroom remodel to our expectations and also finished as scheduled. Great personalities and even had a sense of humor. We love our new bathroom and Zachary Builders.", tag: "Bathroom Remodel", avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", avatarAlt: "Gary Clark avatar", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094106.jpg", imageAlt: "Completed bathroom remodel" },
            { id: "2", name: "Cheryl Houser", date: "September 2023", title: "So Good", quote: "The crew was very punctual and did an amazing job finishing my bathroom. The carpentry was well done and the colors matched perfectly. They installed new shower heads and new shower doors. They selected amazing styles and had to custom cut them to fit into my shower frame. The half wall looks better then I ever imagined!! They cleaned up their messes each day, and they always told me when they were coming back. I would love to work with Zachary Builders again!!!", tag: "Bathroom Finishing", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg", avatarAlt: "Cheryl Houser avatar", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-decoration_181624-57833.jpg", imageAlt: "Finished bathroom details" },
            { id: "3", name: "Corey Flanagan", date: "July 2023", title: "Smooth Process", quote: "Zach and his crew were honest and upfront on the estimate and what could be done. They ran electric to our attic and did the job quickly and very well! Would definitely hire them again.", tag: "Attic Electric & Repair", avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", avatarAlt: "Corey Flanagan avatar", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-roof_23-2148748788.jpg", imageAlt: "Attic electrical work" },
            { id: "4", name: "Jessica Miller", date: "June 2023", title: "Highly Recommend", quote: "Exceptional quality and professionalism. Our kitchen remodel exceeded all expectations. Zachary Builders truly delivers on their promise of excellence.", tag: "Kitchen Remodel", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6862.jpg", avatarAlt: "Jessica Miller avatar", imageSrc: "http://img.b2bpic.net/free-photo/happy-people-throwing-papers-victoriously_23-2147668868.jpg", imageAlt: "Modern kitchen" },
            { id: "5", name: "Robert Davis", date: "April 2023", title: "Dream Home Achieved", quote: "Zachary Builders transformed our house into our dream home. The team was fantastic and always went the extra mile to ensure every detail was perfect. Truly outstanding service!", tag: "Full Home Renovation", avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-pointing-copy-space-banner-with-thumb-showi_1258-160565.jpg", avatarAlt: "Robert Davis avatar", imageSrc: "http://img.b2bpic.net/free-photo/colonial-style-building_1150-18029.jpg", imageAlt: "Dream home exterior" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials about our general contractor services"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about our renovation and contracting services. If you can't find what you need, feel free to reach out directly."
          faqs={[
            { id: "faq-1", title: "What areas do you serve?", content: "Zachary Builders Limited proudly serves Newark and the surrounding communities within a 30-mile radius. Contact us to confirm service availability in your specific location." },
            { id: "faq-2", title: "How long does a typical renovation project take?", content: "Project timelines vary greatly depending on the scope and complexity. We provide a detailed project schedule during the consultation phase, aiming for efficient and timely completion." },
            { id: "faq-3", title: "Do you offer free estimates?", content: "Yes, we offer complimentary, no-obligation estimates for all potential projects. This allows us to understand your needs and provide an accurate cost and timeline assessment." },
            { id: "faq-4", title: "Are you licensed and insured?", content: "Absolutely. Zachary Builders Limited is fully licensed, bonded, and insured, providing you with peace of mind and protection throughout your home improvement journey." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924136.jpg"
          imageAlt="Contractor discussing blueprints with homeowners"
          mediaAnimation="slide-up"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Frequently asked questions about Zachary Builders Limited"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Transform Your Home?"
          description="Choose Zachary Builders Limited for an unmatched home renovation experience that combines expertise, quality, and commitment to excellence. Let us transform your home into a space you'll love coming back to every day. Get a free quote or call us today!"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number" }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your project (optional)", rows: 4 }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg"
          imageAlt="Modern contractor office interior with project plans"
          mediaAnimation="opacity"
          mediaPosition="left"
          buttonText="Get Free Quote"
          ariaLabel="Contact Zachary Builders Limited for a free quote"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Zachary Builders Limited"
          columns={[
            { items: [{ label: "Home", href: "#home" }, { label: "Free Quote", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
            { items: [{ label: "Contact", href: "#contact" }, { label: "Blog", href: "#" }] }
          ]}
          ariaLabel="Site footer with navigation and copyright"
        />
      </div>
    </ThemeProvider>
  );
}
