Add src/app/about/page.tsx
This commit is contained in:
218
src/app/about/page.tsx
Normal file
218
src/app/about/page.tsx
Normal file
@@ -0,0 +1,218 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Award, Users, Target, TrendingUp, Heart } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
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="About National Plumbing Supply"
|
||||
description="Learn about our journey, values, and commitment to serving Nassau's plumbing community with excellence and reliability."
|
||||
buttons={[
|
||||
{ text: "Our Story", href: "#about" },
|
||||
{ text: "Contact Us", 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="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Story"
|
||||
description="Founded in 2003, National Plumbing Supply began with a simple mission: to provide Nassau's contractors and homeowners with access to quality plumbing supplies, backed by exceptional service and expert knowledge. What started as a small family business has grown into the most trusted plumbing supplier in the region. Over two decades, we've built lasting relationships with thousands of customers who count on us for reliable products, competitive pricing, and personalized support."
|
||||
tag="Since 2003"
|
||||
tagIcon={Award}
|
||||
buttons={[
|
||||
{ text: "Our Values", href: "#features" },
|
||||
{ text: "Our Team", href: "#testimonials" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg?_wi=1"
|
||||
imageAlt="Professional plumbing installation"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Core Values"
|
||||
description="Everything we do is guided by principles that have made us the preferred choice for plumbing supplies in Nassau."
|
||||
tag="What We Stand For"
|
||||
tagIcon={Heart}
|
||||
accordionItems={[
|
||||
{
|
||||
id: "quality", title: "Quality First", content: "We stock only the highest-quality plumbing supplies from trusted, industry-leading brands. Every product in our warehouse meets strict standards for durability and performance. We understand that when you're working on a plumbing project, quality matters."
|
||||
},
|
||||
{
|
||||
id: "reliability", title: "Reliability You Can Count On", content: "For over 20 years, contractors and homeowners have relied on us to have what they need, when they need it. Our well-managed inventory, efficient service, and dependable delivery ensure your projects stay on schedule."
|
||||
},
|
||||
{
|
||||
id: "expertise", title: "Expert Knowledge", content: "Our team isn't just order-takers—they're experienced professionals who understand plumbing. Whether you need technical advice, product recommendations, or help solving a specific challenge, our knowledgeable staff is here to help."
|
||||
},
|
||||
{
|
||||
id: "community", title: "Community Focused", content: "We're not just a supplier; we're part of the Nassau community. We take pride in supporting local contractors, helping DIY homeowners succeed with their projects, and contributing to the growth and prosperity of our region."
|
||||
}
|
||||
]}
|
||||
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: "Learn More", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="By The Numbers"
|
||||
description="Our growth and success reflect our commitment to serving Nassau's plumbing community."
|
||||
tag="Our Impact"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "years", value: "20+", description: "Years of Service"
|
||||
},
|
||||
{
|
||||
id: "customers", value: "5000+", description: "Satisfied Customers"
|
||||
},
|
||||
{
|
||||
id: "products", value: "10000+", description: "Products in Stock"
|
||||
},
|
||||
{
|
||||
id: "reviews", value: "4.3★", description: "Customer Rating"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Our Customers Say"
|
||||
description="Hear directly from the contractors and homeowners who've trusted us with their plumbing projects."
|
||||
tag="Customer Testimonials"
|
||||
tagIcon={Users}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson", title: "Reliable and Professional", quote: "National Plumbing has been my go-to supplier for years. Their staff is knowledgeable, inventory is always stocked, and delivery is fast. They understand what contractors need.", 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/technician-checking-heating-system-boiler-room_169016-53608.jpg?_wi=2", imageAlt: "professional plumber"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Angela Williams", title: "Excellent Service and Selection", quote: "Great selection of bathroom fixtures and competitive pricing. The staff helped me find the perfect materials for my client's renovation. Delivery was on time and professional.", 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/close-up-view-eco-cosmetics-concept_23-2148778696.jpg?_wi=2", imageAlt: "bathroom fixtures"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Patterson", title: "Helpful Staff Made It Easy", quote: "As someone new to plumbing repairs, I appreciated the staff's patience and expertise. They guided me through selecting the right parts for my project without any hassle.", 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?_wi=2", imageAlt: "plumbing tools"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Diana Thompson", title: "Best Supplier in Nassau", quote: "We manage multiple properties and rely on National Plumbing for maintenance supplies. Their reliability and consistent quality have made our operations much smoother.", 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 customer", imageSrc: "http://img.b2bpic.net/free-photo/large-central-air-conditioning-cooling-machine-tube-valve_1387-549.jpg?_wi=2", imageAlt: "water systems"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Leave Your Review", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Interested in learning more about National Plumbing Supply? We'd love to hear from you. Reach out today to discuss how we can support your plumbing needs."
|
||||
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 In-Store", 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user