113 lines
5.5 KiB
TypeScript
113 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Phone, Mail, MapPin } from "lucide-react";
|
|
|
|
export default function GalleryPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Dynamite Plumbing"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery-hero" data-section="gallery-hero">
|
|
<MediaAbout
|
|
title="Our Work Speaks for Itself"
|
|
description="Browse our portfolio of successful plumbing projects throughout Hunt County. From emergency repairs to complete installations, see the quality and professionalism we bring to every job."
|
|
tag="Quality Workmanship"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=2"
|
|
imageAlt="plumbing installation pipes modern"
|
|
buttons={[{ text: "Schedule a Consultation", href: "/contact" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="project-showcase" data-section="project-showcase">
|
|
<FeatureBento
|
|
title="Recent Projects & Installations"
|
|
description="Take a look at some of our recent work throughout Hunt County. Each project demonstrates our commitment to quality, reliability, and customer satisfaction."
|
|
tag="Professional Results"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Kitchen & Bath Renovations",
|
|
description: "Complete plumbing systems for modern kitchen and bathroom upgrades.",
|
|
bentoComponent: "media-stack",
|
|
items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=2", imageAlt: "Professional plumber at work" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=3", imageAlt: "Modern plumbing installation" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=3", imageAlt: "Team plumber professional worker" },
|
|
],
|
|
},
|
|
{
|
|
title: "Emergency Water Damage",
|
|
description: "Swift response and professional repairs for water damage situations.",
|
|
bentoComponent: "media-stack",
|
|
items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=3", imageAlt: "Professional plumber at work" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=4", imageAlt: "Modern plumbing installation" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=4", imageAlt: "Team plumber professional worker" },
|
|
],
|
|
},
|
|
{
|
|
title: "New Construction Rough-In",
|
|
description: "Complete plumbing systems for new residential and commercial construction.",
|
|
bentoComponent: "media-stack",
|
|
items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=4", imageAlt: "Professional plumber at work" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=5", imageAlt: "Modern plumbing installation" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=5", imageAlt: "Team plumber professional worker" },
|
|
],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View More Projects", href: "/contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Dynamite Plumbing"
|
|
copyrightText="© 2025 Dynamite Plumbing of Texas. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Phone, href: "tel:469-410-2657", ariaLabel: "Call us" },
|
|
{ icon: Mail, href: "mailto:contact@dynamiteplumbing.com", ariaLabel: "Email us" },
|
|
{ icon: MapPin, href: "#", ariaLabel: "Visit us" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |