9 Commits

Author SHA1 Message Date
caf19f036d Update theme colors 2026-04-24 17:56:01 +00:00
fcfb3962c4 Update src/app/styles/variables.css 2026-04-24 17:50:55 +00:00
ff5e983e6e Update src/app/page.tsx 2026-04-24 17:50:54 +00:00
b347cffc22 Merge version_2 into main
Merge version_2 into main
2026-04-24 17:50:10 +00:00
9b490b0464 Update src/app/styles/variables.css 2026-04-24 17:50:06 +00:00
4741327e5f Update src/app/page.tsx 2026-04-24 17:50:06 +00:00
569688215f Merge version_1 into main
Merge version_1 into main
2026-04-24 17:48:12 +00:00
4a835776ee Merge version_1 into main
Merge version_1 into main
2026-04-24 17:47:35 +00:00
77cba5d31c Merge version_1 into main
Merge version_1 into main
2026-04-24 17:47:00 +00:00
2 changed files with 30 additions and 101 deletions

View File

@@ -3,14 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial'; import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CheckCircle } from "lucide-react"; import { CheckCircle } from "lucide-react";
@@ -44,34 +41,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
title="Reliable Plumbing Services in Islamabad Fast & Professional" title="Expert Plumbing Services in Islamabad Your Reliable Solution"
description="Expert solutions for homes and businesses. Trusted by over 90 customers with 4.7-star ratings." description="We deliver top-tier plumbing repairs and installations. Experience fast, professional service that keeps your home running smoothly."
testimonials={[ testimonials={[
{ name: "Sarah Khan", handle: "@sarahk", testimonial: "Excellent service! They fixed my drain issue in less than an hour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg" }, { name: "Sarah Khan", handle: "@sarahk", testimonial: "Excellent service! They fixed my drain issue in less than an hour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg" },
{ name: "Ali Ahmed", handle: "@aliahmed", testimonial: "Very professional and fair pricing. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waiter-wearing-protective-face-mask-showing-menu-customer-while-talking-her-cafe_637285-6629.jpg" }, { name: "Ali Ahmed", handle: "@aliahmed", testimonial: "Very professional and fair pricing. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waiter-wearing-protective-face-mask-showing-menu-customer-while-talking-her-cafe_637285-6629.jpg" }
{ name: "Zainab Malik", handle: "@zainabm", testimonial: "Best plumbing service in Islamabad, very responsive.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
{ name: "Usman Tariq", handle: "@usmant", testimonial: "Great experience with their team, prompt and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg" },
{ name: "Maria Fatima", handle: "@mariaf", testimonial: "Professional work on our kitchen pipes, very satisfied.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg" },
]} ]}
buttons={[{ text: "Call Now", href: "tel:+923000000000" }, { text: "Book Service", href: "#contact" }]} buttons={[{ text: "Call Now", href: "tel:+923000000000" }, { text: "Get a Quote", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=1"
avatars={[ avatarText="Trusted by 100+ local clients"
{ src: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/businesswoman-working-with-technology_329181-19259.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 90+ local clients"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Your Trusted Plumbing Experts in Islamabad" title="Decades of Plumbing Excellence"
description="Plumberb provides comprehensive plumbing solutions for residential and commercial clients across Islamabad. We prioritize speed, reliability, and quality craftsmanship." description="Plumberb combines years of experience with cutting-edge tools to handle any residential or commercial plumbing challenge in Islamabad."
metrics={[{ value: "10+ Years", title: "Experience" }, { value: "90+", title: "Happy Clients" }, { value: "4.7/5", title: "Rating" }]} metrics={[{ value: "10+ Years", title: "Experience" }, { value: "100+", title: "Happy Clients" }, { value: "4.9/5", title: "Rating" }]}
imageSrc="http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=1"
mediaAnimation="slide-up" mediaAnimation="slide-up"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -85,57 +72,18 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Drain Cleaning", description: "Professional removal of stubborn blockages.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png?_wi=1", imageAlt: "drain cleaning professional equipment" }, title: "Emergency Drain Cleaning", description: "Rapid response for clogged drains and sewer lines.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png?_wi=1" },
items: [{ icon: CheckCircle, text: "High-pressure jetting" }, { icon: CheckCircle, text: "Safe chemical treatment" }], items: [{ icon: CheckCircle, text: "Advanced Jetting" }, { icon: CheckCircle, text: "Root Removal" }],
reverse: false, reverse: false,
}, },
{ {
title: "Maintenance", description: "Preventive checks for homes and businesses.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=2", imageAlt: "drain cleaning professional equipment" }, title: "System Maintenance", description: "Preventive care for long-lasting pipes and fixtures.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=2" },
items: [{ icon: CheckCircle, text: "Scheduled inspections" }, { icon: CheckCircle, text: "System health reports" }], items: [{ icon: CheckCircle, text: "System Inspections" }, { icon: CheckCircle, text: "Leak Prevention" }],
reverse: true, reverse: true,
}, }
{
title: "Leak Detection", description: "Advanced detection to save water and money.", media: { imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=2", imageAlt: "drain cleaning professional equipment" },
items: [{ icon: CheckCircle, text: "Precision technology" }, { icon: CheckCircle, text: "Expert repair" }],
reverse: false,
},
]} ]}
title="Our Professional Services" title="Professional Plumbing Services"
description="From emergency repairs to full-scale installations, we cover all your plumbing needs." description="We handle everything from minor repairs to complex installations with precision and care."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Toilet Install", price: "From PKR 5000", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/rain-shower_74190-2861.jpg" },
{ id: "p2", name: "Faucet Replacement", price: "From PKR 2500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/steel-kitchen-faucet-vintage-style-closeup_169016-20013.jpg" },
{ id: "p3", name: "Water Filter Setup", price: "From PKR 8000", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg" },
{ id: "p4", name: "Shower System", price: "From PKR 6500", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/man-is-sitting-toilet_1204-357.jpg" },
{ id: "p5", name: "Kitchen Sink Fit", price: "From PKR 4000", variant: "Durable", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg" },
{ id: "p6", name: "Pipe Replacement", price: "From PKR 9500", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg" },
]}
title="Plumbing Fixture Installations"
description="Professional installation of high-quality fixtures for your home or office."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "45 min", title: "Avg Response Time", items: ["Within G9/G10 sectors"] },
{ id: "m2", value: "98%", title: "Customer Satisfaction", items: ["Based on 91 reviews"] },
{ id: "m3", value: "24/7", title: "Availability", items: ["Emergency service anytime"] },
]}
title="Service Excellence Metrics"
description="Our commitment to quality is backed by proven performance stats."
/> />
</div> </div>
@@ -144,29 +92,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ id: "t1", name: "Sarah Khan", date: "Jan 2025", title: "Great work", quote: "Reliable and fast response.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469438.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png?_wi=2", imageAlt: "happy client residential plumbing service" }, { id: "t1", name: "Sarah Khan", date: "Jan 2025", title: "Fast & Reliable", quote: "They arrived quickly and fixed the problem immediately. Very happy!", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469438.jpg" },
{ id: "t2", name: "Ali Ahmed", date: "Dec 2024", title: "Best in class", quote: "Professionals who know their job.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367548.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=3", imageAlt: "happy client residential plumbing service" }, { id: "t2", name: "Ali Ahmed", date: "Dec 2024", title: "Great Professionals", quote: "Top-notch service for our office plumbing. Highly efficient team.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367548.jpg" }
{ id: "t3", name: "Zainab Malik", date: "Dec 2024", title: "Recommended", quote: "Highly effective service.", tag: "Contractor", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=3", imageAlt: "happy client residential plumbing service" },
{ id: "t4", name: "Usman Tariq", date: "Nov 2024", title: "Lifesaver", quote: "Fixed a major leak overnight.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg", imageSrc: "http://img.b2bpic.net/free-photo/inside-view-pipe-tube-pipeline-construction_342744-362.jpg", imageAlt: "happy client residential plumbing service" },
{ id: "t5", name: "Maria Fatima", date: "Oct 2024", title: "Expert Team", quote: "Clean and professional work.", tag: "Office", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-screwdriver-wearing-hardhat-by-construction-stairs-sticking-tongue-out-happy-with-funny-expression_839833-12323.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", imageAlt: "happy client residential plumbing service" },
]} ]}
title="Client Reviews" title="What Our Clients Say"
description="Trusted by home and business owners across Islamabad." description="Join the many satisfied homeowners and businesses across Islamabad who trust Plumberb."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you provide emergency services?", content: "Yes, we are available 24/7 for all plumbing emergencies." },
{ id: "f2", title: "What areas do you cover?", content: "We primarily serve G9, G10 sectors and surrounding areas in Islamabad." },
{ id: "f3", title: "How can I book an appointment?", content: "You can book through our online form or call us directly." },
]}
title="Frequently Asked Questions"
description="Common answers to your plumbing queries."
faqsAnimation="slide-up"
/> />
</div> </div>
@@ -174,17 +104,16 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ variant: "canvas-reveal" }} background={{ variant: "canvas-reveal" }}
text="Need Expert Plumbing Help Today?" text="Get in Touch with Our Expert Team"
buttons={[{ text: "Call Plumberb Now", href: "tel:+923000000000" }]} buttons={[{ text: "Call Us: 0300-0000000", href: "tel:+923000000000" }, { text: "Book Online", href: "#" }]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ title: "Services", items: [{ label: "Drain Cleaning", href: "#" }, { label: "Installations", href: "#" }, { label: "Maintenance", href: "#" }] }, { title: "Services", items: [{ label: "Drainage", href: "#" }, { label: "Maintenance", href: "#" }, { label: "Installations", href: "#" }] },
{ title: "Contact", items: [{ label: "Call: 0300-0000000", href: "tel:+923000000000" }, { label: "Islamabad, Pakistan", href: "#" }] }, { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png"
logoText="Plumberb" logoText="Plumberb"

View File

@@ -12,13 +12,13 @@
--background: #ffffff; --background: #ffffff;
--card: #f9f9f9; --card: #f9f9f9;
--foreground: #0A3D62; --foreground: #000612e6;
--primary-cta: #F39C12; --primary-cta: #15479c;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #38ADA9; --secondary-cta: #f9f9f9;
--secondary-cta-text: #ffffff; --secondary-cta-text: #000612e6;
--accent: #38ADA9; --accent: #e2e2e2;
--background-accent: #f0f9f9; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);