bender/3308c998-bef3-4722-9059-b3daf26b87d4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-10 19:54:43 +00:00
parent d6baa31df7 70af4df684
commit 12d63993c7
5 changed files with 453 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/app/about-us/page.tsx Normal file
View File

@@ -0,0 +1,145 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Leaf, TreePine } from "lucide-react";
export default function AboutUsPage() {
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", href: "/services" },
{ name: "About Us", href: "/about-us" },
{ name: "Our Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Request a Quote", href: "#contact" }}
/>
</div>
<div id="about-intro" data-section="about-intro">
<TestimonialAboutCard
tag="Our Story"
tagIcon={Leaf}
title="Botanica Landscapes: Crafting Nature's Beauty with a Woman's Touch"
description="Founded by passionate landscape artist Elena Rodriguez, Botanica Landscapes began with a vision to transform outdoor spaces into sustainable, vibrant ecosystems. As a proudly women-owned and operated business, we bring a unique blend of creativity, meticulous attention to detail, and a deep understanding of horticulture to every project."
subdescription="Dedicated to enhancing Yuba City's natural beauty since 2015, we are committed to sustainable practices and unparalleled client satisfaction. Our mission is to create breathtaking landscapes that not only delight the eye but also enrich the environment and community."
icon={TreePine}
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-gardening-tools_23-2149673943.jpg"
imageAlt="Woman working in a beautiful garden"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="about-team" data-section="about-team">
<TeamCardOne
tag="Our Visionaries"
title="Meet the Heart of Botanica Landscapes"
description="Our team of dedicated professionals brings diverse expertise and a shared passion for crafting exceptional outdoor environments. Led by our founder, we work collaboratively to bring your landscape dreams to life with precision and artistry."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
members={[
{
id: "1", name: "Elena Rodriguez", role: "Founder & Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-her-dog_23-2148784852.jpg", imageAlt: "Portrait of Elena Rodriguez, Founder and Lead Designer"
},
{
id: "2", name: "Marcus Chen", role: "Horticulture Specialist", imageSrc: "http://img.b2bpic.net/free-photo/man-working-vegetable-garden_23-2149023214.jpg", imageAlt: "Portrait of Marcus Chen, Horticulture Specialist"
},
{
id: "3", name: "Jessica Lee", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-nature-park_23-2149405625.jpg", imageAlt: "Portrait of Jessica Lee, Project Manager"
}
]}
/>
</div>
<div id="mission-values" data-section="mission-values">
<FeatureCardTwentyFour
tag="Our Core Principles"
tagIcon={Leaf}
title="Our Mission & Values"
description="At Botanica Landscapes, our work is guided by strong values that ensure exceptional results and a positive impact on our clients and the environment."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "1", title: "Sustainable Beauty", author: "", description: "Creating breathtaking landscapes that not only delight the eye but also enrich the environment and community through eco-friendly practices.", tags: ["Environment", "Green", "Future"],
imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-water-drops_23-2150394326.jpg", imageAlt: "Green leaf with water drops"
},
{
id: "2", title: "Client-Centric Approach", author: "", description: "Placing our clients' visions and satisfaction at the heart of every project, ensuring personalized service and transparent communication.", tags: ["Clients", "Service", "Trust"],
imageSrc: "http://img.b2bpic.net/free-photo/handshake-business-office_23-2147775535.jpg", imageAlt: "Business handshake"
},
{
id: "3", title: "Unwavering Quality", author: "", description: "Delivering meticulous craftsmanship, superior materials, and a commitment to excellence in every detail of our landscaping work.", tags: ["Quality", "Craftsmanship", "Excellence"],
imageSrc: "http://img.b2bpic.net/free-photo/detail-garden_23-2147775553.jpg", imageAlt: "Close-up of a well-maintained garden"
},
{
id: "4", title: "Community & Environment", author: "", description: "Actively contributing to the beauty and ecological health of Yuba City, fostering green spaces for everyone to enjoy.", tags: ["Community", "Nature", "Impact"],
imageSrc: "http://img.b2bpic.net/free-photo/diverse-community-garden-working-together_23-2151608627.jpg", imageAlt: "Community garden"
}
]}
/>
</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-us" },
{ label: "Our Team", href: "#team" },
{ label: "Testimonials", href: "#testimonials" },
{ 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>
);
}

