184 lines
7.5 KiB
TypeScript
184 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Blog", id: "/blog" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Drain Cleaning", href: "/services#drain-cleaning" },
|
|
{ label: "Water Heaters", href: "/services#water-heaters" },
|
|
{ label: "Repiping", href: "/services#repiping" },
|
|
{ label: "Emergency Service", href: "/services#emergency" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "/about" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call (407) 809-1743", href: "tel:(407) 809-1743" },
|
|
{ label: "Schedule Service", href: "/contact" },
|
|
{ label: "Request Quote", href: "/contact" },
|
|
{ label: "Emergency Line", href: "tel:(407) 809-1743" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Drain Genie Plumbing"
|
|
bottomLeftText="24/7 Emergency Service"
|
|
bottomRightText="(407) 809-1743"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text", content: "Drain Genie Plumbing: Your Trusted Orlando Plumber Since 2005"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "/about"},
|
|
{
|
|
text: "Meet Our Team", href: "/about"},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<section className="mx-auto px-4 md:px-6 py-20">
|
|
<div className="max-w-4xl mx-auto">
|
|
<h2 className="text-4xl md:text-5xl font-light text-foreground mb-6">
|
|
Our Team
|
|
</h2>
|
|
<p className="text-lg text-foreground/80 mb-12 leading-relaxed">
|
|
With over 20 years of combined experience in plumbing services, our team of licensed and insured professionals is dedicated to solving your plumbing problems efficiently and effectively. We take pride in our workmanship and customer satisfaction.
|
|
</p>
|
|
<div className="space-y-8">
|
|
<div className="border-b border-foreground/10 pb-8">
|
|
<h3 className="text-2xl font-semibold text-primary-cta mb-2">
|
|
Expert Technicians
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
All our plumbers are fully licensed, insured, and background-checked. We provide ongoing training to ensure our team stays current with the latest plumbing technologies and best practices.
|
|
</p>
|
|
</div>
|
|
<div className="border-b border-foreground/10 pb-8">
|
|
<h3 className="text-2xl font-semibold text-primary-cta mb-2">
|
|
24/7 Availability
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
Plumbing emergencies don't follow a 9-to-5 schedule. That's why we maintain round-the-clock service availability to respond to your urgent plumbing needs whenever they occur.
|
|
</p>
|
|
</div>
|
|
<div className="border-b border-foreground/10 pb-8">
|
|
<h3 className="text-2xl font-semibold text-primary-cta mb-2">
|
|
Comprehensive Services
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
From emergency drain cleaning to complete home repiping projects, our team is equipped to handle all plumbing needs—residential and commercial alike.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="values" data-section="values">
|
|
<section className="mx-auto px-4 md:px-6 py-20 bg-background-accent/10">
|
|
<div className="max-w-4xl mx-auto">
|
|
<h2 className="text-4xl md:text-5xl font-light text-foreground mb-12">
|
|
Our Core Values
|
|
</h2>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
<div className="bg-card rounded-lg p-8 shadow-sm">
|
|
<h3 className="text-xl font-semibold text-primary-cta mb-4">
|
|
Integrity
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
We believe in honest pricing, transparent communication, and standing behind our work with comprehensive warranties.
|
|
</p>
|
|
</div>
|
|
<div className="bg-card rounded-lg p-8 shadow-sm">
|
|
<h3 className="text-xl font-semibold text-primary-cta mb-4">
|
|
Reliability
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
When you call Drain Genie, you can count on us to arrive on time, solve your problem efficiently, and exceed your expectations.
|
|
</p>
|
|
</div>
|
|
<div className="bg-card rounded-lg p-8 shadow-sm">
|
|
<h3 className="text-xl font-semibold text-primary-cta mb-4">
|
|
Quality
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
We use premium materials and proven techniques to ensure your plumbing system runs smoothly for years to come.
|
|
</p>
|
|
</div>
|
|
<div className="bg-card rounded-lg p-8 shadow-sm">
|
|
<h3 className="text-xl font-semibold text-primary-cta mb-4">
|
|
Customer Focus
|
|
</h3>
|
|
<p className="text-foreground/70">
|
|
Your satisfaction is our priority. We listen to your concerns and tailor our solutions to meet your specific needs and budget.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Drain Genie Plumbing. All rights reserved. Licensed and insured."
|
|
bottomRightText="Orlando's 24/7 Emergency Plumber | Trusted Since 2005"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |