Merge version_4 into main

Merge version_4 into main

src/app/about-us/page.tsx

@@ -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", id: "/services" },
+              { name: "About Us", id: "/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?_wi=1",                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>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,184 @@
+"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", id: "/gallery" },
+              { name: "Reviews", id: "/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"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            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"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            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"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            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"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            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>
+  );
+}

src/app/page.tsx

@@ -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" }}
@@ -223,8 +224,8 @@ export default function LandscapingPage() {
             useInvertedBackground={false}
             mediaAnimation="none"
             buttonText="Send Message"
-            imageSrc="http://img.b2bpic.net/free-photo/3d-view-letters-alphabet_23-2150499120.jpg"
-            imageAlt="Serene garden pathway at dusk"
+            imageSrc="https://images.unsplash.com/photo-1542845832-5c02928b5e9d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGxhbmRzY2FwaW5nfGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60"
+            imageAlt="Professional landscaper working in a lush garden with tools"
             mediaPosition="right"
             inputs={[
               { name: "name", type: "text", placeholder: "Full Name", required: true },
@@ -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" }
                 ]
               }
             ]}

src/app/reviews/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { 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: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About Us", id: "/about-us" },
+              { name: "Our Team", id: "/about-us#team" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            button={{ text: "Request a Quote", href: "/contact" }}
+          />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            cardTitle="What Our Clients Say"
+            cardTag="Client Stories"
+            cardTagIcon={Star}
+            cardAnimation="slide-up"
+            useInvertedBackground={false}
+            testimonials={[
+              {
+                id: "1",                name: "Sarah L.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-park_23-2148784849.jpg",                imageAlt: "Portrait of Sarah L."
+              },
+              {
+                id: "2",                name: "Mark T.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-gardener-with-plant_23-2148784850.jpg",                imageAlt: "Portrait of Mark T."
+              },
+              {
+                id: "3",                name: "Emily R.",                imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman_23-2148784851.jpg",                imageAlt: "Portrait of Emily R."
+              },
+              {
+                id: "4",                name: "David K.",                imageSrc: "http://img.b2bpic.net/free-photo/man-working-vegetable-garden_23-2149023214.jpg?_wi=2",                imageAlt: "Portrait of David K."
+              },
+              {
+                id: "5",                name: "Anna G.",                imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-flowers_23-2149405628.jpg",                imageAlt: "Portrait of Anna G."
+              }
+            ]}
+          />
+        </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: "/about-us#team" },
+                  { label: "Testimonials", href: "/reviews" },
+                  { label: "FAQ", href: "/contact#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>
+  );
+}

src/app/styles/variables.css

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