Merge version_3 into main

Merge version_3 into main

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 (
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Courses",
-          id: "programs",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Courses", id: "programs" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ELI Institute"
     />
@@ -59,47 +44,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Master English. Build Your Future."
       description="Welcome to ELI Institute Biskra. Your global gateway to fluent English, professional mastery, and academic success."
       tag="PREMIUM ACADEMY"
       buttons={[
-        {
-          text: "Register Now",
-          href: "#contact",
-        },
-        {
-          text: "View Courses",
-          href: "#programs",
-        },
+        { text: "Register Now", href: "#contact" },
+        { text: "View Courses", href: "#programs" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg?_wi=1",
-          imageAlt: "ELI Biskra Campus View",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-tutor-preparing-documents-learning-materials-teaching_482257-118764.jpg?_wi=1",
-          imageAlt: "ELI Biskra Classroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg?_wi=1",
-          imageAlt: "ELI Biskra Exterior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906174.jpg",
-          imageAlt: "Learning Center",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892676.jpg",
-          imageAlt: "Modern Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg",
-          imageAlt: "Lounge Area",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg?_wi=1", imageAlt: "ELI Biskra Campus View" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/african-american-tutor-preparing-documents-learning-materials-teaching_482257-118764.jpg?_wi=1", imageAlt: "ELI Biskra Classroom" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg?_wi=1", imageAlt: "ELI Biskra Exterior" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -110,21 +66,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="World-Class Excellence in Biskra"
       metrics={[
-        {
-          label: "Students Graduated",
-          value: "5000+",
-          icon: GraduationCap,
-        },
-        {
-          label: "Qualified Teachers",
-          value: "25+",
-          icon: Users,
-        },
-        {
-          label: "Years Experience",
-          value: "10+",
-          icon: Award,
-        },
+        { label: "Students Graduated", value: "5000+", icon: GraduationCap },
+        { label: "Qualified Teachers", value: "25+", icon: Users },
+        { label: "Years Experience", value: "10+", icon: Award },
       ]}
       metricsAnimation="slide-up"
     />
@@ -137,42 +81,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Beginner Level",
-          price: "5000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg",
-        },
-        {
-          id: "p2",
-          name: "Intermediate Level",
-          price: "5000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892664.jpg",
-        },
-        {
-          id: "p3",
-          name: "Advanced Mastery",
-          price: "5000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/students-learning-exam-side-view_23-2149647125.jpg",
-        },
-        {
-          id: "p4",
-          name: "Business English",
-          price: "5000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-with-empty-chairs-computers-generated-by-ai_188544-22073.jpg",
-        },
-        {
-          id: "p5",
-          name: "Exam Preparation",
-          price: "5000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257211.jpg",
-        },
-        {
-          id: "p6",
-          name: "Conversational Skills",
-          price: "5000 DZD",
-          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899441.jpg",
-        },
+        { id: "p1", name: "Beginner Level", price: "5000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg" },
+        { id: "p2", name: "Intermediate Level", price: "5000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892664.jpg" },
+        { id: "p3", name: "Advanced Mastery", price: "5000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/students-learning-exam-side-view_23-2149647125.jpg" },
       ]}
       title="English Courses & Levels"
       description="Structured curriculum from beginner to advanced mastery."
@@ -185,21 +96,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Zap,
-          title: "Rapid Progress",
-          description: "Accelerated learning methods that deliver real results.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Certified Standards",
-          description: "Internationally aligned curriculum and assessment.",
-        },
-        {
-          icon: Globe,
-          title: "Global Mindset",
-          description: "Prepare for international opportunities with confidence.",
-        },
+        { icon: Zap, title: "Rapid Progress", description: "Accelerated learning methods that deliver real results." },
+        { icon: ShieldCheck, title: "Certified Standards", description: "Internationally aligned curriculum and assessment." },
+        { icon: Globe, title: "Global Mindset", description: "Prepare for international opportunities with confidence." },
       ]}
       title="Why Choose ELI Institute?"
       description="We combine premium methodology with local accessibility."
