Update src/app/services/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -35,11 +35,11 @@ export default function AboutPage() {
               {
                 name: "Testimonials",                id: "/#testimonials"},
               {
-                name: "Contact",                id: "/#contact"},
+                name: "Contact",                id: "/contact"},
             ]}
             brandName="Lombard Landscaping by Morris LDC"
             button={{
-              text: "Get a Free Quote",              href: "/#contact"}}
+              text: "Get a Free Quote",              href: "/contact"}}
             animateOnLoad={true}
           />
         </div>
@@ -53,7 +53,7 @@ export default function AboutPage() {
             imageAlt="Lombard Landscaping team working in a garden"
             buttons={[
               {
-                text: "Contact Us",                href: "/#contact", 
+                text: "Contact Us",                href: "/contact", 
               },
             ]}
           />
@@ -65,13 +65,13 @@ export default function AboutPage() {
               {
                 title: "Services",                items: [
                   {
-                    label: "Mowing & Edging",                    href: "/services"},
+                    label: "Design & Planning",                    href: "/services"},
                   {
-                    label: "Fertilization",                    href: "/services"},
+                    label: "Installation",                    href: "/services"},
                   {
-                    label: "Aeration",                    href: "/services"},
+                    label: "Maintenance",                    href: "/services"},
                   {
-                    label: "Seasonal Clean-ups",                    href: "/services"},
+                    label: "Outdoor Living",                    href: "/#portfolio"},
                 ],
               },
               {
@@ -89,9 +89,9 @@ export default function AboutPage() {
               {
                 title: "Connect",                items: [
                   {
-                    label: "Contact Us",                    href: "/#contact"},
+                    label: "Contact Us",                    href: "/contact"},
                   {
-                    label: "Get a Quote",                    href: "/#contact"},
+                    label: "Get a Quote",                    href: "/contact"},
                 ],
               },
             ]}
@@ -102,4 +102,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "About Us",                id: "/about"},
+              {
+                name: "Services",                id: "/services"},
+              {
+                name: "Portfolio",                id: "/#portfolio"},
+              {
+                name: "Testimonials",                id: "/#testimonials"},
+              {
+                name: "Contact",                id: "/contact"}
+            ]}
+            brandName="Lombard Landscaping by Morris LDC"
+            button={{
+              text: "Get a Free Quote",              href: "/contact"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="contact-content" data-section="contact-content">
+          <ContactText
+            useInvertedBackground={false}
+            background={{
+              variant: "downward-rays-animated"}}
+            text="Ready to Transform Your Landscape? Contact Us!"
+            buttons={[
+              {
+                text: "Call Us Today",                href: "tel:+16306616168"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Services",                items: [
+                  {
+                    label: "Design & Planning",                    href: "/services"},
+                  {
+                    label: "Installation",                    href: "/services"},
+                  {
+                    label: "Maintenance",                    href: "/services"},
+                  {
+                    label: "Outdoor Living",                    href: "/#portfolio"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "/about"},
+                  {
+                    label: "Portfolio",                    href: "/#portfolio"},
+                  {
+                    label: "Testimonials",                    href: "/#testimonials"},
+                  {
+                    label: "FAQ",                    href: "/#faq"},
+                ],
+              },
+              {
+                title: "Connect",                items: [
+                  {
+                    label: "Contact Us",                    href: "/contact"},
+                  {
+                    label: "Get a Quote",                    href: "/contact"},
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Lombard Landscaping by Morris LDC. All rights reserved."
+            bottomRightText="Crafted with passion for nature."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award, Sparkles, Users, LeafyGreen } from "lucide-react";
+import { Award, Sparkles, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -44,11 +44,11 @@ export default function LandingPage() {
         {
           name: "Testimonials",          id: "/#testimonials"},
         {
-          name: "Contact",          id: "/#contact"},
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Lombard Landscaping by Morris LDC"
       button={{
-        text: "Get a Free Quote",        href: "/#contact"}}
+        text: "Get a Free Quote",        href: "/contact"}}
       animateOnLoad={true}
     />
   </div>
@@ -61,7 +61,7 @@ export default function LandingPage() {
       description="Creating breathtaking landscapes and outdoor living spaces tailored to your vision and lifestyle. Experience unparalleled beauty and functionality."
       buttons={[
         {
-          text: "Get a Free Consultation",          href: "/#contact"},
+          text: "Get a Free Consultation",          href: "/contact"},
         {
           text: "View Our Portfolio",          href: "/#portfolio"},
       ]}
@@ -242,9 +242,7 @@ export default function LandingPage() {
       text="Ready to Transform Your Landscape?"
       buttons={[
         {
-          text: "Get Your Free Consultation",          href: "/#contact"},
-        {
-          text: "Call Us Today",          href: "tel:+1234567890"},
+          text: "Call Us Today",          href: "tel:+16306616168"},
       ]}
     />
   </div>
@@ -255,13 +253,13 @@ export default function LandingPage() {
         {
           title: "Services",          items: [
             {
-              label: "Mowing & Edging",              href: "/services"},
+              label: "Design & Planning",              href: "/services"},
             {
-              label: "Fertilization",              href: "/services"},
+              label: "Installation",              href: "/services"},
             {
-              label: "Aeration",              href: "/services"},
+              label: "Maintenance",              href: "/services"},
             {
-              label: "Seasonal Clean-ups",              href: "/services"},
+              label: "Outdoor Living",              href: "/#portfolio"},
           ],
         },
         {
@@ -279,9 +277,9 @@ export default function LandingPage() {
         {
           title: "Connect",          items: [
             {
-              label: "Contact Us",              href: "/#contact"},
+              label: "Contact Us",              href: "/contact"},
             {
-              label: "Get a Quote",              href: "/#contact"},
+              label: "Get a Quote",              href: "/contact"},
           ],
         },
       ]}
