Update src/app/tree-removal-trimming/page.tsx

src/app/hedge-trimming/page.tsx

@@ -4,8 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import { Phone } from 'lucide-react';
 
 export default function HedgeTrimmingPage() {
   return (
@@ -22,29 +23,39 @@ export default function HedgeTrimmingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "Hedge Trimming", id: "/hedge-trimming" },
-            { name: "Tree Services", id: "/tree-removal-trimming" },
-            { name: "Why Us", id: "/#why-us" },
-            { name: "Reviews", id: "/#reviews" },
-          ]}
-          brandName="Ryan Brothers"
-          button={{ text: "Get A Quote", href: "tel:4803279024" }}
-        />
-        <HeroLogoBillboard
-          logoText="Professional Hedge Trimming"
-          description="Keep your hedges healthy, clean, and perfectly shaped with our professional trimming services."
-          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
-        />
-        <ContactSplitForm
-          title="Book Your Trimming Service"
-          description="Contact us today to schedule your hedge trimming."
-          inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
-        />
-        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Hedge Trimming", id: "/hedge-trimming" },
+              { name: "Tree Services", id: "/tree-removal-trimming" },
+            ]}
+            brandName="Ryan Brothers"
+            button={{ text: "Get A Quote", href: "tel:4803279024" }}
+          />
+        </div>
+        <div id="home" data-section="home">
+          <HeroLogoBillboard
+            logoText="Professional Hedge Trimming"
+            description="Keep your hedges healthy, clean, and perfectly shaped with our professional trimming services."
+            buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
+            background={{ variant: "glowing-orb" }}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            ctaTitle="Book Your Trimming Service"
+            ctaDescription="Contact us today to schedule your hedge trimming."
+            ctaButton={{ text: "Call Now", href: "tel:4803279024" }}
+            ctaIcon={Phone}
+            useInvertedBackground={false}
+            animationType="slide-up"
+            faqs={[{ id: "1", title: "How often should I trim?", content: "Generally twice a year depending on the species." }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/tree-removal-trimming/page.tsx

@@ -4,8 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import { Phone } from 'lucide-react';
 
 export default function TreeServicesPage() {
   return (
@@ -22,29 +23,39 @@ export default function TreeServicesPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "/#services" },
-            { name: "Hedge Trimming", id: "/hedge-trimming" },
-            { name: "Tree Services", id: "/tree-removal-trimming" },
-            { name: "Why Us", id: "/#why-us" },
-            { name: "Reviews", id: "/#reviews" },
-          ]}
-          brandName="Ryan Brothers"
-          button={{ text: "Get A Quote", href: "tel:4803279024" }}
-        />
-        <HeroLogoBillboard
-          logoText="Tree Removal & Trimming"
-          description="Safe tree removal and professional trimming services to enhance yard safety and aesthetics."
-          buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
-        />
-        <ContactSplitForm
-          title="Book Your Tree Service"
-          description="Contact us today to discuss your tree service needs."
-          inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
-        />
-        <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Hedge Trimming", id: "/hedge-trimming" },
+              { name: "Tree Services", id: "/tree-removal-trimming" },
+            ]}
+            brandName="Ryan Brothers"
+            button={{ text: "Get A Quote", href: "tel:4803279024" }}
+          />
+        </div>
+        <div id="home" data-section="home">
+          <HeroLogoBillboard
+            logoText="Tree Removal & Trimming"
+            description="Safe tree removal and professional trimming services to enhance yard safety and aesthetics."
+            buttons={[{ text: "Request a Quote", href: "tel:4803279024" }]}
+            background={{ variant: "glowing-orb" }}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            ctaTitle="Book Your Tree Service"
+            ctaDescription="Contact us today to discuss your tree service needs."
+            ctaButton={{ text: "Call Now", href: "tel:4803279024" }}
+            ctaIcon={Phone}
+            useInvertedBackground={false}
+            animationType="slide-up"
+            faqs={[{ id: "1", title: "Is tree removal safe?", content: "Yes, our team is certified and insured for safe removals." }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard logoText="Ryan Brothers Lawn & Landscape" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );