Update src/app/styles/variables.css

Merge version_5 into main

src/app/page.tsx

@@ -3,14 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { CheckCircle } from "lucide-react";
 
@@ -44,34 +41,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <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={[
         { 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"
-      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 id="about" data-section="about">
       <MetricSplitMediaAbout
       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"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -85,57 +72,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       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,
         },
         {
-          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,
-        },
+        }
-        {
-          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>
 
@@ -144,29 +92,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       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>
 
@@ -174,17 +104,16 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       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 id="footer" data-section="footer">
       <FooterBase
       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"
       logoText="Plumberb"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #020617;
-  --card: #f9f9f9;
+  --card: #0f172a;
-  --foreground: #0A3D62;
+  --foreground: #e2e8f0;
-  --primary-cta: #F39C12;
+  --primary-cta: #1d4ed8;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #38ADA9;
+  --secondary-cta: #f96b2f;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #1c1c1c;
-  --accent: #38ADA9;
+  --accent: #f96b2f;
-  --background-accent: #f0f9f9;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);