@@ -292,4 +290,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -3,9 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { LeafyGreen, Sprout, Tractor, SprayCan } from "lucide-react";
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 
 export default function ServicesPage() {
   return (
@@ -36,11 +35,11 @@ export default function ServicesPage() {
               {
                 name: "Testimonials",                id: "/#testimonials"},
               {
-                name: "Contact",                id: "/#contact"},
+                name: "Contact",                id: "/contact"},
             ]}
             brandName="Lombard Landscaping by Morris LDC"
             button={{
-              text: "Get a Free Quote",              href: "/#contact"}}
+              text: "Get a Free Quote",              href: "/contact"}}
             animateOnLoad={true}
           />
         </div>
@@ -50,24 +49,28 @@ export default function ServicesPage() {
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
+            title="Our Comprehensive Lawn Care Services"
+            description="Lombard Landscaping by Morris LDC offers a full range of professional lawn care and landscaping solutions to keep your property beautiful and healthy all year round."
             features={[
               {
-                title: "Mowing & Edging",                description: "Our professional mowing and precise edging services keep your lawn looking neat and well-maintained. We customize our approach to your lawn's specific needs for optimal health and appearance.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-mowing-lush-lawn_74855-12936.jpg",                imageAlt: "Lawn mowing service",                buttons: [{ text: "Learn More", href: "/#contact" }]
+                title: "Expert Lawn Mowing & Edging",                description: "Precise lawn mowing, detailed edging, and thorough blowing to give your lawn a pristine, manicured look every time.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-mowing-lawn-with-mower_23-2149176465.jpg",                imageAlt: "Lawn mower cutting grass"
               },
               {
-                title: "Fertilization & Weed Control",                description: "We develop tailored fertilization plans to nourish your lawn, combined with effective weed control strategies to eliminate unwanted plants and promote strong, healthy grass. Our solutions are designed for the Lombard climate.",                imageSrc: "http://img.b2bpic.net/free-photo/farmer-spraying-pesticides-plants_23-2148967923.jpg",                imageAlt: "Lawn fertilization and weed control",                buttons: [{ text: "Learn More", href: "/#contact" }]
+                title: "Fertilization & Weed Control",                description: "Customized fertilization programs and effective weed control treatments to ensure a lush, green, and weed-free lawn.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-fertilizing-lawn_23-2149176472.jpg",                imageAlt: "Person applying fertilizer to a lawn"
               },
               {
-                title: "Aeration & Overseeding",                description: "Improve your lawn's health by allowing air, water, and nutrients to penetrate the soil more effectively with our aeration services. Overseeding introduces new grass varieties for a thicker, more resilient turf.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-lawn-roller-tool_23-2149405628.jpg",                imageAlt: "Lawn aeration and overseeding",                buttons: [{ text: "Learn More", href: "/#contact" }]
+                title: "Aeration & Overseeding",                description: "Improve soil health and turf density with professional aeration and overseeding services for a thicker, more resilient lawn.",                imageSrc: "http://img.b2bpic.net/free-photo/male-hand-holding-soil-with-young-plant_23-2149176483.jpg",                imageAlt: "Close-up of aerated lawn with new grass seeds"
               },
               {
-                title: "Seasonal Clean-ups",                description: "Prepare your property for changing seasons with our comprehensive clean-up services. From leaf removal in the fall to debris clearing in the spring, we ensure your landscape is always ready to thrive.",                imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-leaves-from-lawn_23-2148187498.jpg",                imageAlt: "Seasonal leaf clean-up",                buttons: [{ text: "Learn More", href: "/#contact" }]
-              }
+                title: "Seasonal Clean-Up",                description: "Comprehensive spring and fall clean-up services, including leaf removal, debris clearing, and bed preparation.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-raking-leaves-autumn_23-2149176470.jpg",                imageAlt: "Gardener raking leaves"
+              },
+              {
+                title: "Shrub & Hedge Trimming",                description: "Expert trimming and shaping of shrubs and hedges to maintain their health, appearance, and desired form.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-trimming-hedges_23-2149176469.jpg",                imageAlt: "Gardener trimming a hedge"
+              },
+              {
+                title: "Mulching & Edging Garden Beds",                description: "Enhance the beauty of your garden beds with fresh mulch and crisp edging, suppressing weeds and retaining moisture.",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-mulching-flower-bed_23-2149176475.jpg",                imageAlt: "Garden bed with fresh mulch"
+              },
             ]}
