Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TextAbout from '@/components/sections/about/TextAbout';
 
@@ -28,30 +28,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Impact Consultancy"
       button={{
-        text: "Book Consultation",
-        href: "#contact",
-      }}
+        text: "Book Consultation",        href: "#contact"}}
     />
   </div>
 
@@ -61,37 +47,23 @@ export default function LandingPage() {
       description="Expert compliance and registration services tailored for Startups, NGOs, and Companies. We handle the paperwork so you can focus on growth."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
         {
-          text: "Our Services",
-          href: "#services",
-        },
+          text: "Our Services",          href: "#services"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-sitting-desk-office-writing_1098-20322.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-young-businessman-writing-pen-notebook-office_23-2148270557.jpg?_wi=1"
       showBlur={true}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/planning-work_1098-13714.jpg",
-          alt: "Planning work",
-        },
+          src: "http://img.b2bpic.net/free-photo/planning-work_1098-13714.jpg",          alt: "Planning work"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-business-woman-making-plans_23-2148356256.jpg",
-          alt: "Front view business woman making plans",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-business-woman-making-plans_23-2148356256.jpg",          alt: "Front view business woman making plans"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-successful-manager-enjoying-business-training_1262-17581.jpg",
-          alt: "Smiling successful manager enjoying business training",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-successful-manager-enjoying-business-training_1262-17581.jpg",          alt: "Smiling successful manager enjoying business training"},
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-planning-his-work-day_1098-21008.jpg",
-          alt: "Businessman planning his work day",
-        },
+          src: "http://img.b2bpic.net/free-photo/businessman-planning-his-work-day_1098-21008.jpg",          alt: "Businessman planning his work day"},
         {
-          src: "http://img.b2bpic.net/free-photo/unrecognizable-man-sitting-desk-office-writing_1098-20322.jpg",
-          alt: "government office registration modern",
-        },
+          src: "http://img.b2bpic.net/free-photo/unrecognizable-man-sitting-desk-office-writing_1098-20322.jpg",          alt: "government office registration modern"},
       ]}
       avatarText="Trusted by 100+ businesses"
     />
@@ -103,26 +75,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Registration",
-          title: "MSME/Udyam",
-          subtitle: "Simplified Registration",
-          description: "Quick processing for your MSME and Udyam certification needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661561.jpg?_wi=1",
-        },
+          tag: "Registration",          title: "MSME/Udyam",          subtitle: "Simplified Registration",          description: "Quick processing for your MSME and Udyam certification needs.",          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661561.jpg?_wi=1"},
         {
-          tag: "Govt",
-          title: "GeM Portal",
-          subtitle: "Marketplace Access",
-          description: "Complete registration and management for Government eMarketplace.",
-          imageSrc: "http://img.b2bpic.net/free-vector/game-ui-kit-set-user-interface-gui-build-2d-games-casual-game-vector-can-be-used-mobile-web-games-vector-illustration_1150-60800.jpg?_wi=1",
-        },
+          tag: "Govt",          title: "GeM Portal",          subtitle: "Marketplace Access",          description: "Complete registration and management for Government eMarketplace.",          imageSrc: "http://img.b2bpic.net/free-vector/game-ui-kit-set-user-interface-gui-build-2d-games-casual-game-vector-can-be-used-mobile-web-games-vector-illustration_1150-60800.jpg?_wi=1"},
         {
-          tag: "Legal",
-          title: "Documentation",
-          subtitle: "Expert Handling",
-          description: "Precision project report writing and legal compliance support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-holding-out-hand_23-2148308590.jpg?_wi=1",
-        },
+          tag: "Legal",          title: "Documentation",          subtitle: "Expert Handling",          description: "Precision project report writing and legal compliance support.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-holding-out-hand_23-2148308590.jpg?_wi=1"},
       ]}
       title="Our Expert Services"
       description="Comprehensive support for all government registration and compliance needs."
