src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "#hero"},
+          name: "Home",          id: "/"},
         {
           name: "About Us",          id: "#about"},
         {
@@ -45,10 +45,12 @@ export default function LandingPage() {
           name: "Testimonials",          id: "#testimonials"},
         {
           name: "Contact",          id: "#contact"},
+        {
+          name: "Get a Quote",          id: "/quote"}
       ]}
       brandName="Green Ground Landscaping LLC"
       button={{
-        text: "Get a Quote",        href: "#contact"}}
+        text: "Get a Quote",        href: "/quote"}}
       animateOnLoad={true}
     />
   </div>
@@ -91,7 +93,7 @@ export default function LandingPage() {
         {
           text: "Explore Services",          href: "#services"},
         {
-          text: "Get a Free Quote",          href: "#contact"},
+          text: "Get a Free Quote",          href: "/quote"},
       ]}
       avatars={[
         {
@@ -131,7 +133,7 @@ export default function LandingPage() {
         "Serving Gaithersburg, MD, Green Ground Landscaping LLC is dedicated to providing top-notch landscaping solutions. With a passion for perfection and an eye for detail, we transform ordinary yards into extraordinary outdoor living spaces.",        "Our team of experienced landscapers is committed to quality, reliability, and customer satisfaction. From lush gardens to elegant patios, we handle every project with professionalism and expertise."]}
       buttons={[
         {
-          text: "Get a Free Quote",          href: "#contact"},
+          text: "Get a Free Quote",          href: "/quote"},
       ]}
     />
   </div>
@@ -326,4 +328,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/quote/page.tsx

@@ -0,0 +1,85 @@
+"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 QuotePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="grid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        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: "Packages", id: "/#packages" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" },
+              { name: "Get a Quote", id: "/quote" }
+            ]}
+            brandName="Green Ground Landscaping LLC"
+            button={{
+              text: "Get a Quote",              href: "/quote"
+            }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="quote-form" data-section="quote-form">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            text="Ready for a free quote? Fill out the form below or contact us directly to discuss your landscaping needs. We'll get back to you promptly!"
+            buttons={[
+              { text: "Call Us: (240) 423-2030", href: "tel:+12404232030" },
+              { text: "Email Us", href: "mailto:info@greengroundlandscaping.com" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterSimple
+            columns={[
+                {
+                title: "Company",                items: [
+                    { label: "About Us", href: "/#about" },
+                    { label: "Services", href: "/#services" },
+                    { label: "Packages", href: "/#packages" },
+                ],
+                },
+                {
+                title: "Support",                items: [
+                    { label: "FAQ", href: "/#faq" },
+                    { label: "Contact Us", href: "/#contact" },
+                ],
+                },
+                {
+                title: "Connect",                items: [
+                    { label: "Facebook", href: "#" },
+                    { label: "Instagram", href: "#" },
+                ],
+                },
+            ]}
+            bottomLeftText="© 2024 Green Ground Landscaping LLC. All rights reserved."
+            bottomRightText="Powered by Webild"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}