Switch to version 5: modified src/app/contact/page.tsx
This commit is contained in:
@@ -1,12 +1,13 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function ContactPage() {
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -20,40 +21,64 @@ export default function ContactPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Service Areas", id: "/service-areas" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{ text: "Get a Free Quote", href: "/contact" }}
|
||||
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"
|
||||
logoAlt="FloorCraft Logo"
|
||||
brandName="FloorCraft"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form-section" data-section="contact-form-section">
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactText
|
||||
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={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
text="Ready to Transform Your Floors? Contact Us for a Free Quote Today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Today", href: "tel:+1234567890"
|
||||
},
|
||||
text: "Call Us Now: (770) 374-7706", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Email Us", href: "mailto:info@floorcraft.com"
|
||||
}
|
||||
text: "Email Us: Floorcraftt@gmail.com", href: "mailto:info@floorcraft.com"},
|
||||
]}
|
||||
/>
|
||||
{/* A multi-field form for inquiries and quote requests would be placed here.
|
||||
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 id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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."},
|
||||
{
|
||||
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."},
|
||||
{
|
||||
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."},
|
||||
{
|
||||
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."},
|
||||
{
|
||||
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."},
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -61,26 +86,38 @@ export default function ContactPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Hardwood Installation", href: "/services#hardwood-installation" },
|
||||
{ label: "Floor Sanding", href: "/services#floor-sanding" },
|
||||
{ label: "Free Estimates", href: "/services#free-estimates" },
|
||||
{ label: "Custom Designs", href: "/services#custom-designs" },
|
||||
{
|
||||
label: "Hardwood Installation", href: "/services#hardwood-installation"},
|
||||
{
|
||||
label: "Floor Sanding", href: "/services#floor-sanding"},
|
||||
{
|
||||
label: "Free Estimates", href: "/services#free-estimates"},
|
||||
{
|
||||
label: "Custom Designs", href: "/services#custom-designs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{ label: "Our Story", href: "/#about" },
|
||||
{ label: "Testimonials", href: "/#home-testimonials" },
|
||||
{ label: "Service Areas", href: "/service-areas" },
|
||||
{ label: "FAQs", href: "/contact" }
|
||||
{
|
||||
label: "Our Story", href: "/#about"},
|
||||
{
|
||||
label: "Testimonials", href: "/#home-testimonials"},
|
||||
{
|
||||
label: "Service Areas", href: "/services#service-areas"},
|
||||
{
|
||||
label: "FAQs", href: "/contact#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -90,7 +127,7 @@ export default function ContactPage() {
|
||||
copyrightText="© 2024 FloorCraft. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user