272 lines
17 KiB
TypeScript
272 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { CheckCircle, Zap, Eye, Star, MapPin } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Trioz"
|
|
navItems={[
|
|
{ name: "Services", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Service Areas", id: "serviceAreas" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+16125551234"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="TRIOZ"
|
|
description="Minneapolis Trusted Plumbers & Drain Cleaning Experts. Fast, clean, and professional plumbing service you can rely on. From leaking pipes to stubborn drains, Trioz delivers precise repairs and lasting results."
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215297.jpg?_wi=1", imageAlt: "Modern kitchen with updated plumbing fixtures"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior_23-2151995357.jpg?_wi=1", imageAlt: "Luxury bathroom plumbing renovation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumber-pointing-front_1368-692.jpg?_wi=1", imageAlt: "Professional uniformed plumber at work"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "#contact" },
|
|
{ text: "Call Now", href: "tel:+16125551234" }
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
tag="Why Choose Trioz"
|
|
title="Professional Plumbing Services You Can Trust"
|
|
description="With over 15 years serving the Minneapolis area, Trioz delivers reliable plumbing solutions for residential and commercial clients. Our licensed, insured technicians are committed to transparency, quality craftsmanship, and your complete satisfaction."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Licensed & Insured", description: "Fully certified professionals with comprehensive coverage for your protection", icon: CheckCircle
|
|
},
|
|
{
|
|
title: "Same-Day Service", description: "Emergency repairs available 24/7 with rapid response times across Minneapolis", icon: Zap
|
|
},
|
|
{
|
|
title: "Free Plumbing Inspection", description: "Comprehensive diagnostic assessments to identify issues before they become costly", icon: Eye
|
|
},
|
|
{
|
|
title: "5-Star Customer Reviews", description: "Consistently rated among Minneapolis's most trusted plumbing contractors", icon: Star
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg?_wi=1"
|
|
imageAlt="Trioz professional plumbing service vehicle"
|
|
imagePosition="right"
|
|
mediaAnimation="none"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Our Services"
|
|
description="Comprehensive plumbing and drain cleaning solutions for Minneapolis homes and businesses"
|
|
tag="Services"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Drain Cleaning", description: "Expert drain cleaning and snaking services for clogs, blockages, and slow drains", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990705.jpg", imageAlt: "Professional drain cleaning service"
|
|
},
|
|
{
|
|
title: "Leak Detection", description: "Advanced detection technology to locate hidden leaks before major water damage occurs", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", imageAlt: "Leak detection and repair service"
|
|
},
|
|
{
|
|
title: "Pipe Repair & Replacement", description: "Complete pipe repair, replacement, and re-piping for residential and commercial properties", imageSrc: "http://img.b2bpic.net/free-vector/flat-plumbing-service-composition_1284-48443.jpg?_wi=1", imageAlt: "Professional pipe repair work"
|
|
},
|
|
{
|
|
title: "Free Plumbing Inspection", description: "Comprehensive video inspections to diagnose issues and recommend preventive solutions", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-repairs-room_1157-24928.jpg?_wi=1", imageAlt: "Professional plumbing inspection service"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Real reviews from Minneapolis homeowners and businesses"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, Homeowner", date: "Date: 15 November 2024", tag: "Drain Cleaning", title: "Professional and thorough service", quote: "Trioz resolved a stubborn clogged drain in our kitchen within hours. The technician was courteous, explained everything clearly, and the work was impeccable. Highly recommend!", avatarSrc: "http://img.b2bpic.net/free-photo/two-businesswoman-businessman-giving-hi-five-across-table_23-2147899892.jpg", imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215297.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Property Manager", date: "Date: 22 October 2024", tag: "Emergency Repair", title: "Reliable in emergencies", quote: "We had a burst pipe at one of our rental properties. Trioz responded within 30 minutes and fixed everything professionally. Their same-day service saved us from major water damage.", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Small Business Owner", date: "Date: 08 October 2024", tag: "Commercial Service", title: "Licensed and trustworthy professionals", quote: "Trioz maintains our office plumbing systems. They're fully licensed, insured, and always transparent about pricing. Couldn't ask for better professional service.", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-face-looking-camera_1262-2974.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior_23-2151995357.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim, Homeowner", date: "Date: 25 September 2024", tag: "Leak Detection", title: "Found the problem we couldn't see", quote: "We suspected a water leak but couldn't locate it. Trioz used video inspection technology to find a hidden leak behind our walls. Excellent diagnostic work and fair pricing.", avatarSrc: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumber-pointing-front_1368-692.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "5", name: "Jennifer Martinez, Homeowner", date: "Date: 12 September 2024", tag: "Maintenance", title: "Free inspection was invaluable", quote: "Trioz's free plumbing inspection identified potential issues before they became emergencies. Their preventive approach saved us thousands in future repairs. Great company to work with.", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-repairs-room_1157-24928.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Williams, Homeowner", date: "Date: 29 August 2024", tag: "Same-Day Service", title: "Fast, reliable, professional", quote: "Called Trioz on a Sunday evening about a toilet issue. They were here within an hour and fixed everything. This is the kind of service that deserves 5 stars.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-plumbing-service-composition_1284-48443.jpg?_wi=2"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
title="Trusted Throughout the Twin Cities"
|
|
description="Serving Minneapolis and surrounding communities with professional, reliable plumbing solutions"
|
|
tag="Service Coverage"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Minneapolis", "St. Louis Park", "Golden Valley", "Edina", "Wayzata", "Hopkins", "Richfield", "Bloomington"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="serviceAreas" data-section="serviceAreas">
|
|
<SplitAbout
|
|
tag="Local Service"
|
|
title="Service Areas Across Minneapolis Metro"
|
|
description="We proudly serve Minneapolis and the surrounding communities with rapid response times, professional expertise, and same-day service availability for emergencies."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Minneapolis", description: "Comprehensive plumbing and drain cleaning services for all neighborhoods", icon: MapPin
|
|
},
|
|
{
|
|
title: "St. Louis Park", description: "Fast emergency response and maintenance services for residential and commercial", icon: MapPin
|
|
},
|
|
{
|
|
title: "Golden Valley", description: "Expert plumbing repairs, inspections, and preventive maintenance", icon: MapPin
|
|
},
|
|
{
|
|
title: "Edina", description: "Licensed professionals serving luxury homes with premium plumbing solutions", icon: MapPin
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-vector/clean-light-dark-star-rating-symbol_1017-15125.jpg"
|
|
imageAlt="5-star customer ratings across Minneapolis service areas"
|
|
imagePosition="right"
|
|
mediaAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Answers to common questions about our services, pricing, and availability"
|
|
textPosition="left"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What does your free plumbing inspection include?", content: "Our complimentary inspection includes a thorough assessment of your plumbing system, video camera inspection if needed, identification of any current or potential issues, and transparent recommendations for preventive maintenance or repairs."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer same-day emergency service?", content: "Yes! Trioz provides 24/7 emergency plumbing services. We pride ourselves on rapid response times to emergency calls, often arriving within 30-60 minutes of your call to address urgent plumbing issues."
|
|
},
|
|
{
|
|
id: "3", title: "Are your technicians licensed and insured?", content: "Absolutely. All Trioz technicians are fully licensed, insured professionals. We maintain comprehensive liability coverage and workers' compensation insurance for your protection and peace of mind."
|
|
},
|
|
{
|
|
id: "4", title: "How much do your services typically cost?", content: "Pricing varies based on the service needed. We offer free consultations and transparent estimates before any work begins. Call for a quote or schedule your free inspection to learn more about pricing for your specific situation."
|
|
},
|
|
{
|
|
id: "5", title: "What areas do you serve?", content: "We serve Minneapolis and the surrounding Twin Cities communities including St. Louis Park, Golden Valley, Edina, Wayzata, Hopkins, Richfield, and Bloomington with fast, professional service."
|
|
},
|
|
{
|
|
id: "6", title: "Can I book online or do I need to call?", content: "You can reach us by phone at your convenience for immediate scheduling. We also accept online quote requests through our website. For emergencies, calling directly ensures the fastest response time."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Trioz"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Drain Cleaning", href: "#features" },
|
|
{ label: "Leak Detection", href: "#features" },
|
|
{ label: "Pipe Repair", href: "#features" },
|
|
{ label: "Emergency Service", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Service Areas", href: "#serviceAreas" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (612) 555-1234", href: "tel:+16125551234" },
|
|
{ label: "Email: info@trioz.com", href: "mailto:info@trioz.com" },
|
|
{ label: "24/7 Emergency Line", href: "tel:+16125551234" },
|
|
{ label: "Get Free Quote", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "License Info", href: "#" },
|
|
{ label: "Insurance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Trioz Minneapolis Plumbers & Drain Clean Co. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|