"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="C Scott Construction & Landscaping"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "Services", id: "#services" },
            { name: "Projects", id: "#projects" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
          button={{
            text: "Get a Free Estimate"
          }}
        />
      </div>

      <div id="home" data-section="home">
        <HeroLogo
          logoText="C Scott Construction & Landscaping"
          description="From sprinkler repairs and irrigation systems to tree removal, sod installation, pavers, grading, and complete landscape transformations, C Scott Construction & Landscaping delivers quality craftsmanship with honest service. Every project receives attention to detail, professional workmanship, and reliable communication."
          buttons={[
            { text: "Get a Free Estimate" },
            { text: "Call Now" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/hotel_1127-4037.jpg"
          imageAlt="Professional Landscaping and Outdoor Construction"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your Trusted Landscaping & Outdoor Construction Partner" }
          ]}
          buttons={[
            { text: "Learn More About Us" }
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          title="Our Comprehensive Landscaping Services"
          description="C Scott Construction & Landscaping offers a wide range of services to enhance your property's beauty and functionality, from essential maintenance to complete outdoor transformations."
          features={[
            {
              id: "irrigation",              title: "Irrigation & Sprinkler Systems",              descriptions: [
                "Expert installation, repair, and maintenance for efficient watering systems.",                "Water-saving solutions tailored to your landscape needs."
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781073631946-j5k3td5f.png",              imageAlt: "Irrigation system watering a lawn"
            },
            {
              id: "tree-care",              title: "Tree & Shrub Care",              descriptions: [
                "Professional tree removal, pruning, and health assessments to maintain beautiful trees.",                "Ensure safety and enhance your property's curb appeal."
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781073754878-v7uwehh8.png",              imageAlt: "Arborist climbing a tree for pruning"
            },
            {
              id: "pavers-patios",              title: "Pavers & Outdoor Living",              descriptions: [
                "Design and build stunning patios, walkways, and driveways with durable, stylish pavers.",                "Create custom outdoor living spaces for relaxation and entertainment."
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781073639380-i3vyn1r3.png",              imageAlt: "Modern paver patio with outdoor furniture"
            },
            {
              id: "sod-grading",              title: "Sod Installation & Grading",              descriptions: [
                "Achieve a lush, healthy lawn with professional sod installation and precise land grading.",                "Improve drainage and prepare your yard for optimal growth."
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781073680201-7s2a93s4.png",              imageAlt: "New sod being rolled out onto prepared ground"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="projects" data-section="projects">
        <ProductCardFour
          title="Our Signature Projects"
          description="Explore stunning before-and-after transformations from our recent landscaping and outdoor construction projects."
          products={[
            {
              id: "project-1",              name: "Modern Backyard Oasis",              price: "Request Quote",              variant: "Residential Landscaping",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781073981012-3vzwgaye.png",              imageAlt: "Modern backyard with new patio and landscaping"
            },
            {
              id: "project-2",              name: "Commercial Grounds Makeover",              price: "Request Quote",              variant: "Commercial Maintenance",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781074003264-8tr345rp.png",              imageAlt: "Before and after of a commercial property landscape"
            },
            {
              id: "project-3",              name: "Durable Paver Driveway",              price: "Request Quote",              variant: "Outdoor Construction",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781074029288-y9q83v9k.png",              imageAlt: "Newly installed paver driveway"
            },
            {
              id: "project-4",              name: "Efficient Irrigation Upgrade",              price: "Request Quote",              variant: "Water Management",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781073579478-w5nvb1b4.png",              imageAlt: "Advanced irrigation system sprayers"
            },
            {
              id: "project-5",              name: "Elegant Garden Redesign",              price: "Request Quote",              variant: "Custom Landscape Design",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvwSrcQl1MPWFSJgk5K6s9sUrH/uploaded-1781074122968-gtgs1b2i.png",              imageAlt: "Beautifully redesigned residential garden"
            },
            {
              id: "project-6",              name: "Tree & Stump Removal",              price: "Request Quote",              variant: "Property Safety",              imageSrc: "http://img.b2bpic.net/free-photo/strong-lumberjack-chopping-wood-chips-fly-apart-ax-hatchet-axe-split-log-with-ax-birch-firewood-background-wood-wallpaper_1391-226.jpg",              imageAlt: "Cleared area after tree and stump removal"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Experience You Can Trust"
          description="Years of dedicated service, satisfied clients, and successful projects speak for themselves. We deliver quality and reliability."
          metrics={[
            { id: "years", value: "20+", description: "Years of Industry Experience" },
            { id: "projects", value: "500+", description: "Successful Projects Completed" },
            { id: "clients", value: "250+", description: "Satisfied Residential & Commercial Clients" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear directly from homeowners and commercial property managers who've experienced our commitment to excellence and unparalleled service."
          testimonials={[
            {
              id: "new-1",              name: "MaryAnn Fears",              date: "May 2024",              title: "Amazing Service",              quote: "Scott Construction is amazing. I called them for a quote to take out my tree and grind the stump. They came out the same day and did an amazing job. I hope to have them build a deck for me real soon.",              tag: "Client", avatarSrc: "/images/client-avatar.jpg", avatarAlt: "MaryAnn Fears Avatar"
            },
            {
              id: "new-2",              name: "Hannah Amador",              date: "May 2024",              title: "Professional Paver Installation",              quote: "Chris installed pavers for us in our parking strip that was previously overgrown with weeds. He answered my request online immediately and came out that evening and gave me a quote. The job was done that next week. My goal was to make the space neater and less maintenance but it actually turned out beautiful. He is very professional and communicative. We will definitely be calling him again for projects down the road.",              tag: "Client", avatarSrc: "/images/client-avatar.jpg", avatarAlt: "Hannah Amador Avatar"
            },
            {
              id: "new-3",              name: "Cameron DuBois",              date: "May 2024",              title: "Timely & Affordable Service",              quote: "Chris was timely, professional, & affordable. He met all of the requests I had regarding getting a sprinkler system & sod installed in our backyard. He added some wood along the fence to prevent a weird growth that would have been difficult to maintain. I can control my sprinklers from my phone which is also extremely convenient. I would definitely recommend him & use him again in the future.",              tag: "Client", avatarSrc: "/images/client-avatar.jpg", avatarAlt: "Cameron DuBois Avatar"
            },
            {
              id: "new-4",              name: "Todd Johnson",              date: "May 2024",              title: "Outstanding Landscape Job",              quote: "Chris did an outstanding job meeting our landscape and construction needs. He was efficient and competitively priced. His customer service was with excellence and integrity. I highly recommend!",              tag: "Client", avatarSrc: "/images/client-avatar.jpg", avatarAlt: "Todd Johnson Avatar"
            },
            {
              id: "new-5",              name: "Jonathan Campbell",              date: "May 2024",              title: "Best in Business",              quote: "C Scott Construction & Landscaping are some of the best in the business. I have been using these guys for years to keep my olive trees trimmed and yard looking pristine. Always A+++ work and the best dudes. They even haul off everything. Do yourself a favor and hire them!",              tag: "Client", avatarSrc: "/images/client-avatar.jpg", avatarAlt: "Jonathan Campbell Avatar"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Fast Response Times",            "Competitive Pricing",            "Licensed & Insured",            "Residential & Commercial",            "Quality Craftsmanship",            "Honest Service",            "Attention to Detail"
          ]}
          title="Our Pillars of Trust"
          description="We are committed to delivering exceptional service and results on every project, backed by our core values."
          textboxLayout="default"
          useInvertedBackground={true}
          speed={50}
          showCard={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Get quick answers to common questions about our landscaping and outdoor construction services, pricing, and process."
          faqs={[
            {
              id: "q1",              title: "What services do you offer?",              content: "We offer a full range of landscaping and outdoor construction services, including irrigation, tree removal, sod installation, pavers, grading, and complete landscape design and build solutions."
            },
            {
              id: "q2",              title: "Do you offer free estimates?",              content: "Yes, we provide free, no-obligation estimates for all our services. Contact us today to schedule your personalized consultation and receive a detailed quote."
            },
            {
              id: "q3",              title: "Are you licensed and insured?",              content: "Absolutely. C Scott Construction & Landscaping is fully licensed and insured for both residential and commercial projects. Your peace of mind is our priority."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Transform Your Outdoors?"
          title="Get Your Free Landscaping Estimate Today"
          description="Contact C Scott Construction & Landscaping now for a personalized consultation and a detailed quote. Let's build something beautiful and functional together."
          buttons={[
            { text: "Request a Quote" },
            { text: "Call Us Now" }
          ]}
          background={{
            variant: "radial-gradient"
          }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="C Scott Construction & Landscaping"
          columns={[
            {
              title: "Services",              items: [
                { label: "Irrigation", href: "#services" },
                { label: "Tree Care", href: "#services" },
                { label: "Pavers & Patios", href: "#services" },
                { label: "Sod & Grading", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Projects", href: "#projects" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQs", href: "#faq" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Get a Quote", href: "#contact" },
                { label: "Call Us", href: "#contact" },
                { label: "Email Us", href: "mailto:info@cscottlandscaping.com" }
              ]
            }
          ]}
          copyrightText="© 2024 C Scott Construction & Landscaping. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