176
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,176 @@
"use client";
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 ProductCardOne from "@/components/sections/product/ProductCardOne";
import { Leaf } from "lucide-react";
export default function GalleryPage() {
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="before-after" data-section="before-after">
<ProductCardOne
title="Before & After Transformations"
description="See the dramatic changes we bring to outdoor spaces."
tag="Project Showcase"
tagIcon={Leaf}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
products={[
{
id: "ba1-b", name: "Overgrown Space (Before)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/green-grass-with-tree_169016-57434.jpg", imageAlt: "Overgrown garden before landscaping"
},
{
id: "ba1-a", name: "Lush Garden (After)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/lush-garden-beautiful-design_169016-57448.jpg", imageAlt: "Lush garden after landscaping"
},
{
id: "ba2-b", name: "Plain Backyard (Before)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/dirty-park-with-many-branches-ground_140725-70068.jpg", imageAlt: "Plain backyard before renovation"
},
{
id: "ba2-a", name: "Modern Patio (After)", price: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden-design_169016-57442.jpg", imageAlt: "Modern patio and garden after renovation"
}
]}
/>
</div>
<div id="residential-projects" data-section="residential-projects">
<ProductCardOne
title="Residential Masterpieces"
description="Beautiful landscapes designed for homes across Yuba City."
tag="Homes"
tagIcon={Leaf}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
products={[
{
id: "res1", name: "Modern Home Garden", price: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-house-with-landscaped-garden_169016-57406.jpg", imageAlt: "Modern house with minimalist garden design"
},
{
id: "res2", name: "Pathway & Flowers", price: "", imageSrc: "http://img.b2bpic.net/free-photo/garden-with-stone-path_169016-57410.jpg", imageAlt: "Garden with stone pathway and colorful flowers"
},
{
id: "res3", name: "Backyard Oasis", price: "", imageSrc: "http://img.b2bpic.net/free-photo/nice-garden-with-chairs_169016-57422.jpg", imageAlt: "Cozy backyard oasis with seating area"
},
{
id: "res4", name: "Family-Friendly Lawn", price: "", imageSrc: "http://img.b2bpic.net/free-photo/green-lawn-with-trees-house_169016-57428.jpg", imageAlt: "Expansive green lawn perfect for families"
}
]}
/>
</div>
<div id="commercial-projects" data-section="commercial-projects">
<ProductCardOne
title="Commercial Property Enhancements"
description="Professional landscaping solutions for businesses and public spaces."
tag="Businesses"
tagIcon={Leaf}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
products={[
{
id: "com1", name: "Office Frontage", price: "", imageSrc: "http://img.b2bpic.net/free-photo/commercial-building-green-lawn_169016-57303.jpg", imageAlt: "Commercial building with welcoming landscape"
},
{
id: "com2", name: "Manicured Entrance", price: "", imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-manicured-landscaping_169016-57309.jpg", imageAlt: "Office building with neatly manicured entrance"
},
{
id: "com3", name: "Retail Center Design", price: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-landscaped-front_169016-57315.jpg", imageAlt: "Retail center with attractive landscape design"
},
{
id: "com4", name: "Public Park Project", price: "", imageSrc: "http://img.b2bpic.net/free-photo/public-park-with-benches-trees_169016-57321.jpg", imageAlt: "Public park landscaping project"
}
]}
/>
</div>
<div id="landscape-maintenance" data-section="landscape-maintenance">
<ProductCardOne
title="Maintenance in Action"
description="Showcasing our dedication to pristine landscape care."
tag="Ongoing Care"
tagIcon={Leaf}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
products={[
{
id: "lm1", name: "Hedge Trimming", price: "", imageSrc: "http://img.b2bpic.net/free-photo/gardener-trimming-bush_169016-57218.jpg", imageAlt: "Gardener trimming a hedge"
},
{
id: "lm2", name: "Lawn Mowing", price: "", imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-grass_169016-57209.jpg", imageAlt: "Lawnmower cutting grass in a backyard"
},
{
id: "lm3", name: "Flower Bed Weeding", price: "", imageSrc: "http://img.b2bpic.net/free-photo/gardener-working-flower-bed_169016-57199.jpg", imageAlt: "Gardener weeding a flower bed"
},
{
id: "lm4", name: "Irrigation Check", price: "", imageSrc: "http://img.b2bpic.net/free-photo/sprinkler-system-watering-garden_169016-57190.jpg", imageAlt: "Technician checking irrigation system"
}
]}
/>
</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>
);
}

10
src/app/page.tsx
View File

@@ -37,6 +37,7 @@ export default function LandscapingPage() {
{ name: "About Us", id: "about" },
{ name: "Our Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Request a Quote", href: "#contact" }}
@@ -243,10 +244,10 @@ export default function LandscapingPage() {
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: "Residential Landscaping", href: "#services" },
{ label: "Commercial Landscaping", href: "#services" },
{ label: "Landscape Maintenance", href: "#services" },
{ label: "Lawn Care", href: "#services" },
{ label: "Irrigation Services", href: "#services" }
]
@@ -263,7 +264,8 @@ export default function LandscapingPage() {
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" }
{ label: "info@botanicalandscapes.com", href: "mailto:info@botanicalandscapes.com" },
{ label: "Emergency Service", href: "tel:5306711029" }
]
}
]}

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>
);
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f9f4;
--card: #ffffff;
--foreground: #1a2e1a;
--primary-cta: #2d5a27;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;
--secondary-cta-text: #2d5a27;
--accent: #4a8c3f;
--background-accent: #6fb85e;
--background: #000000;
--card: #1a2f1d;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta-text: #0a1a0c;
--secondary-cta: #0d200f;
--secondary-cta-text: #d4f6d8;
--accent: #1a3d1f;
--background-accent: #355e3b;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);