Add src/app/reviews/page.tsx

This commit is contained in:
2026-06-10 19:54:39 +00:00
parent ab7ec70872
commit 2a5823e47e

116
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,116 @@
"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>
);
}