Update src/app/gallery/page.tsx
This commit is contained in:
@@ -2,23 +2,23 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -46,29 +46,35 @@ export default function GalleryPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-main" data-section="gallery-main">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1", name: "Leak Detection & Repair", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/plumber-fixing-faucet-bathroom_107420-13658.jpg", imageAlt: "Plumber checking for leaks under a sink."},
|
||||
id: "gp1", name: "Emergency Leak Repair", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumber-using-pipe-wrench-fix-leak-pipe_23-2150324883.jpg", imageAlt: "Plumber fixing a leaky pipe."},
|
||||
{
|
||||
id: "g2", name: "Water Heater Replacement", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/worker-fix-water-heater-electric-boiler_23-2148767939.jpg", imageAlt: "Technician replacing an old water heater."},
|
||||
id: "gp2", name: "Water Heater Replacement", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/repairman-checking-boiler_23-2148419747.jpg", imageAlt: "New water heater installation."},
|
||||
{
|
||||
id: "g3", name: "Drain Cleaning Service", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/plumber-cleaning-clogged-drain-pipe_1186-2180.jpg", imageAlt: "Plumber using equipment to clear a drain."},
|
||||
id: "gp3", name: "Bathroom Renovation Plumbing", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-installation-bathroom-building-site_23-2150534575.jpg", imageAlt: "Plumbing work during a bathroom renovation."},
|
||||
{
|
||||
id: "g4", name: "Commercial Pipe Installation", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-pipe_23-2148752002.jpg", imageAlt: "New commercial plumbing pipes being installed."},
|
||||
id: "gp4", name: "Kitchen Sink & Disposal Install", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumber-examining-pipes-under-sink_23-2148754160.jpg", imageAlt: "Installation of a kitchen sink and garbage disposal."},
|
||||
{
|
||||
id: "g5", name: "Bathroom Remodel Plumbing", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/plumber-repairing-bathroom-sink_13339-16518.jpg", imageAlt: "Plumbing work during a bathroom renovation."},
|
||||
id: "gp5", name: "Commercial Drain Cleaning", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumber-working-at-construction-site_23-2149021672.jpg", imageAlt: "Commercial drain cleaning service."},
|
||||
{
|
||||
id: "g6", name: "Outdoor Spigot Repair", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-dirty-kitchen-sink-with-sponge-rubber-gloves_23-2149021644.jpg", imageAlt: "Plumber repairing an exterior water spigot."}
|
||||
id: "gp6", name: "Outdoor Spigot Repair", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumber-fixing-outdoor-faucet_23-2150324883.jpg", imageAlt: "Repair of an outdoor spigot."},
|
||||
{
|
||||
id: "gp7", name: "Main Water Line Repair", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg", imageAlt: "Repairing a main water line."},
|
||||
{
|
||||
id: "gp8", name: "Toilet Installation", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumber-fixing-toilet-bowl_23-2148754157.jpg", imageAlt: "Professional toilet installation."},
|
||||
{
|
||||
id: "gp9", name: "Sewer Line Inspection", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/sewer-pipe-inspection_23-2148754158.jpg", imageAlt: "Sewer line inspection with camera."}
|
||||
]}
|
||||
title="Our Plumbing Work Gallery"
|
||||
description="Discover the quality and range of plumbing services provided by Doral Plumbing Co. Each project reflects our commitment to excellence and customer satisfaction."
|
||||
tag="Recent Projects"
|
||||
title="Our Comprehensive Plumbing Portfolio"
|
||||
description="Explore our diverse range of successful projects, showcasing our expertise in residential and commercial plumbing solutions."
|
||||
tag="Full Gallery"
|
||||
tagAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -95,7 +101,8 @@ export default function GalleryPage() {
|
||||
{
|
||||
label: "Our Work", href: "/gallery"},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"},
|
||||
label: "Reviews", href: "#testimonials", // Point to homepage section
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
@@ -115,4 +122,4 @@ export default function GalleryPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user