|
|
|
|
@@ -2,17 +2,14 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
|
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
|
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
|
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
|
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
|
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
|
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
|
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
|
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
|
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
|
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
|
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
|
|
|
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
|
|
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
|
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
|
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
|
|
|
import { Phone, Mail, MapPin, Sparkles } from "lucide-react";
|
|
|
|
|
import { Linkedin, Twitter, Mail } from "lucide-react";
|
|
|
|
|
import Link from "next/link";
|
|
|
|
|
|
|
|
|
|
export default function ContactPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -33,9 +30,10 @@ export default function ContactPage() {
|
|
|
|
|
brandName="OW HomeShield Inc."
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "/" },
|
|
|
|
|
{ name: "Contact", id: "/contact" },
|
|
|
|
|
{ name: "About", id: "#about" },
|
|
|
|
|
{ name: "Pricing", id: "#pricing" }
|
|
|
|
|
{ name: "Membership Plans", id: "pricing" },
|
|
|
|
|
{ name: "Request Service", id: "how-it-works" },
|
|
|
|
|
{ name: "About", id: "benefits" },
|
|
|
|
|
{ name: "Contact", id: "final-cta" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Call Now: 226-224-3573", href: "tel:226-224-3573"
|
|
|
|
|
@@ -44,211 +42,149 @@ export default function ContactPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboard
|
|
|
|
|
<HeroSplitKpi
|
|
|
|
|
title="Get in Touch with OW HomeShield"
|
|
|
|
|
description="Have questions about our membership plans or need immediate service? We're here to help. Contact our team today."
|
|
|
|
|
description="Have questions about our membership plans or need immediate assistance? We're here to help."
|
|
|
|
|
tag="Contact Us"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
kpis={[
|
|
|
|
|
{ value: "10+", label: "Years Experience" },
|
|
|
|
|
{ value: "24/7", label: "Emergency Support" },
|
|
|
|
|
{ value: "500+", label: "Satisfied Customers" }
|
|
|
|
|
]}
|
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Call Now", href: "tel:226-224-3573" },
|
|
|
|
|
{ text: "Email Us", href: "mailto:info@owhomeshield.com" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg"
|
|
|
|
|
imageAlt="Contact support team"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=1"
|
|
|
|
|
imageAlt="Contact our team"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextSplitAbout
|
|
|
|
|
title="Why Contact OW HomeShield?"
|
|
|
|
|
description="Our dedicated team is ready to assist you with any questions about our services, membership plans, or to schedule urgent repairs. We pride ourselves on fast response times and professional service."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"
|
|
|
|
|
imageAlt="Happy homeowner"
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "Fast Response", description: "Get assistance within hours", videoSrc: "" },
|
|
|
|
|
{ title: "Expert Team", description: "Licensed and certified professionals", videoSrc: "" },
|
|
|
|
|
{ title: "24/7 Available", description: "Emergency support anytime", videoSrc: "" }
|
|
|
|
|
]}
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardOne
|
|
|
|
|
title="Our Service Offerings"
|
|
|
|
|
description="Comprehensive home maintenance and repair services designed for your needs"
|
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
|
|
|
<FeatureCardSeven
|
|
|
|
|
title="Why Choose OW HomeShield?"
|
|
|
|
|
description="We pride ourselves on delivering exceptional service across all areas"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Emergency Repairs", description: "24/7 emergency service for urgent home repairs"
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Expert Technicians", description: "Licensed and insured professionals with years of experience", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=2", imageAlt: "Expert technicians"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Consultation", description: "Free consultation to assess your home maintenance needs"
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Fast Response", description: "Quick turnaround times for all service requests", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=3", imageAlt: "Fast response service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Local Service", description: "Serving your community with professional local technicians"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
title="Featured Services"
|
|
|
|
|
description="Explore our most popular home maintenance and repair services"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Plumbing Repairs", description: "Expert plumbing solutions", imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148534111.jpg", imageAlt: "Plumbing service", price: "$99", variant: "standard"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Electrical Work", description: "Safe electrical installations", imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-labels-collection_23-2149037530.jpg", imageAlt: "Electrical service", price: "$129", variant: "standard"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Home Inspections", description: "Thorough home assessments", imageSrc: "http://img.b2bpic.net/free-vector/bank-service-concept-labels-template_23-2150487023.jpg", imageAlt: "Home inspection", price: "$149", variant: "standard"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Preventative Maintenance", description: "Regular maintenance plans", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-businesswoman-near-business-plan-showing-it_171337-8559.jpg", imageAlt: "Maintenance service", price: "$79", variant: "standard"
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Affordable Pricing", description: "Competitive rates with membership discounts", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=4", imageAlt: "Affordable pricing"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardThree
|
|
|
|
|
title="Membership Pricing"
|
|
|
|
|
<PricingCardOne
|
|
|
|
|
title="Our Membership Plans"
|
|
|
|
|
description="Choose the perfect plan for your home protection needs"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "silver", name: "Basic plan", badge: "Basic", price: "$44/mo", buttons: [
|
|
|
|
|
{ text: "Get Started", href: "tel:226-224-3573" },
|
|
|
|
|
{ text: "Learn More", href: "#" }
|
|
|
|
|
],
|
|
|
|
|
features: ["1 service visit/month", "Minor repairs", "10% discount"]
|
|
|
|
|
id: "basic", badge: "Basic", price: "$44/month", subtitle: "Essential coverage", features: ["1 service visit per month", "10% renovation discount"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "gold", name: "Business plan", badge: "Popular", badgeIcon: Sparkles,
|
|
|
|
|
price: "$59/mo", buttons: [
|
|
|
|
|
{ text: "Get Started", href: "tel:226-224-3573" },
|
|
|
|
|
{ text: "Learn More", href: "#" }
|
|
|
|
|
],
|
|
|
|
|
features: ["2 service visits/month", "Priority booking", "15% discount"]
|
|
|
|
|
id: "standard", badge: "Standard", price: "$59/month", subtitle: "Popular choice", features: ["2 service visits per month", "15% renovation discount", "Priority booking"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "platinum", name: "Premium plan", badge: "Premium", price: "$84/mo", buttons: [
|
|
|
|
|
{ text: "Get Started", href: "tel:226-224-3573" },
|
|
|
|
|
{ text: "Learn More", href: "#" }
|
|
|
|
|
],
|
|
|
|
|
features: ["Unlimited visits", "24/7 support", "20% discount"]
|
|
|
|
|
id: "premium", badge: "Premium", price: "$84/month", subtitle: "Full coverage", features: ["Unlimited service requests", "24/7 emergency support", "Priority scheduling"]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing2" data-section="pricing2">
|
|
|
|
|
<PricingCardTwo
|
|
|
|
|
title="Additional Services"
|
|
|
|
|
description="Specialized services available for your home"
|
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
|
|
|
<FeatureCardSeven
|
|
|
|
|
title="How Our Service Works"
|
|
|
|
|
description="Simple steps to get your home protected"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
plans={[
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "annual", price: "$299/year", subtitle: "Annual Check-up", badge: "Value", buttons: [
|
|
|
|
|
{ text: "Book Now", href: "tel:226-224-3573" }
|
|
|
|
|
],
|
|
|
|
|
features: ["Full system check", "Detailed report", "Recommendations"]
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Choose Your Plan", description: "Select from our three membership options based on your needs", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=5", imageAlt: "Choose your plan"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "emergency", price: "$149", subtitle: "Emergency Service", badge: "Priority", buttons: [
|
|
|
|
|
{ text: "Call Now", href: "tel:226-224-3573" }
|
|
|
|
|
],
|
|
|
|
|
features: ["24/7 availability", "Fast response", "Professional service"]
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Sign Up Online", description: "Quick registration process takes just a few minutes", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=6", imageAlt: "Sign up online"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Get Immediate Service", description: "Start receiving professional home maintenance and repairs", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=7", imageAlt: "Get immediate service"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Real feedback from satisfied homeowners"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
<div id="trust" data-section="trust">
|
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
|
testimonial="Outstanding service! The team was professional and efficient. They fixed my plumbing issue quickly and at a fair price. Highly recommended."
|
|
|
|
|
rating={5}
|
|
|
|
|
author="John Smith"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-excited-businesswoman-blue-blouse-showing-thumb-up_1262-14826.jpg", alt: "Customer John"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", testimonial: "OW HomeShield has been incredible. Their team is professional, reliable, and always responsive to our needs.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-businesswoman-blue-blouse-showing-thumb-up_1262-14826.jpg", imageAlt: "Sarah Johnson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Michael Chen", role: "Property Manager", testimonial: "We trust OW HomeShield to maintain our properties. Their attention to detail and quick response times are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1644.jpg", imageAlt: "Michael Chen"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact-form" data-section="contact-form">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
tag="Contact Us"
|
|
|
|
|
title="Contact Our Team"
|
|
|
|
|
description="Fill out the form below and we'll get back to you as soon as possible. For emergencies, please call us directly."
|
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Ready to Get Started?"
|
|
|
|
|
title="Join OW HomeShield Today"
|
|
|
|
|
description="Experience the peace of mind that comes with reliable home maintenance and emergency support available 24/7."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start Free Trial", href: "#" },
|
|
|
|
|
{ text: "Call Us Now", href: "tel:226-224-3573" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"
|
|
|
|
|
imageAlt="Contact our team"
|
|
|
|
|
inputPlaceholder="Your email address"
|
|
|
|
|
buttonText="Send Message"
|
|
|
|
|
termsText="We'll respond within 24 hours. For emergencies, call 226-224-3573."
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
onSubmit={(email) => console.log('Contact form submitted:', email)}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBase
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="OW HomeShield Inc."
|
|
|
|
|
copyrightText="© 2025 OW HomeShield Inc. All rights reserved."
|
|
|
|
|
columns={[
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "Home", href: "/" },
|
|
|
|
|
{ label: "Contact", href: "/contact" },
|
|
|
|
|
{ label: "About", href: "#about" }
|
|
|
|
|
]
|
|
|
|
|
icon: Linkedin,
|
|
|
|
|
href: "https://linkedin.com", ariaLabel: "LinkedIn"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Services", items: [
|
|
|
|
|
{ label: "Repairs", href: "#services" },
|
|
|
|
|
{ label: "Maintenance", href: "#services" },
|
|
|
|
|
{ label: "Inspections", href: "#services" }
|
|
|
|
|
]
|
|
|
|
|
icon: Twitter,
|
|
|
|
|
href: "https://twitter.com", ariaLabel: "Twitter"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{ label: "Emergency", href: "tel:226-224-3573" },
|
|
|
|
|
{ label: "FAQ", href: "#faq" },
|
|
|
|
|
{ label: "Contact", href: "#contact" }
|
|
|
|
|
]
|
|
|
|
|
icon: Mail,
|
|
|
|
|
href: "mailto:info@owhomeshield.com", ariaLabel: "Email"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer-simple" data-section="footer-simple">
|
|
|
|
|
<FooterCard
|
|
|
|
|
copyrightText="© 2025 OW HomeShield Inc. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
