updates

Author: ramkrishnsaini

app/blog/page.tsx

@@ -74,7 +74,6 @@ export default async function BlogPage() {
         <div style={{ marginBottom: '2.5rem' }}>
           <ActionBanner
             headline="Need real-time IT job support or interview help? Our experts are available 24/7 — USA, UK, Canada & worldwide."
-            waMessage="Hi%2C%20I%20need%20IT%20job%20support%20or%20interview%20help"
           />
         </div>
 

app/globals.css

@@ -281,6 +281,35 @@ a:hover {
     font-size: 0.75rem;
   }
 
+  /* Detail pages: less gap under breadcrumb before hero / article (override Breadcrumb inline padding) */
+  nav[aria-label="Breadcrumb"] {
+    padding-top: 0.4rem !important;
+    padding-bottom: 0.3rem !important;
+  }
+
+  /* PostLayout: remove sidebar column so row-gap (inline 2rem) does not leave a gap above the article */
+  .post-layout-main .post-sidebar {
+    display: none !important;
+  }
+
+  .post-layout-inner {
+    padding-top: 0.5rem !important;
+    padding-bottom: 1.5rem !important;
+  }
+
+  .post-layout-preface-banner {
+    margin-bottom: 0.45rem !important;
+  }
+
+  .pts-listing-main {
+    padding-top: 1.1rem !important;
+    padding-bottom: 2rem !important;
+  }
+
+  .pts-listing-hero-banner {
+    margin-bottom: 0.75rem !important;
+  }
+
   /* Breadcrumb links: global 44px touch floor makes crumbs + current-page span misalign; keep one compact line */
   nav[aria-label="Breadcrumb"] a {
     min-height: unset;
@@ -306,6 +335,11 @@ a:hover {
   }
 }
 
+/* PostLayout: space under the green CTA above the article title (wider viewports) */
+.post-layout-preface-banner {
+  margin-bottom: 1.75rem;
+}
+
 /* WhatsApp float pulse animation */
 @keyframes wa-pulse {
   0% {

app/interviews/page.tsx

@@ -7,6 +7,7 @@ import Footer from '@/components/Footer';
 import PageBottomCTA from '@/components/PageBottomCTA';
 import WhatsAppFloat from '@/components/WhatsAppFloat';
 import { defaultOgImage } from '@/lib/site-seo';
+import { WHATSAPP_ME_URL } from '@/lib/whatsapp';
 
 const canonical = 'https://proxytechsupport.com/interviews/';
 const pageTitle = 'IT Interview Questions – Real Technical Questions & Answers';
@@ -50,9 +51,14 @@ export default async function InterviewsPage() {
     <>
       <TopBar />
       <Navbar />
-      <main style={{ width: '100%', maxWidth: 'var(--pts-content-max)', margin: '0 auto', padding: '3rem 1rem', background: 'var(--pts-bg)', minHeight: '60vh' }}>
+      <main
+        className="pts-listing-main"
+        style={{ width: '100%', maxWidth: 'var(--pts-content-max)', margin: '0 auto', padding: '3rem 1rem', background: 'var(--pts-bg)', minHeight: '60vh' }}
+      >
         {/* Interview support banner */}
-        <div style={{
+        <div
+          className="pts-listing-hero-banner"
+          style={{
           background: 'linear-gradient(135deg, #030f0f 0%, #03624c 100%)',
           borderRadius: '12px',
           padding: '1.25rem 1.5rem',
@@ -62,15 +68,16 @@ export default async function InterviewsPage() {
           alignItems: 'center',
           justifyContent: 'space-between',
           gap: '1rem',
-        }}>
+        }}
+        >
           <div>
             <p style={{ fontSize: '0.7rem', fontWeight: 700, letterSpacing: '0.15em', textTransform: 'uppercase', color: '#00df82', marginBottom: '0.25rem' }}>Live Expert Help</p>
             <p style={{ fontSize: '0.97rem', fontWeight: 700, color: '#ffffff', lineHeight: 1.35, margin: 0 }}>
               Struggling to clear interviews? Get real-time expert coaching — USA, UK, Canada &amp; worldwide.
             </p>
           </div>
           <div style={{ display: 'flex', gap: '0.6rem', flexWrap: 'wrap' }}>
-            <a href="https://wa.me/919660614469?text=Hi%2C%20I%20need%20interview%20support" target="_blank" rel="noopener noreferrer"
+            <a href={WHATSAPP_ME_URL} target="_blank" rel="noopener noreferrer"
               style={{ display:'inline-flex', alignItems:'center', gap:'0.35rem', background:'#25D366', color:'#fff', fontWeight:700, fontSize:'0.85rem', padding:'0.6rem 1.1rem', borderRadius:'50px', textDecoration:'none' }}>
               Get Instant Help
             </a>

components/ActionBanner.tsx

@@ -1,12 +1,12 @@
 'use client';
 
+import { WHATSAPP_ME_URL } from '@/lib/whatsapp';
+
 interface ActionBannerProps {
   label?: string;
   headline?: string;
-  waMessage?: string;
 }
 
-const WA_BASE = 'https://wa.me/919660614469?text=';
 const CALL = 'tel:+919660614469';
 
 function WAIcon() {
@@ -28,7 +28,6 @@ function PhoneIcon() {
 export default function ActionBanner({
   label = 'Expert Help Available',
   headline = 'Need real-time IT job support or interview help? Our experts are available 24/7 — USA, UK, Canada & worldwide.',
-  waMessage = 'Hi%2C%20I%20need%20expert%20help',
 }: ActionBannerProps) {
   return (
     <div
@@ -68,7 +67,7 @@ export default function ActionBanner({
 
       <div style={{ display: 'flex', gap: '0.65rem', flexWrap: 'wrap' }}>
         <a
-          href={`${WA_BASE}${waMessage}`}
+          href={WHATSAPP_ME_URL}
           target="_blank"
           rel="noopener noreferrer"
           style={{

components/ContactCTA.tsx

@@ -1,3 +1,5 @@
+import { WHATSAPP_ME_URL } from '@/lib/whatsapp';
+
 const TEAL = 'var(--pts-accent)';
 const NAVY_DEEP = 'var(--pts-dark)';
 
@@ -171,7 +173,7 @@ export default function ContactCTA() {
             Call Now
           </a>
           <a
-            href="https://wa.me/919660614469"
+            href={WHATSAPP_ME_URL}
             target="_blank"
             rel="noopener noreferrer"
             className="contact-cta-btn-ghost"

components/FAQ.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from 'react';
 import { faqs } from '@/data/faqs';
+import { WHATSAPP_ME_URL } from '@/lib/whatsapp';
 
 function Chevron({ open }: { open: boolean }) {
   return (
@@ -138,7 +139,7 @@ export default function FAQ() {
             Everything you need to know before getting started with our support services.
           </p>
           <div className="faq-cta-stack">
-            <a className="faq-cta-primary" href="https://wa.me/919660614469" target="_blank" rel="noopener noreferrer">
+            <a className="faq-cta-primary" href={WHATSAPP_ME_URL} target="_blank" rel="noopener noreferrer">
               Ask on WhatsApp <span aria-hidden>→</span>
             </a>
             <a className="faq-cta-secondary" href="mailto:support@proxytechsupport.com">

components/Hero.tsx

@@ -1,3 +1,5 @@
+import { WHATSAPP_ME_URL } from '@/lib/whatsapp';
+
 type Props = {
   variant?: 'light' | 'legacyDark';
 };
@@ -132,7 +134,7 @@ export default function Hero({ variant = 'light' }: Props) {
               CALL NOW
             </a>
             <a
-              href="https://wa.me/919660614469"
+              href={WHATSAPP_ME_URL}
               target="_blank"
               rel="noopener noreferrer"
               className="hero-legacy-btn-wa"
@@ -234,7 +236,7 @@ export default function Hero({ variant = 'light' }: Props) {
             Call Now
           </a>
           <a
-            href="https://wa.me/919660614469"
+            href={WHATSAPP_ME_URL}
             target="_blank"
             rel="noopener noreferrer"
             className="hero-btn-wa"

components/HeroHomeSplit.tsx

@@ -1,4 +1,5 @@
 import Link from 'next/link';
+import { WHATSAPP_ME_URL } from '@/lib/whatsapp';
 
 function SmallCheck() {
   return (
@@ -564,7 +565,7 @@ export default function HeroHomeSplit() {
             </div>
 
             <div className="hero-split-btns">
-              <a href="https://wa.me/919660614469" target="_blank" rel="noopener noreferrer" className="hero-btn-wa">
+              <a href={WHATSAPP_ME_URL} target="_blank" rel="noopener noreferrer" className="hero-btn-wa">
                 <svg width={18} height={18} viewBox="0 0 24 24" fill="currentColor" aria-hidden>
                   <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
                 </svg>