bender/ab88a71c-e9db-4f5b-836f-8d8184ed3c91
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-21 01:21:56 +00:00
parent f6ff2484b4
commit 7bf313337e
1 changed files with 214 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

214
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,214 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Wrench, Truck, Users, Star, Package } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLarge"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="National Plumbing"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "/about" },
{ name: "Products", id: "products" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Jerome Avenue, Nassau"
bottomRightText="(242) 555-0100"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Our Services"
description="National Plumbing Supply offers comprehensive services designed to support your plumbing projects. From expert consultation to fast delivery, we're committed to making your experience seamless."
buttons={[
{ text: "Our Services", href: "#features" },
{ text: "Get Started", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg"
imageAlt="National Plumbing Supply warehouse"
buttonAnimation="slide-up"
showDimOverlay={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
title="Comprehensive Plumbing Solutions"
description="We offer a full range of services to support your plumbing needs, whether you're a contractor managing multiple projects or a homeowner handling a single repair."
tag="Services Offered"
tagIcon={Wrench}
accordionItems={[
{
id: "in-store-pickup", title: "In-Store Pickup", content: "Stop by our showroom on Jerome Avenue to browse our extensive inventory and pick up supplies immediately. Our knowledgeable staff is available to answer questions, provide recommendations, and ensure you have everything you need for your project. Open Monday through Friday from 7:30 AM to 5:00 PM, and Saturday 9:00 AM to 2:00 PM."
},
{
id: "fast-delivery", title: "Fast Delivery Service", content: "We deliver plumbing supplies throughout Nassau with quick turnaround times. Whether you need materials for a single job or bulk supplies for multiple projects, our reliable delivery service ensures you get what you need without delay. Multiple delivery times available to fit your schedule."
},
{
id: "expert-consultation", title: "Expert Consultation", content: "Our experienced team provides personalized guidance on product selection, specifications, and applications. We work with you to understand your project requirements and recommend the right materials and tools. Call us to discuss your needs or visit us in person for detailed consultation."
},
{
id: "bulk-orders", title: "Bulk Orders & Contractor Programs", content: "We specialize in serving contractors with large-scale projects. We offer competitive bulk pricing, customized ordering, and flexible payment terms for established contractors. Contact us for details about our contractor program and special pricing."
},
{
id: "product-sourcing", title: "Custom Product Sourcing", content: "Can't find a specific item in stock? We can source it for you. Our relationships with manufacturers and distributors allow us to procure specialty items and hard-to-find products. Contact our team with your requirements."
},
{
id: "technical-support", title: "Technical Support & Advice", content: "Need guidance on installation, compatibility, or specifications? Our knowledgeable staff provides technical support to help you make informed decisions. We answer questions about products, installation methods, and best practices."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-with-tablet-delivering-mail_23-2147767737.jpg"
imageAlt="Customer service team"
mediaAnimation="slide-up"
useInvertedBackground={false}
mediaPosition="right"
buttons={[
{ text: "Request a Service", href: "#contact" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Service Categories"
description="Our services are organized to meet different needs and project types. Select the service category that best fits your requirements."
tag="How We Help"
tagIcon={Package}
products={[
{
id: "retail-service", brand: "Daily Service", name: "Retail In-Store Service", price: "Open Daily", rating: 4.8,
reviewCount: "200+ Reviews", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg", imageAlt: "In-store shopping service"
},
{
id: "delivery-service", brand: "Throughout Nassau", name: "Fast Delivery", price: "Same-Day Available", rating: 4.7,
reviewCount: "180+ Reviews", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept_23-2148684781.jpg", imageAlt: "Delivery service"
},
{
id: "contractor-service", brand: "Bulk Pricing", name: "Contractor Program", price: "Competitive Rates", rating: 4.9,
reviewCount: "150+ Reviews", imageSrc: "http://img.b2bpic.net/free-photo/large-central-air-conditioning-cooling-machine-tube-valve_1387-549.jpg", imageAlt: "Contractor program"
},
{
id: "consultation-service", brand: "Expert Team", name: "Expert Consultation", price: "Free Service", rating: 4.6,
reviewCount: "220+ Reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-delivering-mail_23-2147767737.jpg", imageAlt: "Expert consultation"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Contact Our Team", href: "#contact" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Customer Experiences"
description="Learn how our services have helped contractors and homeowners complete their projects successfully."
tag="Service Reviews"
tagIcon={Star}
testimonials={[
{
id: "1", name: "Marcus Johnson", title: "Fast & Reliable Delivery", quote: "Their delivery service is incredibly fast. I needed materials for an urgent job and they delivered the same day. The drivers were professional and careful with the products.", tag: "5/5 Stars", date: "March 2024", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", avatarAlt: "satisfied contractor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept_23-2148684781.jpg", imageAlt: "delivery service"
},
{
id: "2", name: "Angela Williams", title: "Excellent Expert Support", quote: "The consultation service was invaluable. The team helped me select exactly the right fixtures for my renovation. Their technical knowledge saved me time and money.", tag: "5/5 Stars", date: "February 2024", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-posing_23-2148563424.jpg", avatarAlt: "satisfied customer", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-delivering-mail_23-2147767737.jpg", imageAlt: "consultation service"
},
{
id: "3", name: "James Patterson", title: "Perfect for DIY Projects", quote: "As a DIY homeowner, I needed guidance. The staff at the store patiently explained everything and helped me choose the right products. Their service made the whole process manageable.", tag: "4/5 Stars", date: "January 2024", avatarSrc: "http://img.b2bpic.net/free-photo/serious-mature-business-leader-wearing-wristwatch_74855-3703.jpg", avatarAlt: "satisfied customer", imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-dish-rack-with-pullout-sprayer-by-sink-flow-control_169016-69395.jpg", imageAlt: "plumbing tools"
},
{
id: "4", name: "Diana Thompson", title: "Contractor Program is Fantastic", quote: "The contractor program pricing saves us thousands annually. Combined with their reliable service and bulk ordering, they're essential to our business operations.", tag: "5/5 Stars", date: "December 2023", avatarSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg", avatarAlt: "satisfied contractor", imageSrc: "http://img.b2bpic.net/free-photo/large-central-air-conditioning-cooling-machine-tube-valve_1387-549.jpg", imageAlt: "contractor service"
}
]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Share Your Experience", href: "#contact" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to experience our services? Contact National Plumbing Supply today. Our team is ready to assist with your plumbing supply needs, whether you need in-store shopping, delivery, consultation, or bulk ordering."
animationType="entrance-slide"
buttons={[
{ text: "Call: (242) 555-0100", href: "tel:(242)555-0100" },
{ text: "Email: info@nationalplumbingbahamas.com", href: "mailto:info@nationalplumbingbahamas.com" },
{ text: "Visit Us Today", href: "#" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/front-view-delivery-man-concept_23-2148684781.jpg"
imageAlt="Fast plumbing supply delivery service"
logoText="National Plumbing Supply"
copyrightText="© 2024 National Plumbing Supply. All rights reserved."
columns={[
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Services", href: "/services" },
{ label: "Products", href: "/#products" },
{ label: "Contact", href: "/#contact" }
]
},
{
title: "Services", items: [
{ label: "In-Store Pickup", href: "#" },
{ label: "Fast Delivery", href: "#" },
{ label: "Expert Consultation", href: "/#contact" },
{ label: "Bulk Orders", href: "/#contact" }
]
},
{
title: "Contact", items: [
{ label: "Jerome Ave, Nassau, Bahamas", href: "#" },
{ label: "Phone: (242) 555-0100", href: "tel:(242)555-0100" },
{ label: "Email: info@nationalplumbingbahamas.com", href: "mailto:info@nationalplumbingbahamas.com" },
{ label: "Hours: 7:30 AM - 5:00 PM", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Return Policy", href: "#" },
{ label: "Warranty Info", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}