Switch to version 2: modified src/app/contact/page.tsx
This commit is contained in:
@@ -26,13 +26,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Graca's Cleaners"
|
||||
/>
|
||||
@@ -45,20 +53,38 @@ export default function LandingPage() {
|
||||
description="Ready for a sparkling clean space? Fill out the form below and we'll get back to you with a personalized quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "serviceType", label: "Select Service Type", options: [
|
||||
"Residential Cleaning", "Commercial Cleaning", "Deep Cleaning", "Move In/Out Cleaning", "Other"],
|
||||
name: "serviceType",
|
||||
label: "Select Service Type",
|
||||
options: [
|
||||
"Residential Cleaning",
|
||||
"Commercial Cleaning",
|
||||
"Deep Cleaning",
|
||||
"Move In/Out Cleaning",
|
||||
"Other",
|
||||
],
|
||||
}}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us more about your cleaning needs", rows: 4,
|
||||
name: "message",
|
||||
placeholder: "Tell us more about your cleaning needs",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/image-asian-woman-office-talks-cellphone-discuss-work-with-client-mobile-phone-sits_1258-167974.jpg"
|
||||
imageAlt="Friendly cleaner with a tablet"
|
||||
@@ -73,15 +99,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What areas do you serve?", content: "We proudly serve residential and commercial clients within a 30-mile radius of our main office. Please contact us to confirm service availability in your specific location."},
|
||||
id: "1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve residential and commercial clients within a 30-mile radius of our main office. Please contact us to confirm service availability in your specific location.",
|
||||
},
|
||||
{
|
||||
id: "2", title: "Are your cleaning products safe?", content: "Yes, we prioritize the health of our clients and the environment. We use eco-friendly, non-toxic, and biodegradable cleaning products that are safe for children, pets, and individuals with allergies."},
|
||||
id: "2",
|
||||
title: "Are your cleaning products safe?",
|
||||
content: "Yes, we prioritize the health of our clients and the environment. We use eco-friendly, non-toxic, and biodegradable cleaning products that are safe for children, pets, and individuals with allergies.",
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I customize my cleaning service?", content: "Absolutely! We offer flexible cleaning plans that can be tailored to your specific needs and preferences. You can choose from one-time, weekly, bi-weekly, or monthly services, and add specific tasks as required."},
|
||||
id: "3",
|
||||
title: "Can I customize my cleaning service?",
|
||||
content: "Absolutely! We offer flexible cleaning plans that can be tailored to your specific needs and preferences. You can choose from one-time, weekly, bi-weekly, or monthly services, and add specific tasks as required.",
|
||||
},
|
||||
{
|
||||
id: "4", title: "What if I'm not satisfied with the cleaning?", content: "Your satisfaction is our top priority. If you are not completely happy with our service, please contact us within 24 hours, and we will return to re-clean the area at no additional charge."},
|
||||
id: "4",
|
||||
title: "What if I'm not satisfied with the cleaning?",
|
||||
content: "Your satisfaction is our top priority. If you are not completely happy with our service, please contact us within 24 hours, and we will return to re-clean the area at no additional charge.",
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do I need to provide cleaning supplies?", content: "No, our team comes fully equipped with all the necessary professional-grade cleaning supplies and equipment to ensure a thorough and efficient clean. You don't need to worry about a thing!"},
|
||||
id: "5",
|
||||
title: "Do I need to provide cleaning supplies?",
|
||||
content: "No, our team comes fully equipped with all the necessary professional-grade cleaning supplies and equipment to ensure a thorough and efficient clean. You don't need to worry about a thing!",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about Graca's Cleaners and our services."
|
||||
@@ -95,40 +136,62 @@ export default function LandingPage() {
|
||||
logoText="Graca's Cleaners"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential Cleaning", href: "/services#residential"},
|
||||
label: "Residential Cleaning",
|
||||
href: "/services#residential",
|
||||
},
|
||||
{
|
||||
label: "Commercial Cleaning", href: "/services#commercial"},
|
||||
label: "Commercial Cleaning",
|
||||
href: "/services#commercial",
|
||||
},
|
||||
{
|
||||
label: "Deep Cleaning", href: "/services#deep"},
|
||||
label: "Deep Cleaning",
|
||||
href: "/services#deep",
|
||||
},
|
||||
{
|
||||
label: "Move In/Out Cleaning", href: "/services#move-in-out"},
|
||||
label: "Move In/Out Cleaning",
|
||||
href: "/services#move-in-out",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team", href: "/about#team"},
|
||||
label: "Team",
|
||||
href: "/about#team",
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ", href: "/contact#faq"},
|
||||
label: "FAQ",
|
||||
href: "/contact#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Graca's Cleaners. All rights reserved."
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EKbpymWA6Q8KxfgRusQqtoetGM/uploaded-1779930958989-9yhbudhh.png"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user