Update src/app/styles/variables.css

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Expertise",
+          name: "Expertise",          id: "#expertise"},
-          id: "#expertise",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="13ALaw"
     />
@@ -59,53 +51,35 @@ export default function LandingPage() {
       description="Excellence in legal advocacy. Delivering sophisticated counsel for individuals and enterprises in the heart of Islamabad."
       buttons={[
         {
-          text: "Book Consultation",
+          text: "Book Consultation",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-together-checking-document-caf_23-2147876718.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-sitting-together-checking-document-caf_23-2147876718.jpg",          imageAlt: "Legal Office Atmosphere"},
-          imageAlt: "Legal Office Atmosphere",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-modern-woman-walking_23-2148993875.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-modern-woman-walking_23-2148993875.jpg",          imageAlt: "Legal Office Atmosphere"},
-          imageAlt: "Legal Office Atmosphere",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-with-laptop-coffee-shop_53876-15993.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-with-laptop-coffee-shop_53876-15993.jpg",          imageAlt: "Legal Office Atmosphere"},
-          imageAlt: "Legal Office Atmosphere",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-with-newspaper-sitting-caf_23-2147876727.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-with-newspaper-sitting-caf_23-2147876727.jpg",          imageAlt: "Legal Office Atmosphere"},
-          imageAlt: "Legal Office Atmosphere",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108702.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108702.jpg",          imageAlt: "Legal Office Atmosphere"},
-          imageAlt: "Legal Office Atmosphere",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30302.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30302.jpg",          imageAlt: "Legal Office Atmosphere"},
-          imageAlt: "Legal Office Atmosphere",
-        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="A Legacy of Legal Precision"
       description="At 13ALawChambers, we blend traditional jurisprudence with modern strategic foresight. Based in Islamabad, our firm represents a standard of excellence, guiding clients through complex legal landscapes with unwavering integrity and technical mastery."
       metrics={[
         {
-          value: "20+",
+          value: "20+",          title: "Years Experience"},
-          title: "Years Experience",
-        },
         {
-          value: "500+",
+          value: "500+",          title: "Cases Won"},
-          title: "Cases Won",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mature-lawyer-with-clients-meeting_23-2147898414.jpg"
       imageAlt="Senior Legal Consultant"
@@ -118,23 +92,17 @@ export default function LandingPage() {
       <FeatureBorderGlow
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
           icon: Scale,
-          title: "Corporate Litigation",
+          title: "Corporate Litigation",          description: "High-stakes representation for commercial enterprises and regulatory matters."},
-          description: "High-stakes representation for commercial enterprises and regulatory matters.",
-        },
         {
           icon: Scale,
-          title: "Civil Dispute Resolution",
+          title: "Civil Dispute Resolution",          description: "Expert navigation for property, contractual, and civil rights litigation."},
-          description: "Expert navigation for property, contractual, and civil rights litigation.",
-        },
         {
           icon: ShieldCheck,
-          title: "Regulatory Compliance",
+          title: "Regulatory Compliance",          description: "Strategic advisory to ensure absolute adherence to legal frameworks."},
-          description: "Strategic advisory to ensure absolute adherence to legal frameworks.",
-        },
       ]}
       title="Practice Areas"
       description="Comprehensive legal support across diverse domains."
@@ -145,29 +113,14 @@ export default function LandingPage() {
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "98%",          title: "Success Rate",          description: "Proven track record in litigation.",          imageSrc: "http://img.b2bpic.net/free-photo/depository-workers-discovering-bookkeeping-record-storage-room-discussing-administrative-report-diverse-businesspeople-analyzing-management-files-checking-accountancy-documents_482257-62938.jpg"},
-          value: "98%",
-          title: "Success Rate",
-          description: "Proven track record in litigation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/depository-workers-discovering-bookkeeping-record-storage-room-discussing-administrative-report-diverse-businesspeople-analyzing-management-files-checking-accountancy-documents_482257-62938.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "24/7",          title: "Support",          description: "Always accessible for your needs.",          imageSrc: "http://img.b2bpic.net/free-photo/selectiv-focus-metallic-storage-full-with-federal-files-arhive-room-equipped-with-confidential-documents-background-private-detective-working-late-night-criminal-case_482257-64141.jpg"},
-          value: "24/7",
-          title: "Support",
-          description: "Always accessible for your needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/selectiv-focus-metallic-storage-full-with-federal-files-arhive-room-equipped-with-confidential-documents-background-private-detective-working-late-night-criminal-case_482257-64141.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "120+",          title: "Retained Clients",          description: "Trusted by market leaders.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088810.jpg"},
-          value: "120+",
-          title: "Retained Clients",
-          description: "Trusted by market leaders.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088810.jpg",
-        },
       ]}
       title="Commitment to Results"
       description="Quantifiable excellence defined by successful outcomes."