@@ -135,9 +92,7 @@ export default function LandingPage() {
       title="About Impact Consultancy"
       buttons={[
         {
-          text: "Learn More",
-          href: "#",
-        },
+          text: "Learn More",          href: "#"},
       ]}
     />
   </div>
@@ -150,20 +105,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "100+",
-          description: "Clients Served",
-        },
+          id: "1",          value: "100+",          description: "Clients Served"},
         {
-          id: "2",
-          value: "99%",
-          description: "Success Rate",
-        },
+          id: "2",          value: "99%",          description: "Success Rate"},
         {
-          id: "3",
-          value: "5+",
-          description: "Years Experience",
-        },
+          id: "3",          value: "5+",          description: "Years Experience"},
       ]}
       title="Proven Track Record"
       description="Supporting businesses with trust and reliability."
@@ -176,33 +122,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "01",
-          title: "Consultation",
-          subtitle: "Assess Needs",
-          description: "We understand your unique business requirements.",
-          imageSrc: "http://img.b2bpic.net/free-photo/registration-application-paper-form-concept_53876-120048.jpg",
-        },
+          tag: "01",          title: "Consultation",          subtitle: "Assess Needs",          description: "We understand your unique business requirements.",          imageSrc: "http://img.b2bpic.net/free-photo/registration-application-paper-form-concept_53876-120048.jpg"},
         {
-          tag: "02",
-          title: "Documentation",
-          subtitle: "Prepare Files",
-          description: "Our team prepares and organizes necessary paperwork.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-businessman-signing-documents_74855-2701.jpg",
-        },
+          tag: "02",          title: "Documentation",          subtitle: "Prepare Files",          description: "Our team prepares and organizes necessary paperwork.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-businessman-signing-documents_74855-2701.jpg"},
         {
-          tag: "03",
-          title: "Processing",
-          subtitle: "Submission",
-          description: "We submit and track all applications with authorities.",
-          imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg",
-        },
+          tag: "03",          title: "Processing",          subtitle: "Submission",          description: "We submit and track all applications with authorities.",          imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg"},
         {
-          tag: "04",
-          title: "Approval",
-          subtitle: "Success",
-          description: "Receive your certified documents and compliance proof.",
-          imageSrc: "http://img.b2bpic.net/free-photo/team-workers-office-talking-with-supervisor-showing-project-documentation_482257-123786.jpg",
-        },
+          tag: "04",          title: "Approval",          subtitle: "Success",          description: "Receive your certified documents and compliance proof.",          imageSrc: "http://img.b2bpic.net/free-photo/team-workers-office-talking-with-supervisor-showing-project-documentation_482257-123786.jpg"},
       ]}
       title="Our Process"
       description="Four simple steps to your compliance"
