Merge version_1 into main

Merge version_1 into main

src/app/contact/page.tsx

@@ -1,19 +1,22 @@
 "use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Facebook, Instagram, Linkedin, X } from 'lucide-react';
-import Link from 'next/link';
 
-const navItems = [
-  {
-    name: "Contact",    id: "/contact"
-  }
-];
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Facebook, Instagram, Linkedin, X } from "lucide-react";
 
 export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Portfolio", id: "/portfolio" },
+    { name: "About Us", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -30,18 +33,16 @@ export default function ContactPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="Douglas Lawn & Landscaping"
-          navItems={navItems.map(item => ({
+          navItems={navItems.map((item) => ({
             name: item.name,
             id: item.id,
-            href: item.id
+            href: item.id,
           }))}
           logoSrc="http://img.b2bpic.net/free-vector/landscaping-logo-template-design_742173-14940.jpg"
           logoAlt="Douglas Lawn & Landscaping Logo"
           bottomLeftText="Your Outdoor Partner"
           bottomRightText="info@douglaslawn.com"
-          button={{
-            text: "Get a Free Quote",            href: "/contact"
-          }}
+          button={{ text: "Get a Free Quote", href: "/contact" }}
         />
       </div>
 
@@ -50,15 +51,13 @@ export default function ContactPage() {
           tag="Get in Touch"
           title="Connect With Our Landscaping Experts"
           description="Whether you need a new lawn, a complete landscape design, or just have a question, our team is here to help. Fill out the form below to request a quote or schedule a consultation."
-          background={{
-            variant: "plain"
-          }}
-          useInvertedBackground={false}
+          background={{ variant: "plain" }}
           imageSrc="http://img.b2bpic.net/free-photo/portrait-man-growing-plants_23-2148918531.jpg"
           imageAlt="Landscaping professional with tablet"
           mediaAnimation="none"
           tagAnimation="none"
           buttonText="Submit Request"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -86,9 +85,10 @@ export default function ContactPage() {
           ]}
           faqsAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
           tagAnimation="none"
+          buttonAnimation="none"
           animationType="smooth"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -97,24 +97,11 @@ export default function ContactPage() {
           logoText="Douglas Lawn & Landscaping"
           copyrightText="© 2024 Douglas Lawn & Landscaping. All rights reserved."
           socialLinks={[
-            {
-              icon: Facebook,
-              href: "https://www.facebook.com/DouglasLawnLandscaping",              ariaLabel: "Facebook"
-            },
-            {
-              icon: Instagram,
-              href: "https://www.instagram.com/DouglasLawnLandscaping",              ariaLabel: "Instagram"
-            },
-            {
-              icon: Linkedin,
-              href: "https://www.linkedin.com/company/DouglasLawnLandscaping",              ariaLabel: "LinkedIn"
-            },
-            {
-              icon: X,
-              href: "https://twitter.com/DouglasLawn",              ariaLabel: "X (formerly Twitter)"
-            }
+            { icon: Facebook, href: "https://www.facebook.com/DouglasLawnLandscaping", ariaLabel: "Facebook" },
+            { icon: Instagram, href: "https://www.instagram.com/DouglasLawnLandscaping", ariaLabel: "Instagram" },
+            { icon: Linkedin, href: "https://www.linkedin.com/company/DouglasLawnLandscaping", ariaLabel: "LinkedIn" },
+            { icon: X, href: "https://twitter.com/DouglasLawn", ariaLabel: "X (formerly Twitter)" }
           ]}
-          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>