Update src/app/gallery/page.tsx
This commit is contained in:
@@ -2,13 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -23,247 +21,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Gallery", href: "/gallery"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tyrone and Sons Plumbing"
|
||||
button={{
|
||||
text: "Call Us Today!", href: "tel:786-977-5727"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Modern Kitchen Sink Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-relaxing-bath_23-2148976865.jpg", imageAlt: "Newly installed modern kitchen sink."},
|
||||
{
|
||||
id: "p2", name: "Bathroom Fixture Upgrade", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-cleaning-shower_23-2149535084.jpg", imageAlt: "Elegant new bathroom fixtures installed."},
|
||||
{
|
||||
id: "p3", name: "Commercial Pipe System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-street-food-vendor-preparing-thai-cuisine_482257-126002.jpg", imageAlt: "Complex commercial pipe system installation."},
|
||||
{
|
||||
id: "p4", name: "Water Softener System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/girl-gym_1157-14927.jpg", imageAlt: "Residential water softener system installation."},
|
||||
{
|
||||
id: "p5", name: "Custom Shower Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-with-tub-and-wooden-decor_181624-19614.jpg", imageAlt: "Custom designed shower installation."},
|
||||
{
|
||||
id: "p6", name: "Boiler Repair and Maintenance", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-wearing-protective-suit-examines-boiler-home-generated-ai_24640-101149.jpg", imageAlt: "Technician working on a boiler."}
|
||||
]}
|
||||
title="Our Complete Project Gallery"
|
||||
description="Discover the full scope of our expertise through a comprehensive showcase of Tyrone and Sons Plumbing's completed projects."
|
||||
tag="Our Work"
|
||||
tagAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
|
||||
},
|
||||
]}
|
||||
brandName="Doral Plumbing Co."
|
||||
button={{
|
||||
text: "Call Us Today!",
|
||||
href: "tel:786-977-5727",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Modern Kitchen Faucet Installation",
|
||||
description: "Upgrade your kitchen with stylish and functional fixtures for improved aesthetics and usability.",
|
||||
tag: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-relaxing-bath_23-2148976865.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Efficient Water Heater Replacement",
|
||||
description: "Ensuring reliable hot water for your home with energy-efficient and durable water heater installations.",
|
||||
tag: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Commercial Pipe System Upgrade",
|
||||
description: "Robust plumbing infrastructure solutions for businesses, designed for longevity and high performance.",
|
||||
tag: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-street-food-vendor-preparing-thai-cuisine_482257-126002.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Bathroom Fixture Renovation",
|
||||
description: "Transforming bathrooms with elegant and durable fixtures that enhance both style and functionality.",
|
||||
tag: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-cleaning-shower_23-2149535084.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Work in Action: A Gallery of Excellence"
|
||||
description="Browse through our portfolio of successfully completed plumbing projects, showcasing our expertise in various residential and commercial settings across Miami."
|
||||
tag="Project Showcase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Pinpointing and fixing hidden leaks efficiently to prevent costly water damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-washing-hands_23-2150323089.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Drain Cleaning Solutions",
|
||||
description: "Restoring full drainage and preventing future clogs with professional cleaning services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-12-2024-street-food-vendor-preparing-thai-cuisine_482257-126002.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Outdoor Plumbing Installations",
|
||||
description: "From irrigation systems to outdoor sinks, we handle all your exterior plumbing needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131721.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "New Construction Plumbing",
|
||||
description: "Complete plumbing setup for new residential and commercial buildings, ensuring optimal performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752013.jpg",
|
||||
},
|
||||
]}
|
||||
title="Diverse Projects, Consistent Quality"
|
||||
description="From intricate pipe work to large-scale installations, our commitment to quality and customer satisfaction remains unwavering across all projects we undertake."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Kitchen Renovation Success!",
|
||||
quote: "Doral Plumbing Co. handled our kitchen remodel with incredible professionalism. The new sink and faucet look amazing and work perfectly.",
|
||||
name: "Sarah P.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-dressed-grey-t-shirt-isolated_171337-7641.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Emergency Pipe Repair",
|
||||
quote: "When a pipe burst, they were there within the hour. Fast, reliable, and prevented major damage. Highly recommend their emergency service!",
|
||||
name: "Michael L.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Water Heater Install",
|
||||
quote: "Excellent service for our new water heater installation. The team was courteous, clean, and completed the job swiftly.",
|
||||
name: "Jessica R.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-black-tshirt-standing-isolated-red-background-looking-away-side-with-smile-face-natural-expression-laughing-confident_839833-32367.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Bathroom Fixture Upgrade",
|
||||
quote: "Professional and meticulous work on our bathroom upgrade. The new fixtures are beautiful and installed perfectly. Very happy!",
|
||||
name: "Emily S.",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-joyful-expression-has-perfect-smile-white-teeth-laughs-something-funny_273609-17078.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say About Our Work"
|
||||
description="Hear directly from satisfied customers about the quality and impact of our plumbing projects and dedicated service."
|
||||
tag="Client Feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Faucet Repair",
|
||||
href: "/services#faucet",
|
||||
},
|
||||
{
|
||||
label: "Water Heater",
|
||||
href: "/services#waterheater",
|
||||
},
|
||||
{
|
||||
label: "Pipe Repair",
|
||||
href: "/services#piperepair",
|
||||
},
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "/services#draincleaning",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Work",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(305) 123-4567",
|
||||
href: "tel:+13051234567",
|
||||
},
|
||||
{
|
||||
label: "info@doralplumbing.com",
|
||||
href: "mailto:info@doralplumbing.com",
|
||||
},
|
||||
{
|
||||
label: "123 Main St, Doral, FL",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Doral Plumbing Co. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Faucet Repair", href: "/services#faucet"},
|
||||
{
|
||||
label: "Water Heaters", href: "/services#water-heaters"},
|
||||
{
|
||||
label: "Pipe Repair", href: "/services#pipes"},
|
||||
{
|
||||
label: "Drain Cleaning", href: "/services#drains"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Work", href: "/gallery"},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Tyrone and Sons Plumbing. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user