104 lines
3.7 KiB
TypeScript
104 lines
3.7 KiB
TypeScript
"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 for a Free Consultation", href: "tel:630-661-6168"
|
|
}
|
|
]}
|
|
/>
|
|
</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>
|
|
);
|
|
} |