177 lines
7.7 KiB
TypeScript
177 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Crystal Drain & Plumbing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Your Trusted Vaughan Plumbing & Drain Experts"
|
|
description="Providing reliable, 24/7 emergency plumbing services for over 28 years. From clogged drains and leaking pipes to professional sump pump repairs—we get the job done right, fast and clean."
|
|
tag="Family Owned & Local"
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+14165550123"},
|
|
{
|
|
text: "Book Service", href: "#contact"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageAlt: "Crystal Drain & Plumbing professional technician"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-standing-near-kitchen-sink-showing-thumb-up_1098-17826.jpg", imageAlt: "Professional plumbing services in Vaughan"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="4.9 stars from 668+ Google Reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="28 Years of Serving the Vaughan Community"
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Drain & Sewer Cleaning", description: "Expert camera diagnostics and snaking to clear blockages quickly.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358954.jpg"},
|
|
{
|
|
title: "Leak & Pipe Repair", description: "From basement leaks to burst pipe fixes, we ensure your home stays dry.", imageSrc: "http://img.b2bpic.net/free-photo/modern-sink-black-faucet-marble-countertop_169016-69284.jpg"},
|
|
{
|
|
title: "Fixture Installations", description: "Professional installation for sinks, faucets, toilets, and water shut-offs.", imageSrc: "http://img.b2bpic.net/free-photo/look-form-pipe-looking-beach-surrounded-by-sea-with-people-it-sunlight_181624-15136.jpg"},
|
|
{
|
|
title: "Sump Pump Services", description: "Ensure your basement stays dry with our professional sump pump maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg"},
|
|
{
|
|
title: "Emergency Plumbing", description: "Rapid response for burst pipes and critical failures 24 hours a day.", imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-55754.jpg"},
|
|
]}
|
|
title="Our Professional Plumbing Services"
|
|
description="Handling urgent and routine plumbing issues with precision and care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Angie", role: "Local Customer", company: "Vaughan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-pouring-coffee-cup-hold-by-his-boyfriend-kitchen_23-2148120463.jpg"},
|
|
{
|
|
id: "2", name: "Kimberly Karrys", role: "Local Customer", company: "Vaughan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg"},
|
|
{
|
|
id: "3", name: "Sandi P", role: "Local Customer", company: "Vaughan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
|
|
{
|
|
id: "4", name: "Olivia Zhang", role: "Local Customer", company: "Vaughan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg"},
|
|
{
|
|
id: "5", name: "Basil Kulikowski", role: "Local Customer", company: "Vaughan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="With 4.9 stars across 668+ reviews, our quality speaks for itself."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Need professional plumbing assistance in Vaughan? We are available 24/7 for all your plumbing emergencies. Call us or book online today."
|
|
buttons={[
|
|
{
|
|
text: "Call Now: (416) 555-0123", href: "tel:+14165550123"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Crystal Drain & Plumbing", items: [
|
|
{
|
|
label: "Vaughan, Ontario", href: "#"},
|
|
{
|
|
label: "Available 24/7", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Crystal Drain & Plumbing. All rights reserved."
|
|
bottomRightText="Serving the Vaughan community for over 28 years."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|