@@ -177,48 +130,18 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Excellence",          quote: "The team at 13ALawChambers is unparalleled. Strategic brilliance.",          name: "Sarah Ahmed",          role: "Director",          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaking-hands-with-business-partner_53876-20924.jpg"},
-          title: "Excellence",
-          quote: "The team at 13ALawChambers is unparalleled. Strategic brilliance.",
-          name: "Sarah Ahmed",
-          role: "Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-shaking-hands-with-business-partner_53876-20924.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Integrity",          quote: "Profound legal insight paired with impeccable professional ethics.",          name: "Farhan Khalid",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg"},
-          title: "Integrity",
-          quote: "Profound legal insight paired with impeccable professional ethics.",
-          name: "Farhan Khalid",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Clarity",          quote: "Handled our corporate litigation with absolute ease and skill.",          name: "Zoya Malik",          role: "Founder",          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg"},
-          title: "Clarity",
-          quote: "Handled our corporate litigation with absolute ease and skill.",
-          name: "Zoya Malik",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Reliability",          quote: "Never felt more secure in a legal environment. Highly recommended.",          name: "Bilal Rehman",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-leader-talking-assistant-cafe_1262-1842.jpg"},
-          title: "Reliability",
-          quote: "Never felt more secure in a legal environment. Highly recommended.",
-          name: "Bilal Rehman",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-leader-talking-assistant-cafe_1262-1842.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Results",          quote: "Exceeded all expectations in our property dispute resolution.",          name: "Nadia Saeed",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg"},
-          title: "Results",
-          quote: "Exceeded all expectations in our property dispute resolution.",
-          name: "Nadia Saeed",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg",
-        },
       ]}
       title="Client Perspectives"
       description="Voices of trust from leaders and individuals we serve."
@@ -228,16 +151,9 @@ export default function LandingPage() {
   <div id="socialproof" data-section="socialproof">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       names={[
-        "Islamabad Bar Association",
+        "Islamabad Bar Association",        "Chamber of Commerce",        "Global Legal Registry",        "Corporate Partners Group",        "Legal Excellence Forum",        "Regulatory Counsel Guild",        "National Law Registry"]}
-        "Chamber of Commerce",
-        "Global Legal Registry",
-        "Corporate Partners Group",
-        "Legal Excellence Forum",
-        "Regulatory Counsel Guild",
-        "National Law Registry",
-      ]}
       title="Trusted Partnerships"
       description="Recognized by institutions and associations."
     />
@@ -246,23 +162,14 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How do I book a consultation?",          content: "You can reach out through our contact form or call our Islamabad chamber directly."},
-          title: "How do I book a consultation?",
-          content: "You can reach out through our contact form or call our Islamabad chamber directly.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What areas of law do you cover?",          content: "We specialize in civil, corporate, regulatory, and constitutional matters."},
-          title: "What areas of law do you cover?",
-          content: "We specialize in civil, corporate, regulatory, and constitutional matters.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is my information confidential?",          content: "Utmost confidentiality is the cornerstone of our practice."},
-          title: "Is my information confidential?",
-          content: "Utmost confidentiality is the cornerstone of our practice.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900135.jpg"
       imageAlt="Legal Office Consultation"
@@ -275,18 +182,15 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Get In Touch"
       title="Initiate Your Legal Advocacy"
       description="Located in Islamabad. Ready to represent your interests with precision."
       buttons={[
         {
-          text: "Contact Us Now",
+          text: "Contact Us Now",          href: "mailto:info@13alawchambers.com"},
-          href: "mailto:info@13alawchambers.com",
-        },
       ]}
     />
   </div>
@@ -297,25 +201,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Expertise",
+              label: "Expertise",              href: "#expertise"},
-              href: "#expertise",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -325,4 +221,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #f5f5f5;
-  --card: #dad6cd;
+  --card: #ffffff;
-  --foreground: #2a2928;
+  --foreground: #1c1c1c;
-  --primary-cta: #2a2928;
+  --primary-cta: #1f3251;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #15479c;
-  --background-accent: #c6b180;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);