Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,12 +2,11 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ContactPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="directional-hover"
|
defaultButtonVariant="directional-hover"
|
||||||
@@ -22,80 +21,74 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home", id: "/"},
|
{ name: "Services", id: "/services" },
|
||||||
{
|
{ name: "Gallery", id: "/gallery" },
|
||||||
name: "Services", id: "/services"},
|
{ name: "Contact", id: "/contact" },
|
||||||
{
|
]}
|
||||||
name: "Gallery", id: "/gallery"},
|
button={{ text: "Get a Free Quote", href: "/contact" }}
|
||||||
{
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
||||||
name: "Contact", id: "/contact"},
|
logoAlt="FloorCraft Logo"
|
||||||
]}
|
brandName="FloorCraft"
|
||||||
brandName="FloorCraft"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact-form" data-section="contact-form">
|
<div id="contact-form-section" data-section="contact-form-section">
|
||||||
<ContactSplit
|
<ContactText
|
||||||
useInvertedBackground={false}
|
text="Ready to transform your floors? Fill out the form below to get a free, no-obligation quote or to send us your inquiry. We're here to help!"
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "plain"}}
|
useInvertedBackground={false}
|
||||||
title="Ready to Transform Your Floors?"
|
buttons={[
|
||||||
description="Contact Us for a Free Quote Today!"
|
{
|
||||||
tag="Get in Touch"
|
text: "Call Us Today", href: "tel:+1234567890"
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/young-man-working-computer-desk_23-2147814498.jpg?id=433612503"
|
},
|
||||||
imageAlt="Contact us for a free quote"
|
{
|
||||||
mediaPosition="right"
|
text: "Email Us", href: "mailto:info@floorcraft.com"
|
||||||
mediaAnimation="slide-up"
|
}
|
||||||
inputPlaceholder="Your Email"
|
]}
|
||||||
buttonText="Submit Request"
|
/>
|
||||||
termsText="By submitting, you agree to our Terms and Conditions."
|
{/* A multi-field form for inquiries and quote requests would be placed here.
|
||||||
onSubmit={(email) => console.log(email)}
|
The current component registry does not contain a suitable component
|
||||||
/>
|
for this, so ContactText is used as a placeholder for the section's purpose. */}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="footer" data-section="footer">
|
||||||
<FaqSplitMedia
|
<FooterBase
|
||||||
textboxLayout="default"
|
columns={[
|
||||||
useInvertedBackground={true}
|
{
|
||||||
faqs={[
|
title: "Navigation", items: [
|
||||||
{
|
{ label: "Home", href: "/" },
|
||||||
id: "faq-1", title: "What types of hardwood floors do you install?", content: "We install all types of hardwood flooring, including solid hardwood, engineered hardwood, and parquet. We also work with a variety of wood species like oak, maple, hickory, and more."},
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "Gallery", href: "/gallery" },
|
||||||
id: "faq-2", title: "Is your floor sanding process dust-free?", content: "Yes, we utilize state-of-the-art dust containment systems during our sanding process to minimize dust and ensure a cleaner environment for your home."},
|
{ label: "Contact", href: "/contact" },
|
||||||
{
|
],
|
||||||
id: "faq-3", title: "How long does a typical installation take?", content: "The duration of an installation depends on the size of the area, the type of flooring, and any necessary prep work. We provide a detailed timeline with your free estimate."},
|
},
|
||||||
{
|
{
|
||||||
id: "faq-4", title: "Do you offer free estimates?", content: "Absolutely! We offer complimentary, no-obligation estimates for all our services. Contact us to schedule your on-site assessment."},
|
title: "Services", items: [
|
||||||
{
|
{ label: "Hardwood Installation", href: "/services#hardwood-installation" },
|
||||||
id: "faq-5", title: "What areas do you serve?", content: "FloorCraft proudly serves homes across Georgia, Florida, South Carolina, Alabama, North Carolina, and Mississippi. Check our service areas section for more details."},
|
{ label: "Floor Sanding", href: "/services#floor-sanding" },
|
||||||
{
|
{ label: "Free Estimates", href: "/services#free-estimates" },
|
||||||
id: "faq-6", title: "How do I maintain my new hardwood floors?", content: "We provide comprehensive care instructions upon completion of your project. Generally, regular sweeping, damp mopping, and avoiding harsh chemicals are key."},
|
{ label: "Custom Designs", href: "/services#custom-designs" },
|
||||||
]}
|
],
|
||||||
title="Common Questions About Flooring"
|
},
|
||||||
description="Got questions? We've got answers. Find out everything you need to know about hardwood installation, sanding, maintenance, and our process."
|
{
|
||||||
faqsAnimation="slide-up"
|
title: "About Us", items: [
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/modern-interior-design-with-empty-wall_23-2151044458.jpg?id=413550269"
|
{ label: "Our Story", href: "/#about" },
|
||||||
imageAlt="FAQ section media"
|
{ label: "Testimonials", href: "/#home-testimonials" },
|
||||||
mediaAnimation="slide-up"
|
{ label: "Service Areas", href: "/services#service-areas" },
|
||||||
mediaPosition="left"
|
{ label: "FAQs", href: "/contact" },
|
||||||
/>
|
],
|
||||||
</div>
|
},
|
||||||
|
]}
|
||||||
<div id="footer" data-section="footer">
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
||||||
<FooterLogoReveal
|
logoAlt="FloorCraft Logo"
|
||||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
|
logoText="FloorCraft"
|
||||||
logoAlt="FloorCraft Logo"
|
copyrightText="© 2024 FloorCraft. All rights reserved."
|
||||||
logoText="FloorCraft"
|
/>
|
||||||
leftLink={{
|
</div>
|
||||||
text: "Home", href: "/"}}
|
|
||||||
rightLink={{
|
|
||||||
text: "Contact", href: "/contact"}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user