-            title="Our Comprehensive Lawn & Landscape Services"
-            description="At Lombard Landscaping by Morris LDC, we offer a full suite of services designed to keep your outdoor space pristine and vibrant year-round, always with a customer-focused approach."
-            tag="Expert Care"
-            tagIcon={LeafyGreen}
           />
         </div>
 
@@ -77,13 +80,13 @@ export default function ServicesPage() {
               {
                 title: "Services",                items: [
                   {
-                    label: "Mowing & Edging",                    href: "/services"},
+                    label: "Design & Planning",                    href: "/services"},
                   {
-                    label: "Fertilization",                    href: "/services"},
+                    label: "Installation",                    href: "/services"},
                   {
-                    label: "Aeration",                    href: "/services"},
+                    label: "Maintenance",                    href: "/services"},
                   {
-                    label: "Seasonal Clean-ups",                    href: "/services"},
+                    label: "Outdoor Living",                    href: "/#portfolio"},
                 ],
               },
               {
@@ -101,9 +104,9 @@ export default function ServicesPage() {
               {
                 title: "Connect",                items: [
                   {
-                    label: "Contact Us",                    href: "/#contact"},
+                    label: "Contact Us",                    href: "/contact"},
                   {
-                    label: "Get a Quote",                    href: "/#contact"},
+                    label: "Get a Quote",                    href: "/contact"},
                 ],
               },
             ]}
@@ -114,4 +117,4 @@ export default function ServicesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}