diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 60b63d8..1d5c6c8 100644 --- a/src/app/contact/page.tsx +++ b/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 ( ({ + 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" }} /> @@ -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} /> @@ -86,9 +85,10 @@ export default function ContactPage() { ]} faqsAnimation="slide-up" textboxLayout="default" - useInvertedBackground={false} tagAnimation="none" + buttonAnimation="none" animationType="smooth" + useInvertedBackground={false} /> @@ -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} />