"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "home" },
        { name: "Services", id: "services" },
        { name: "Irrigation", id: "/irrigation" },
        { name: "Rock & Gravel", id: "/rock-gravel" },
        { name: "Why Us", id: "why-us" },
        { name: "Reviews", id: "reviews" },
      ]}
      brandName="Ryan Brothers"
      button={{ text: "Get A Quote", href: "tel:4803279024" }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      logoText="Professional Lawn & Landscaping"
      description="Ryan Brothers Lawn & Landscape delivers efficient, high-quality lawn care and landscaping for East Valley homeowners who want their property looking sharp—without the hassle."
      buttons={[
        { text: "Request a Free Quote", href: "tel:4803279024" },
        { text: "Call Now", href: "tel:4803279024" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683172804-an6fhagl.png"
      imageAlt="Professional lawn service"
      mediaAnimation="slide-up"
      background={{ variant: "plain" }}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: 1, title: "Lawn Maintenance", description: "Weekly, bi-weekly & monthly mowing, edging, trimming, blowing & more.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774756198244-5vkzgw2u.png", imageAlt: "Lawn mowing service" },
        { id: 2, title: "Irrigation Repair & Installation", description: "Professional irrigation system repair, troubleshooting, and custom installation to keep your landscape lush and healthy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683217001-qyt5vvru.png", imageAlt: "Irrigation services" },
        { id: 3, title: "Rock & Gravel Installation & Removal", description: "Transform your yard with professional rock and gravel services, including new installations and total removal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683236779-lfs0cx8c.png", imageAlt: "Rock installation" },
      ]}
      title="Our Services"
      description="Clean, sharp, and consistent results for every property we serve."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Why Choose Ryan Brothers?"
      tag="Trusted Professionalism"
      metrics={[
        { id: "m1", value: "50+", description: "Recurring Monthly Clients" },
        { id: "m2", value: "100% On-Time", description: "Consistent Scheduling" },
        { id: "m3", value: "24hr Response", description: "Fast, Efficient Service" },
        { id: "m4", value: "5-Star Rated", description: "Proven Satisfaction" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", title: "Great Results", quote: "My lawn has never looked better. Highly recommend the Ryan Brothers team!", name: "Sarah Miller", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXDFgC7Q1QH0RYIW8wS68MTMTG/uploaded-1774683259302-to7hsomj.png" },
        { id: "t2", title: "Very Reliable", quote: "They show up on time every time. Efficient and very professional.", name: "David Thompson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-massage-his-man_23-2148231869.jpg" },
        { id: "t3", title: "Excellent Service", quote: "Attention to detail is unmatched. My yard is finally usable again.", name: "Emily Johnson", role: "HOA Member", imageSrc: "http://img.b2bpic.net/free-photo/boy-taking-pictures-his-sister_23-2147636705.jpg" },
        { id: "t4", title: "Highly Professional", quote: "They treated my property with care. I love the recurring schedule.", name: "Mark Stevens", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-receiving-keys-their-new-home-from-realtor_23-2148895469.jpg" },
        { id: "t5", title: "Best in the Valley", quote: "A truly professional team that goes above and beyond every week.", name: "Jessica Reed", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-feeling-carefree-walking-green-park-playing-ukulele-singing-along_1258-200627.jpg?_wi=2" },
      ]}
      title="What Clients Say"
      description="Why 50+ local East Valley homeowners trust us with their yards."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactFaq
      animationType="slide-up"
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "What areas do you serve?", content: "We proudly serve the entire East Valley including Mesa, Chandler, Gilbert, Queen Creek, and Tempe." },
        { id: "f2", title: "Do you offer recurring plans?", content: "Yes, we focus on long-term relationships and offer consistent weekly and bi-weekly maintenance." },
        { id: "f3", title: "How do I get a quote?", content: "Simply reach out via our contact form or call us directly to get a free, no-obligation quote." },
      ]}
      ctaTitle="Ready for a perfect lawn?"
      ctaDescription="Let Ryan Brothers handle the work—so your yard always looks its best. Contact us at 480-327-9024 or email ryanbrothersaz@gmail.com."
      ctaButton={{ text: "Call Now", href: "tel:4803279024" }}
      ctaIcon={Phone}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Ryan Brothers Lawn & Landscape"
      copyrightText="© 2025 Ryan Brothers Lawn & Landscape | 480-327-9024 | ryanbrothersaz@gmail.com"
      socialLinks={[]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