@@ -211,61 +110,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Ahmed",
-          date: "2023",
-          title: "University Student",
-          quote: "ELI Institute transformed my English proficiency completely.",
-          tag: "Excellent",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962975.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/main-library-malmo_181624-535.jpg?_wi=2",
-          imageAlt: "professional teacher portrait",
-        },
-        {
-          id: "t2",
-          name: "Mohamed B.",
-          date: "2023",
-          title: "Professional",
-          quote: "The best training center in Biskra by far.",
-          tag: "Expert",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962972.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-tutor-preparing-documents-learning-materials-teaching_482257-118764.jpg?_wi=2",
-          imageAlt: "professional teacher portrait",
-        },
-        {
-          id: "t3",
-          name: "Lila K.",
-          date: "2023",
-          title: "Teacher",
-          quote: "Professional, smooth, and highly organized.",
-          tag: "Inspiring",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-students-with-books-posing-grass_23-2147659290.jpg",
-          imageAlt: "professional teacher portrait",
-        },
-        {
-          id: "t4",
-          name: "Yassine D.",
-          date: "2023",
-          title: "Developer",
-          quote: "Fluency made simple and fun. Highly recommend.",
-          tag: "Effective",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman_23-2149178449.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/badge-icon-front-side_187299-39424.jpg",
-          imageAlt: "professional teacher portrait",
-        },
-        {
-          id: "t5",
-          name: "Amira H.",
-          date: "2023",
-          title: "Marketing",
-          quote: "Premium quality in every single aspect.",
-          tag: "TopTier",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-entrepreneur-workplace_1098-13927.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg?_wi=2",
-          imageAlt: "professional teacher portrait",
-        },
+        { id: "t1", name: "Sarah Ahmed", date: "2023", title: "University Student", quote: "ELI Institute transformed my English proficiency completely.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962975.jpg" },
+        { id: "t2", name: "Mohamed B.", date: "2023", title: "Professional", quote: "The best training center in Biskra by far.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962972.jpg" },
+        { id: "t3", name: "Lila K.", date: "2023", title: "Teacher", quote: "Professional, smooth, and highly organized.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/woman-teaching-students-english-lesson-online_23-2148962974.jpg" },
       ]}
       title="Success Stories"
       description="Hear what our students are saying about their journey."
@@ -278,40 +125,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "standard",
-          badge: "Popular",
-          price: "5000 DZD",
-          subtitle: "Includes full course materials",
-          buttons: [
-            {
-              text: "Register Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Registration Fee",
-            "Material Access",
-            "Certificate",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Premium",
-          price: "5000 DZD",
-          subtitle: "Special online enrollment rate",
-          buttons: [
-            {
-              text: "Register Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "All Benefits",
-            "Online Payment",
-            "Discount Applied",
-          ],
-        },
+        { id: "standard", badge: "Popular", price: "5000 DZD", subtitle: "Includes full course materials", buttons: [{ text: "Register Now", href: "#contact" }], features: ["Registration Fee", "Material Access", "Certificate"] },
+        { id: "pro", badge: "Premium", price: "5000 DZD", subtitle: "Special online enrollment rate", buttons: [{ text: "Register Now", href: "#contact" }], features: ["All Benefits", "Online Payment", "Discount Applied"] },
       ]}
       title="Special Offer"
       description="Enroll online and save 5000 DZD today."
@@ -323,21 +138,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Where are you located?",
-          content: "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.",
-        },
+        { 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." },
       ]}
       title="Frequently Asked"
       description="Quick answers to common questions."
@@ -346,32 +149,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <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" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Join ELI Biskra today and start your journey."
-      buttons={[
-        {
-          text: "Register Now",
-          href: "tel:+213000000000",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="ELI Biskra"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact",
-        href: "#contact",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact", href: "#contact" }}
     />
   </div>
       </ReactLenis>

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);