"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkle, Award, CheckCircle2, Sparkles, Star } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="RESET™"
            navItems={[
              { name: "Services", id: "services" },
              { name: "Why Choose Us", id: "why-us" },
              { name: "Our Team", id: "team" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Get Your Free Quote", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="Premium Cleaning & Restoration"
            tagIcon={Sparkle}
            title="Experience the Transformation: Your Space, Renewed and Reimagined by RESET™"
            description="From residential to commercial, RESET™ delivers professional-grade cleaning, detailing, and restoration across eight specialized service categories. See real results and request your personalized quote instantly."
            buttons={[
              { text: "Get Your Free Quote", href: "#contact" },
              { text: "Explore Services", href: "#services" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552306.jpg"
            imageAlt="Modern home exterior sparkling clean after professional cleaning and restoration"
            showDimOverlay={true}
            textPosition="bottom"
            testimonials={[
              {
                name: "Sophia L.", handle: "Homeowner, Luxury Estate", testimonial: "RESET™ transformed my property. The marble floors gleam, and the exterior looks brand new. Truly professional and reliable.", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", imageAlt: "Sophia L."},
              {
                name: "Michael R.", handle: "Hotel Manager, Boutique Hotel", testimonial: "For ongoing maintenance, RESET™ is unmatched. Our showroom always looks pristine, impressing every guest.", rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg", imageAlt: "Michael R."},
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Our Commitment to Excellence"
            tagIcon={Award}
            tagAnimation="slide-up"
            title="RESET™ is dedicated to delivering unparalleled cleaning and restoration, ensuring every surface shines with professional care."
            description="Our certified specialists use cutting-edge techniques and eco-friendly solutions for lasting results."
            subdescription="Trusted for quality and reliability across all our services."
            icon={CheckCircle2}
            imageSrc="http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837023.jpg"
            imageAlt="Close-up of a hand polishing a pristine surface, reflecting quality"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="Our Specialized Services"
            tagIcon={Sparkles}
            title="Eight Specialized Service Categories"
            description="Discover our comprehensive range of professional cleaning and restoration solutions, tailored for every need."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            imageContainerClassName="!rotate-0 !aspect-square"
            features={[
              {
                tag: "Residential", title: "Exterior House Cleaning", subtitle: "Spotless exteriors for your home.", description: "Gentle yet effective cleaning for siding, roofs, and all exterior surfaces, enhancing curb appeal.", imageSrc: "http://img.b2bpic.net/free-photo/modern-suburban-family-home-with-landscaped-yard_84443-74091.jpg", imageAlt: "Clean exterior of a modern house after pressure washing"},
              {
                tag: "Eco-Friendly", title: "Solar Panel Care", subtitle: "Maximize energy efficiency.", description: "Professional cleaning to remove grime and optimize your solar panels' performance and lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29990.jpg", imageAlt: "Clean solar panels glistening in the sun"},
              {
                tag: "Luxury", title: "Marble & Natural Stone Restoration", subtitle: "Restore natural beauty.", description: "Expert polishing, honing, and sealing to bring back the original luster of marble, granite, and more.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-spray-bottles-marble-table_23-2148260849.jpg", imageAlt: "Shiny restored marble floor in a luxurious setting"},
              {
                tag: "Construction", title: "Post-Construction Cleanup", subtitle: "Ready for handover.", description: "Thorough removal of all construction debris, dust, and grime, ensuring a pristine finish for new builds.", imageSrc: "asset://service-construction", imageAlt: "Sparkling clean interior of a newly constructed building"},
              {
                tag: "Commercial", title: "Commercial Detailing", subtitle: "Professional spaces that impress.", description: "Tailored cleaning services for offices, showrooms, and dealerships, maintaining a professional environment.", imageSrc: "asset://service-commercial", imageAlt: "Clean and polished floor in a modern commercial showroom"},
              {
                tag: "Clarity", title: "Window & Glass Washing", subtitle: "Streak-free brilliance.", description: "Achieve crystal-clear windows and glass surfaces, enhancing light and views for any property.", imageSrc: "asset://service-windows", imageAlt: "Crystal clear window reflecting blue sky"},
              {
                tag: "Hygiene", title: "Tile & Grout Cleaning", subtitle: "Deep clean and sanitize.", description: "Advanced techniques to remove deep-seated dirt and mold, restoring hygiene and appearance to tiled areas.", imageSrc: "asset://service-tile", imageAlt: "Clean tile floor with sparkling white grout lines"},
              {
                tag: "Power", title: "High-Pressure Washing", subtitle: "Tackle tough grime.", description: "Powerful and precise pressure washing for driveways, patios, and tough exterior stains.", imageSrc: "asset://service-pressurewash", imageAlt: "High pressure washer cleaning a dirty driveway"},
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Why Choose RESET™ for Your Property"
            description="Our dedication to quality, advanced techniques, and client satisfaction sets us apart."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1", name: "Expert & Certified Technicians", role: "Our team consists of highly trained and certified professionals, ensuring top-tier service.", imageSrc: "asset://whyus-experts", imageAlt: "Professional technician cleaning a surface with specialized equipment"},
              {
                id: "2", name: "Advanced Technology & Techniques", role: "We utilize the latest equipment and methods for efficient, effective, and lasting results.", imageSrc: "asset://whyus-tech", imageAlt: "Advanced cleaning equipment in use"},
              {
                id: "3", name: "Eco-Friendly & Safe Solutions", role: "Commitment to sustainable practices and non-toxic products for a healthy environment.", imageSrc: "asset://whyus-eco", imageAlt: "Green cleaning products on a clean surface"},
              {
                id: "4", name: "Guaranteed Satisfaction", role: "We stand by our work, ensuring every client is completely happy with the RESET™ standard.", imageSrc: "asset://whyus-guarantee", imageAlt: "Smiling customer shaking hands with a cleaning professional"},
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="Meet Our Dedicated Team"
            title="The Professionals Behind Every RESET™ Shine"
            description="Our certified and passionate team is committed to delivering excellence and restoring beauty to every space."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1", name: "Elara Vance", role: "Operations Director", imageSrc: "asset://team-elara", imageAlt: "Elara Vance, Operations Director"},
              {
                id: "2", name: "Marcus Thorne", role: "Lead Restoration Specialist", imageSrc: "asset://team-marcus", imageAlt: "Marcus Thorne, Lead Restoration Specialist"},
              {
                id: "3", name: "Sophia Chen", role: "Client Relations Manager", imageSrc: "asset://team-sophia", imageAlt: "Sophia Chen, Client Relations Manager"},
              {
                id: "4", name: "Javier Rodriguez", role: "Senior Cleaning Technician", imageSrc: "asset://team-javier", imageAlt: "Javier Rodriguez, Senior Cleaning Technician"},
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Client Success Stories"
            cardTagIcon={Star}
            cardTitle="Hear from Our Valued Clients: Unwavering Trust and Stellar Results"
            buttons={[{ text: "Request a Free Quote", href: "#contact" }]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              {
                id: "1", name: "Sarah M.", imageSrc: "asset://avatar-sarah", imageAlt: "Sarah M."},
              {
                id: "2", name: "David K.", imageSrc: "asset://avatar-david", imageAlt: "David K."},
              {
                id: "3", name: "Emily R.", imageSrc: "asset://avatar-emily", imageAlt: "Emily R."},
              {
                id: "4", name: "Ryan J.", imageSrc: "asset://avatar-ryan", imageAlt: "Ryan J."},
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="Your Questions, Answered"
            title="Frequently Asked Questions About RESET™ Services"
            description="Find quick answers to common inquiries regarding our premium cleaning and restoration solutions."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1", title: "What types of properties does RESET™ service?", content: "We provide specialized cleaning and restoration for residential homes (including luxury estates), commercial properties (offices, showrooms, hotels), and construction sites (post-build cleanup)."},
              {
                id: "2", title: "How do I request a personalized quote?", content: "You can easily request a free, no-obligation quote by filling out the contact form on our website or calling us directly. We'll assess your needs and provide a tailored estimate."},
              {
                id: "3", title: "Are your cleaning products safe and eco-friendly?", content: "Yes, RESET™ prioritizes safety and sustainability. We use professional-grade, eco-friendly, and non-toxic cleaning solutions that are safe for your family, pets, and the environment."},
              {
                id: "4", title: "What is your service guarantee?", content: "We are committed to delivering exceptional results. If you're not completely satisfied with our service, please contact us within 24 hours, and we will make it right."},
              {
                id: "5", title: "Do you offer recurring cleaning and maintenance services?", content: "Absolutely. We provide customized recurring service plans for commercial clients and can arrange periodic maintenance for residential properties based on your specific requirements."},
              {
                id: "6", title: "What is the typical timeframe for a restoration project?", content: "Project duration varies greatly depending on the scope and complexity. During your initial consultation, we'll provide a detailed project timeline and keep you informed every step of the way."},
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            title="Get Your Personalized Quote Today"
            description="Ready to experience the RESET™ difference? Fill out the form below for a free, no-obligation estimate."
            useInvertedBackground={false}
            mediaAnimation="none"
            buttonText="Send My Quote Request"
            imageSrc="asset://contact-form-background"
            imageAlt="Modern, clean office space with natural light, representing a refreshed environment"
            mediaPosition="left"
            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email Address", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number (Optional)" },
            ]}
            multiSelect={{
              name: "serviceOfInterest",              label: "Select Service of Interest",              options: [
                "Exterior House Cleaning",                "Solar Panel Care",                "Marble & Natural Stone Restoration",                "Post-Construction Cleanup",                "Commercial Detailing",                "Window & Glass Washing",                "Tile & Grout Cleaning",                "High-Pressure Washing",                "Other / Not Listed"
              ]
            }}
            textarea={{
              name: "message",              placeholder: "Tell us about your cleaning or restoration needs...",              rows: 4,
              required: true
            }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "Exterior House Cleaning", href: "#services" },
                  { label: "Solar Panel Care", href: "#services" },
                  { label: "Marble & Stone Restoration", href: "#services" },
                  { label: "Post-Construction Cleanup", href: "#services" },
                  { label: "Commercial Detailing", href: "#services" },
                  { label: "Window & Glass Washing", href: "#services" },
                  { label: "Tile & Grout Cleaning", href: "#services" },
                  { label: "High-Pressure Washing", href: "#services" },
                ],
              },
              {
                title: "Company",                items: [
                  { label: "Why Choose RESET™", href: "#why-us" },
                  { label: "Our Team", href: "#team" },
                  { label: "Client Testimonials", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                ],
              },
              {
                title: "Contact Us",                items: [
                  { label: "(123) 456-7890", href: "tel:1234567890" },
                  { label: "info@resetclean.com", href: "mailto:info@resetclean.com" },
                  { label: "Serving Major Metros" },
                ],
              },
            ]}
            bottomLeftText="© 2026 RESET™ Cleaning & Restoration. All rights reserved."
            bottomRightText="Privacy Policy | Terms of Service"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
