diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a9dfa1..9b462c0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Globe, GraduationCap, ShieldCheck, Users, Zap } from "lucide-react";
+import { Award, Globe, GraduationCap, MapPin, ShieldCheck, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -138,7 +138,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "Where are you located?", content: "Rue Balil Aboubakr, Biskra, Algeria." },
+        { id: "f1", title: "Where are you located?", content: "Find us on the map below at Rue Balil Aboubakr, Biskra, Algeria." },
         { id: "f2", title: "How to register?", content: "You can visit our institute or register via our website." },
         { id: "f3", title: "Is payment secure?", content: "Yes, we use industry-standard encryption for all payments." },
       ]}
@@ -149,11 +149,14 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactCTA
+      tag="Contact Us"
+      tagIcon={MapPin}
+      title="Visit Us in Biskra"
+      description="Find us at Rue Balil Aboubakr, Biskra. We are ready to help you start your language journey."
+      buttons={[{ text: "Call Us", href: "tel:+213000000000" }, { text: "Get Directions", href: "https://maps.google.com/?q=Biskra+Algeria" }]}
       background={{ variant: "sparkles-gradient" }}
-      text="Join ELI Biskra today and start your journey."
-      buttons={[{ text: "Register Now", href: "tel:+213000000000" }]}
+      useInvertedBackground={false}
     />
   </div>
 
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 3634471..23bdd48 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
-  --card: #0f0b1a;
+  --background: #1a0f2e;
+  --card: #2d1b4e;
   --foreground: #f8f9fa;
-  --primary-cta: #8b5cf6;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f1c40f;
+  --secondary-cta: #f8f9fa;
   --secondary-cta-text: #000000;
-  --accent: #f1c40f;
-  --background-accent: #1a1625;
+  --accent: #d4af37;
+  --background-accent: #2e1a4e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);