@@ -215,60 +141,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Anil K.",
-          date: "Jan 2024",
-          title: "Startup Founder",
-          quote: "Impact Consultancy made my MSME registration seamless.",
-          tag: "Satisfied",
-          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-man-sitting-desk-office-writing_1098-20322.jpg?_wi=2",
-          imageAlt: "successful business entrepreneur portrait",
-        },
+          id: "1",          name: "Anil K.",          date: "Jan 2024",          title: "Startup Founder",          quote: "Impact Consultancy made my MSME registration seamless.",          tag: "Satisfied",          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-man-sitting-desk-office-writing_1098-20322.jpg?_wi=2",          imageAlt: "successful business entrepreneur portrait"},
         {
-          id: "2",
-          name: "Sunita R.",
-          date: "Feb 2024",
-          title: "NGO Director",
-          quote: "Reliable experts for our NGO Darpan updates.",
-          tag: "Efficient",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661561.jpg?_wi=2",
-          imageAlt: "successful business entrepreneur portrait",
-        },
+          id: "2",          name: "Sunita R.",          date: "Feb 2024",          title: "NGO Director",          quote: "Reliable experts for our NGO Darpan updates.",          tag: "Efficient",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661561.jpg?_wi=2",          imageAlt: "successful business entrepreneur portrait"},
         {
-          id: "3",
-          name: "Vikram S.",
-          date: "Mar 2024",
-          title: "Business Owner",
-          quote: "GeM registration was complicated, they handled it easily.",
-          tag: "Professional",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-schoolboy-portrait_23-2147666930.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/game-ui-kit-set-user-interface-gui-build-2d-games-casual-game-vector-can-be-used-mobile-web-games-vector-illustration_1150-60800.jpg?_wi=2",
-          imageAlt: "successful business entrepreneur portrait",
-        },
+          id: "3",          name: "Vikram S.",          date: "Mar 2024",          title: "Business Owner",          quote: "GeM registration was complicated, they handled it easily.",          tag: "Professional",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-schoolboy-portrait_23-2147666930.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/game-ui-kit-set-user-interface-gui-build-2d-games-casual-game-vector-can-be-used-mobile-web-games-vector-illustration_1150-60800.jpg?_wi=2",          imageAlt: "successful business entrepreneur portrait"},
         {
-          id: "4",
-          name: "Meera P.",
-          date: "Apr 2024",
-          title: "Entrepreneur",
-          quote: "Highly recommended for documentation support.",
-          tag: "Expert",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-holding-out-hand_23-2148308590.jpg?_wi=2",
-          imageAlt: "successful business entrepreneur portrait",
-        },
+          id: "4",          name: "Meera P.",          date: "Apr 2024",          title: "Entrepreneur",          quote: "Highly recommended for documentation support.",          tag: "Expert",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-holding-out-hand_23-2148308590.jpg?_wi=2",          imageAlt: "successful business entrepreneur portrait"},
         {
-          id: "5",
-          name: "Rajesh T.",
-          date: "May 2024",
-          title: "Founder",
-          quote: "Professional, transparent, and quick results.",
-          tag: "Trusted",
-          avatarSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/planning-work_1098-13714.jpg",
-          imageAlt: "successful business entrepreneur portrait",
-        },
+          id: "5",          name: "Rajesh T.",          date: "May 2024",          title: "Founder",          quote: "Professional, transparent, and quick results.",          tag: "Trusted",          avatarSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/planning-work_1098-13714.jpg",          imageAlt: "successful business entrepreneur portrait"},
       ]}
       title="Client Success Stories"
       description="Trusted by entrepreneurs and NGOs across India."
@@ -276,63 +157,37 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
+      <FaqBase
       faqs={[
         {
-          id: "q1",
-          title: "How long does MSME registration take?",
-          content: "Typically 2-3 working days upon document submission.",
-        },
+          id: "q1",          title: "How long does MSME registration take?",          content: "Typically 2-3 working days upon document submission."},
         {
-          id: "q2",
-          title: "Do you help with NGO compliance?",
-          content: "Yes, we handle Darpan, FCRA, and CSR compliance.",
-        },
+          id: "q2",          title: "Do you help with NGO compliance?",          content: "Yes, we handle Darpan, FCRA, and CSR compliance."},
         {
-          id: "q3",
-          title: "How can I book a consultation?",
-          content: "Click the 'Book Consultation' button to message us.",
-        },
+          id: "q3",          title: "How can I book a consultation?",          content: "Click the 'Book Consultation' button to message us."},
       ]}
-      sideTitle="Frequently Asked Questions"
+      title="Frequently Asked Questions"
+      description="We are here to help with all your compliance questions."
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      <ContactCenter
       tag="Get in Touch"
       title="Ready to Simplify Your Compliance?"
       description="Book a free 15-minute consultation with our experts today."
-      buttons={[
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/91XXXXXXXXXX",
-        },
-        {
-          text: "Email Us",
-          href: "mailto:info@impact.com",
-        },
-      ]}
+      background={{ variant: "radial-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterCard
       logoText="Impact Consultancy"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Impact Consultancy",
-        href: "#",
-      }}
+      copyrightText="© 2024 Impact Consultancy"
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612;
-  --primary-cta: #15479c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000612;
-  --accent: #d4af37;
-  --background-accent: #f4f7fa;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);