294 lines
15 KiB
TypeScript
294 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { CheckCircle, Gauge, Leaf, Sparkles, Wrench, Droplet, Thermometer, Flame } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/aerial-view-luxury-waterfront-homes-canals-gold-coast_1308-189350.jpg"
|
|
logoAlt="Michaels' Plumbing Logo"
|
|
brandName="Michaels' Plumbing"
|
|
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Reliable Plumbing Services in St. Augustine, FL"
|
|
description="Michaels' Plumbing is a licensed and insured company providing top-notch plumbing solutions. From drain cleaning to water heater installations, we ensure quality and customer satisfaction."
|
|
tag="Your Trusted Local Plumber"
|
|
tagIcon={Wrench}
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Estimate", href: "#contact"},
|
|
{
|
|
text: "Call Us Now", href: "tel:+19046696911"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvN0uuAm4IhraAHXwAmnMWOwgx/uploaded-1781124426347-rvsd6hov.jpg", imageAlt: "Professional plumber fixing a leaky pipe"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvN0uuAm4IhraAHXwAmnMWOwgx/uploaded-1781124230575-uw1sastu.jpg", imageAlt: "Modern plumbing installation pipes"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={4.5}
|
|
ratingText="(55+ Google Reviews)"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="About Our Company"
|
|
title="Michaels' Plumbing: Licensed, Insured, and Trusted in St. Augustine"
|
|
buttons={[
|
|
{
|
|
text: "Our Services", href: "#services"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Drain Cleaning", description: "Expert solutions for clogged drains, ensuring smooth flow and preventing future blockages.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvN0uuAm4IhraAHXwAmnMWOwgx/uploaded-1781124258582-40qzdohf.webp", imageAlt: "Drain cleaning service"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Fast & Effective"},
|
|
{
|
|
icon: Wrench,
|
|
text: "Advanced Equipment"},
|
|
{
|
|
icon: Leaf,
|
|
text: "Eco-Friendly Options"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Faucet Installation & Repair", description: "Professional installation and repair for all types of faucets, stopping leaks and upgrading your fixtures.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/matte-black-kitchen-faucet-sink-with-drying-rack-blue-kitchen-minimal-interior_169016-69329.jpg", imageAlt: "Faucet installation"},
|
|
items: [
|
|
{
|
|
icon: Sparkles,
|
|
text: "Modern Upgrades"},
|
|
{
|
|
icon: Droplet,
|
|
text: "Leak Prevention"},
|
|
{
|
|
icon: Wrench,
|
|
text: "Expert Repair"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Water Heater Services", description: "Installation, repair, and maintenance for all water heater models, ensuring reliable hot water.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvN0uuAm4IhraAHXwAmnMWOwgx/uploaded-1781124521242-zyb0t4xf.jpg", imageAlt: "Water heater installation"},
|
|
items: [
|
|
{
|
|
icon: Thermometer,
|
|
text: "Efficient Systems"},
|
|
{
|
|
icon: Gauge,
|
|
text: "Safety Checks"},
|
|
{
|
|
icon: Flame,
|
|
text: "Emergency Repairs"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Comprehensive Plumbing Services"
|
|
description="From emergency repairs to new installations, Michaels' Plumbing covers all your residential and commercial needs in St. Augustine. We deliver lasting solutions with precision and care."
|
|
tag="What We Offer"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "18+", title: "Years of Service", description: "Serving the St. Augustine community with unparalleled plumbing expertise.", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg", imageAlt: "Plumber working on a pipe"},
|
|
{
|
|
id: "m2", value: "55+", title: "Five-Star Reviews", description: "Highly rated by our customers for professionalism, quality, and responsiveness.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-builder-woman-uniform-showing-thumb-up-isolated-purple-wall_141793-87185.jpg", imageAlt: "Happy client shaking hands with plumber"},
|
|
{
|
|
id: "m3", value: "24/7", title: "Emergency Availability", description: "Ready to respond to your urgent plumbing needs, any time, any day.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-builder-man-uniform-thumbs-up-isolated-olive-green-wall_141793-66535.jpg", imageAlt: "Plumbing service availability"},
|
|
]}
|
|
title="Our Commitment to Excellence"
|
|
description="We are proud of the trust our community places in us, reflected in our long-standing service and satisfied customers. Your plumbing needs are our priority."
|
|
tag="By the Numbers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Donald McEwan", role: "Homeowner", testimonial: "I recently noticed a slight leak from my water heater and immediately gave Michael's Plumbing a call. He was able to come out the same afternoon and assess the issue. Two days later he and Aaron came back out and installed a new hot water heater. I am very happy with the work they did and especially with their communication and overall high level of professionalism. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-angry-expression_1194-2114.jpg", imageAlt: "Donald McEwan"},
|
|
{
|
|
id: "2", name: "JJ Cesa", role: "Local Guide", testimonial: "I want to thank Michael's Plumbing, especially Sam and Aaron, for arriving quickly and doing a great job on the broken handle of my washer and dryer unit's pipe. The work was efficiently done and priced reasonably. We are grateful for your excellent service. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-pointing-upwards_1187-3184.jpg", imageAlt: "JJ Cesa"},
|
|
{
|
|
id: "3", name: "Alex García", role: "Client", testimonial: "Great experience with them called them in the morning came to my house before noon was out of there within the hour extremely reasonably priced I would say for a plumber they have a job to do. They need to make money but extremely well professional.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", imageAlt: "Alex García"},
|
|
{
|
|
id: "4", name: "John Augustine", role: "Local Guide", testimonial: "When leaks happen I call this number! Attic pipe leaked, came right away, took care of it perfectly, super happy. 18 years living in Saint Augustine marsh creek great service!", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", imageAlt: "John Augustine"},
|
|
{
|
|
id: "5", name: "Jessica Copeland", role: "Homeowner", testimonial: "Honest and professional.... Only plumber I will call... He's come to replace a toilet, fix my master bathroom shower, and garbage disposal removal... Great company will always use him and will always recommend to all my friend... 10/10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", imageAlt: "Jessica Copeland"},
|
|
]}
|
|
title="What Our Valued Customers Say"
|
|
description="Hear directly from residents in St. Augustine who experienced Michaels' Plumbing's exceptional service. Your satisfaction is our highest priority."
|
|
tag="Client Success Stories"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Licensed Professional", "Insured for Your Peace of Mind", "St. Augustine Chamber of Commerce", "Florida State Certified Plumbers", "Local Business Partner", "Family Owned & Operated", "Customer Satisfaction Guaranteed"]}
|
|
title="Why Choose Michaels' Plumbing?"
|
|
description="We are not just plumbers; we are licensed professionals who prioritize trust, safety, and community involvement. Our credentials speak for themselves."
|
|
tag="Trusted and Certified"
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Are you licensed and insured?", content: "Yes, Michaels' Plumbing is fully licensed and insured, providing you with peace of mind and professional service for all your plumbing needs in St. Augustine, FL."},
|
|
{
|
|
id: "faq2", title: "What areas do you serve?", content: "We proudly serve St. Augustine, FL, and the surrounding areas. Contact us to confirm if we cover your specific location."},
|
|
{
|
|
id: "faq3", title: "Do you offer emergency services?", content: "Yes, we understand plumbing emergencies can happen anytime. We offer prompt emergency services to address urgent issues quickly and efficiently."},
|
|
{
|
|
id: "faq4", title: "How do I schedule an appointment?", content: "You can schedule an appointment by calling us directly at (904) 669-6911 or by filling out the contact form on our website."},
|
|
{
|
|
id: "faq5", title: "What payment methods do you accept?", content: "We accept various payment methods for your convenience. Please contact us or inquire during your service call for more details."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to the most common questions about our plumbing services in St. Augustine."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Need a Plumber? Contact Us Today!"
|
|
description="Whether you have a leaky faucet, need a water heater installation, or require emergency repair, our team is ready to help. Reach out for reliable service in St. Augustine."
|
|
imageAlt="Michaels' Plumbing service van"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message you're confirming that you agree with our Terms and Conditions."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvN0uuAm4IhraAHXwAmnMWOwgx/uploaded-1781125052864-4158r9bk.png"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-photo/aerial-view-luxury-waterfront-homes-canals-gold-coast_1308-189350.jpg"
|
|
logoAlt="Michaels' Plumbing Logo"
|
|
logoText="Michaels' Plumbing"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Drain Cleaning", href: "#services"},
|
|
{
|
|
label: "Faucet Installation", href: "#services"},
|
|
{
|
|
label: "Water Heater Repair", href: "#services"},
|
|
{
|
|
label: "Sewer Line Repair", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#contact"},
|
|
{
|
|
label: "Terms of Service", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Michaels' Plumbing. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |