"use client";

import React from "react";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import { Leaf, Star } from "lucide-react";

export default function ReviewsPage() {
  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="Botanica Landscapes"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About Us", id: "about" },
              { name: "Our Team", id: "team" },
              { name: "Gallery", href: "/gallery" },
              { name: "Reviews", href: "/reviews" },
              { name: "Contact", id: "contact" }
            ]}
            button={{ text: "Request a Quote", href: "#contact" }}
          />
        </div>

        <div id="reviews-hero" data-section="reviews-hero" className="py-24 text-center">
          <div className="container mx-auto px-4">
            <h1 className="text-5xl font-bold mb-4">Our Customer Reviews</h1>
            <p className="text-lg max-w-2xl mx-auto mb-8">Hear what our satisfied clients in Yuba City have to say about our professional landscaping services.</p>
            <div className="flex items-center justify-center space-x-2 text-primary-cta mb-12">
              {[...Array(5)].map((_, i) => (
                <Star key={i} className="w-8 h-8 fill-current" />
              ))}
              <span className="text-3xl font-semibold">5.0 / 5.0 Rating</span>
              <span className="text-lg text-foreground/70">(Based on 100+ Reviews)</span>
            </div>
          </div>
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwo
            title="Client Testimonials"
            description="Positive feedback highlighting our hardworking staff, quality work, and reasonable pricing."
            tag="Real Stories"
            tagIcon={Leaf}
            animationType="slide-up"
            gridVariant="uniform-all-items-equal"
            testimonials={[
              {
                id: "t1",                name: "Maria S.",                role: "Homeowner, Yuba City",                testimonial: "Botanica Landscapes transformed our backyard into a stunning oasis. The team was incredibly hardworking and the quality of their work is unmatched. Highly recommend!",                imageSrc: "http://img.b2bpic.net/free-photo/letter-m-made-green-grass_169016-57149.jpg",                imageAlt: "Maria S. avatar"
              },
              {
                id: "t2",                name: "John T.",                role: "Business Owner, Marysville",                testimonial: "We've used Botanica for our commercial property maintenance for years. They are always reliable, provide exceptional quality, and their pricing is very reasonable for the service provided.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-j-made-green-grass-with-flowers_169016-57279.jpg",                imageAlt: "John T. avatar"
              },
              {
                id: "t3",                name: "Alice B.",                role: "Resident, Plumas Lake",                testimonial: "Our garden has never looked better! The staff at Botanica are not only skilled but also very friendly and responsive. They truly care about their clients and the results.",                imageSrc: "http://img.b2bpic.net/free-photo/letter-a-made-green-grass-with-flowers_169016-57223.jpg",                imageAlt: "Alice B. avatar"
              },
              {
                id: "t4",                name: "Richard K.",                role: "Property Manager, Yuba City",                testimonial: "Exceptional service from start to finish. Botanica Landscapes handled a complex project for us with professionalism and delivered outstanding quality within our budget. Very impressed!",                imageSrc: "http://img.b2bpic.net/free-photo/letter-r-made-green-grass-with-flowers_169016-57394.jpg",                imageAlt: "Richard K. avatar"
              }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "Commercial Landscaping", href: "#services" },
                  { label: "Residential Landscaping", href: "#services" },
                  { label: "Landscape Maintenance", href: "#services" },
                  { label: "Landscape Design", href: "#services" },
                  { label: "Lawn Care", href: "#services" },
                  { label: "Irrigation Services", href: "#services" }
                ]
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Team", href: "#team" },
                  { label: "Testimonials", href: "/reviews" },
                  { label: "FAQ", href: "#faq" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "(530) 671-1029", href: "tel:5306711029" },
                  { label: "5411 CA-20, Yuba City, CA 95993" },
                  { label: "info@botanicalandscapes.com", href: "mailto:info@botanicalandscapes.com" }
                ]
              }
            ]}
            bottomLeftText="© 2024 Botanica Landscapes. All rights reserved."
            bottomRightText="Women-Owned Landscaping in Yuba City, CA"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
