"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Services", id: "services" },
              { name: "Process", id: "process" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Bay Scenery"
            button={{ text: "Contact Us", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            background={{ variant: "gradient-bars" }}
            title="Your Dream Property. Designed & Built by One Team."
            description="Bay Scenery transforms Bay Area homes with custom landscapes, ADUs, pergolas, pools, and outdoor spaces — from first sketch to final nail."
            testimonials={[
              { name: "Sarah J.", handle: "Homeowner", testimonial: "Exceptional vision and execution from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg?_wi=1", imageAlt: "luxury backyard design aerial" },
              { name: "Mark D.", handle: "Architect", testimonial: "The precision of their 3D models is simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=1", imageAlt: "luxury backyard design aerial" },
              { name: "Elena R.", handle: "Homeowner", testimonial: "Transformed our backyard into a true oasis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264506.jpg?_wi=1", imageAlt: "luxury backyard design aerial" },
              { name: "David K.", handle: "Homeowner", testimonial: "No confusion, no delays. Just quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302604.jpg?_wi=1", imageAlt: "luxury backyard design aerial" },
              { name: "Lisa M.", handle: "Interior Designer", testimonial: "The most professional team in the Bay Area.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-tanned-sporty-slim-woman-relaxing-swimming-pool-spa-creative-white-hat-bikini-hot-summer-day-bright-sunny-light_231208-6846.jpg?_wi=1", imageAlt: "luxury backyard design aerial" }
            ]}
            buttons={[{ text: "Schedule Free Consultation", href: "#contact" }, { text: "View Our Work", href: "#portfolio" }]}
            imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-house-with-pool-landscaped-garden_23-2148817505.jpg?_wi=2"
            imageAlt="Luxurious complete Bay Scenery outdoor design-build project"
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardSeven
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              { title: "Landscape Design & Build", description: "Outdoor spaces that stop people in their tracks.", imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=2", imageAlt: "Landscape design" },
              { title: "ADU Design & Build", description: "Custom and prefab ADUs — from concept to permitted build.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264506.jpg?_wi=2", imageAlt: "ADU build" },
              { title: "Pergolas & Structures", description: "Handcrafted structures that become your favorite place on earth.", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302604.jpg?_wi=2", imageAlt: "Pergola design" },
              { title: "Pool Design & Build", description: "Breathtaking pools built for California living.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-tanned-sporty-slim-woman-relaxing-swimming-pool-spa-creative-white-hat-bikini-hot-summer-day-bright-sunny-light_231208-6846.jpg?_wi=2", imageAlt: "Pool build" },
              { title: "Home Remodeling", description: "Interior transformations as bold as your vision.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-divider-ruler-math-blocks-blueprint-wooden-desk_23-2147863924.jpg", imageAlt: "Home remodeling" },
            ]}
            title="We Build the Life You've Always Imagined"
            description="Our expertise spans every aspect of your property, ensuring seamless quality and cohesive design."
          />
        </div>

        <div id="process" data-section="process">
          <MetricSplitMediaAbout
            useInvertedBackground={false}
            title="The Bay Scenery Way"
            description="One team. One vision. Zero confusion. We manage everything in-house so you don't have to."
            metrics={[
              { value: "100+", title: "Projects Completed" },
              { value: "5-Star", title: "Rated Quality" },
              { value: "100%", title: "In-House Team" },
            ]}
            mediaAnimation="slide-up"
            metricsAnimation="blur-reveal"
            imageSrc="http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698458.jpg"
            imageAlt="Process overview"
          />
        </div>

        <div id="social-proof" data-section="social-proof">
          <TestimonialCardSixteen
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Client A", role: "Pergola Client", company: "Verified Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg" },
              { id: "2", name: "Client B", role: "Driveway Client", company: "Verified Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-engineer-designing-architectural-plan-tablet-with-building-model-maquette-architect-working-urban-project-develop-property-construction-layout-industrial-architecture_482257-35280.jpg" },
              { id: "3", name: "Client C", role: "ADU Client", company: "Verified Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/floor-park_1127-3515.jpg" },
              { id: "4", name: "Client D", role: "Pool Client", company: "Verified Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/window-building-textures_74190-134.jpg" },
              { id: "5", name: "Client E", role: "Landscape Client", company: "Verified Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-chair-with-umbrella-deck-pool-resort_74190-3960.jpg" },
            ]}
            kpiItems={[
              { value: "★★★★★", label: "5-Star Rated" },
              { value: "100+", label: "Projects" },
              { value: "100%", label: "Transparent" },
            ]}
            title="What Our Clients Say"
            description="Trusted by Bay Area homeowners for premium design-build experiences."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            tag="Limited Availability"
            title="Secure Your Personalized Design Consultation"
            description="We accept a limited number of projects each season to ensure dedicated attention to every detail. Book your spot today."
            buttons={[{ text: "Request My Free Consultation", href: "#" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseReveal
            logoText="Bay Scenery"
            columns={[
              {
                title: "Company",                items: [
                  { label: "Services", href: "#services" },
                  { label: "Process", href: "#process" },
                  { label: "Portfolio", href: "#portfolio" },
                ],
              },
              { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
              { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "(650) 261-1858", href: "tel:6502611858" }] },
            ]}
            copyrightText="© 2025 Bay Scenery. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
