Add src/app/quote/page.tsx

This commit is contained in:
2026-06-03 18:54:48 +00:00
parent 681a78dc12
commit 93cbce17e7

85
src/app/quote/page.tsx Normal file
View File

@@ -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>
);
}