Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,9 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { MessageSquare } from "lucide-react";
|
||||
@@ -28,123 +27,55 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
href: "/#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "/#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
href: "/#faq",
|
||||
},
|
||||
name: "FAQ", id: "/#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "/contact"}}
|
||||
brandName="Miami Roof Pros"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch with Miami Roof Pros"
|
||||
description="Have questions about your roofing project or need an urgent repair? Fill out the form below, and our team will get back to you promptly. We're here to help protect your investment."
|
||||
inputs={[
|
||||
text="Have questions about your roofing project or need an urgent repair? Fill out the form below, and our team will get back to you promptly. We're here to help protect your investment."
|
||||
buttons={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: true,
|
||||
},
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-controls-cargo-crane_140725-7619.jpg?_wi=2"
|
||||
imageAlt="Emergency roof tarp installation"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
animationType="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What areas do you serve?",
|
||||
content: "Miami Roof Pros proudly serves all of Miami-Dade County, including Miami, Coral Gables, Miami Beach, South Miami, Pinecrest, and surrounding South Florida communities.",
|
||||
},
|
||||
id: "1", title: "What areas do you serve?", content: "Miami Roof Pros proudly serves all of Miami-Dade County, including Miami, Coral Gables, Miami Beach, South Miami, Pinecrest, and surrounding South Florida communities."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is an estimate really free?",
|
||||
content: "Yes, we offer completely free, no-obligation estimates for all residential and commercial roofing projects. Contact us to schedule yours today.",
|
||||
},
|
||||
id: "2", title: "Is an estimate really free?", content: "Yes, we offer completely free, no-obligation estimates for all residential and commercial roofing projects. Contact us to schedule yours today."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How quickly can you respond to an emergency?",
|
||||
content: "We prioritize emergency calls and aim to respond within a few hours to assess the damage and provide immediate temporary solutions to prevent further issues.",
|
||||
},
|
||||
id: "3", title: "How quickly can you respond to an emergency?", content: "We prioritize emergency calls and aim to respond within a few hours to assess the damage and provide immediate temporary solutions to prevent further issues."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer financing options?",
|
||||
content: "We understand roofing can be a significant investment. We offer flexible financing options to help make your roofing project affordable. Please inquire for more details.",
|
||||
},
|
||||
id: "4", title: "Do you offer financing options?", content: "We understand roofing can be a significant investment. We offer flexible financing options to help make your roofing project affordable. Please inquire for more details."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Are your technicians licensed and insured?",
|
||||
content: "Absolutely. All our roofing technicians are fully licensed, insured, and undergo continuous training to ensure the highest standards of safety and quality.",
|
||||
},
|
||||
id: "5", title: "Are your technicians licensed and insured?", content: "Absolutely. All our roofing technicians are fully licensed, insured, and undergo continuous training to ensure the highest standards of safety and quality."},
|
||||
{
|
||||
id: "6",
|
||||
title: "What warranty do you provide?",
|
||||
content: "We stand by our work with comprehensive warranties on both labor and materials. Specific warranty details will be provided with your project estimate.",
|
||||
},
|
||||
id: "6", title: "What warranty do you provide?", content: "We stand by our work with comprehensive warranties on both labor and materials. Specific warranty details will be provided with your project estimate."},
|
||||
]}
|
||||
title="Common Questions for Miami Roof Pros"
|
||||
description="Before you reach out, check our frequently asked questions. You might find the answers you need about our services, estimates, and processes."
|
||||
@@ -153,25 +84,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Ready to Connect?"
|
||||
tagIcon={MessageSquare}
|
||||
title="Speak with a Roofing Expert Today!"
|
||||
description="Don't leave your roofing needs to chance. Our friendly and knowledgeable team is ready to provide you with the best solutions and support. Let's discuss your project."
|
||||
variant: "animated-grid"}}
|
||||
text="Don't leave your roofing needs to chance. Our friendly and knowledgeable team is ready to provide you with the best solutions and support. Let's discuss your project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for Immediate Assistance",
|
||||
href: "tel:+13051234567",
|
||||
},
|
||||
text: "Call for Immediate Assistance", href: "tel:+13051234567"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@miamiroofpros.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@miamiroofpros.com"},
|
||||
]}
|
||||
animationType="entrance-slide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,58 +103,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential Roofing",
|
||||
href: "/services#residential",
|
||||
},
|
||||
label: "Residential Roofing", href: "/services#residential"},
|
||||
{
|
||||
label: "Commercial Roofing",
|
||||
href: "/services#commercial",
|
||||
},
|
||||
label: "Commercial Roofing", href: "/services#commercial"},
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "/services#repair",
|
||||
},
|
||||
label: "Roof Repair", href: "/services#repair"},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services#installations",
|
||||
},
|
||||
label: "Installations", href: "/services#installations"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "/services#maintenance",
|
||||
},
|
||||
label: "Maintenance", href: "/services#maintenance"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user