diff --git a/src/app/page.tsx b/src/app/page.tsx
index a2d81e9..c137866 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,14 +9,18 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, Zap, Smile, Star, Quote, Calendar, Phone } from "lucide-react";
+import { Award, Zap, Smile, Star, Quote, Calendar, Phone, MessageCircle, MapPin, Clock, Instagram, Facebook, Linkedin } from "lucide-react";
+import { useState } from "react";
 
 export default function HomePage() {
+  const [formData, setFormData] = useState({ name: "", phone: "", message: "" });
+  const [formSubmitted, setFormSubmitted] = useState(false);
+
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Services", id: "services" },
-    { name: "About", id: "about" },
-    { name: "Gallery", id: "gallery" },
+    { name: "Why Us", id: "whyus" },
+    { name: "Appointment", id: "appointment" },
     { name: "Contact", id: "contact" },
   ];
 
@@ -24,30 +28,45 @@ export default function HomePage() {
     {
       title: "Navigation",      items: [
         { label: "Home", href: "/" },
-        { label: "Services", href: "/services" },
-        { label: "About", href: "/about" },
-        { label: "Gallery", href: "/gallery" },
-        { label: "Contact", href: "/contact" },
+        { label: "Services", href: "#services" },
+        { label: "Why Us", href: "#whyus" },
+        { label: "Appointment", href: "#appointment" },
+        { label: "Contact", href: "#contact" },
       ],
     },
     {
-      title: "Nous Contacter",      items: [
-        { label: "Téléphone: 0636 27 38 89", href: "tel:0636273889" },
+      title: "Contact Us",      items: [
+        { label: "Phone: 0636 27 38 89", href: "tel:0636273889" },
         { label: "Email: contact@badrsmile.dz", href: "mailto:contact@badrsmile.dz" },
-        { label: "Localisation: Wilaya Center", href: "#" },
-        { label: "Lun-Sam: 8h-19h", href: "#" },
+        { label: "Location: Wilaya Center", href: "#" },
+        { label: "Mon-Sat: 8am-7pm", href: "#" },
       ],
     },
     {
-      title: "Suivez-Nous",      items: [
+      title: "Follow Us",      items: [
         { label: "Instagram", href: "https://instagram.com/badrsmilecenter" },
         { label: "Facebook", href: "https://facebook.com/badrsmilecenter" },
-        { label: "Politique de Confidentialité", href: "#" },
-        { label: "Conditions d'Utilisation", href: "#" },
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
       ],
     },
   ];
 
+  const handleFormChange = (field, value) => {
+    setFormData(prev => ({ ...prev, [field]: value }));
+  };
+
+  const handleFormSubmit = () => {
+    if (formData.name && formData.phone && formData.message) {
+      console.log("Form submitted:", formData);
+      setFormSubmitted(true);
+      setTimeout(() => {
+        setFormData({ name: "", phone: "", message: "" });
+        setFormSubmitted(false);
+      }, 2000);
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -65,157 +84,261 @@ export default function HomePage() {
         <NavbarStyleFullscreen
           navItems={navItems}
           brandName="BADR SMILE CENTER"
-          bottomLeftText="Clinique Dentaire Premium"
+          bottomLeftText="Premium Dental Clinic"
           bottomRightText="0636 27 38 89"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroOverlay
-          title="Votre sourire parfait commence ici"
-          description="Clinique dentaire moderne spécialisée dans les soins esthétiques et le blanchiment dentaire"
-          tag="Soins Premium"
+          title="Your Perfect Smile Starts Here"
+          description="Modern dental clinic specialized in aesthetic care and professional teeth whitening"
+          tag="Premium Care"
           tagAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/female-patient-looking-mirror-after-dental-procedure_23-2148985823.jpg"
-          imageAlt="Patient souriant dans notre clinique dentaire"
+          imageAlt="Smiling patient in our dental clinic"
           showBlur={true}
           showDimOverlay={true}
           buttons={[
             {
-              text: "Prendre rendez-vous",              href: "/contact"
+              text: "Book Appointment",              href: "#appointment"
             },
             {
-              text: "Découvrir nos services",              href: "/services"
+              text: "Discover Services",              href: "#services"
             },
           ]}
           buttonAnimation="slide-up"
-          ariaLabel="Section héro - Bienvenue à BADR SMILE CENTER"
+          ariaLabel="Hero section - Welcome to BADR SMILE CENTER"
         />
       </div>
 
-      <div id="trust" data-section="trust">
+      <div id="services" data-section="services">
         <MetricCardThree
-          title="Pourquoi Nous Faire Confiance"
-          description="Rejoignez 5,000+ patients satisfaits qui ont transformé leur sourire avec nos soins dentaires de haute qualité, professionnalisme et expertise"
+          title="Our Services"
+          description="Comprehensive dental solutions from aesthetic enhancements to complete smile makeovers. Trust our 15+ years of expertise in transforming smiles."
           metrics={[
             {
-              id: "1",              icon: Award,
-              title: "Dentistes Expérimentés",              value: "15+ ans"
+              id: "1",              icon: Smile,
+              title: "Teeth Whitening",              value: "Professional"
             },
             {
-              id: "2",              icon: Zap,
-              title: "Technologie Moderne",              value: "100%"
+              id: "2",              icon: Star,
+              title: "Aesthetic Care",              value: "Premium"
             },
             {
-              id: "3",              icon: Smile,
-              title: "Résultats Naturels",              value: "Garantis"
+              id: "3",              icon: Award,
+              title: "Implants",              value: "Expert"
             },
             {
-              id: "4",              icon: Star,
-              title: "Service Professionnel",              value: "5 étoiles"
+              id: "4",              icon: Zap,
+              title: "Modern Tech",              value: "Advanced"
             },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="Section confiance et expertise"
+          ariaLabel="Our services section"
         />
       </div>
 
       <div id="gallery" data-section="gallery">
         <TestimonialCardSix
-          title="Galerie Avant/Après"
-          description="Transformations remarquables réalisées par nos experts dentaires"
-          tag="Résultats Réels"
+          title="Before & After Gallery"
+          description="Real transformations achieved by our expert dental team"
+          tag="Remarkable Results"
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Transformation Blanchiment",              handle: "Résultat éclatant",              testimonial: "Notre expert a réalisé une transformation complète du sourire avec un blanchiment professionnel. Résultat naturel et durable.",              imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg?_wi=1",              imageAlt: "Avant et après blanchiment dentaire"
+              id: "1",              name: "Whitening Transformation",              handle: "Radiant Results",              testimonial: "Our expert achieved a stunning smile transformation with professional whitening. Natural and long-lasting results.",              imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg?_wi=1",              imageAlt: "Before and after teeth whitening"
             },
             {
-              id: "2",              name: "Implant Dentaire",              handle: "Restauration complète",              testimonial: "Procédure d'implant réussie avec résultat esthétique impeccable. Le sourire retrouve sa confiance naturelle.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg?_wi=1",              imageAlt: "Avant et après implant dentaire"
+              id: "2",              name: "Dental Implant",              handle: "Complete Restoration",              testimonial: "Successful implant procedure with impeccable aesthetic results. Smile confidence fully restored.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg?_wi=1",              imageAlt: "Before and after dental implant"
             },
             {
-              id: "3",              name: "Design du Sourire",              handle: "Transformation totale",              testimonial: "Notre approche complète du design du sourire a transformé cette smile. Alignement et esthétique parfaits.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-28567.jpg",              imageAlt: "Avant et après design du sourire"
+              id: "3",              name: "Smile Design",              handle: "Total Transformation",              testimonial: "Our complete smile design approach transformed this smile. Perfect alignment and aesthetics achieved.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-28567.jpg",              imageAlt: "Before and after smile design"
             },
             {
-              id: "4",              name: "Restauration Complète",              handle: "Résultat naturel",              testimonial: "Restauration esthétique et fonctionnelle complète. Un sourire nouveau avec une qualité premium garantie.",              imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-66944.jpg",              imageAlt: "Avant et après restauration dentaire"
+              id: "4",              name: "Full Restoration",              handle: "Natural Result",              testimonial: "Complete aesthetic and functional restoration. New smile with guaranteed premium quality.",              imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-66944.jpg",              imageAlt: "Before and after full restoration"
             },
             {
-              id: "5",              name: "Blanchiment Avancé",              handle: "Sourire premium",              testimonial: "Blanchiment professionnel associé à des soins esthétiques. Résultat éclatant et naturel garanti.",              imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg?_wi=2",              imageAlt: "Avant et après blanchiment professionnel"
+              id: "5",              name: "Advanced Whitening",              handle: "Premium Smile",              testimonial: "Professional whitening combined with aesthetic care. Radiant and natural results guaranteed.",              imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg?_wi=2",              imageAlt: "Before and after advanced whitening"
             },
             {
-              id: "6",              name: "Correction Complète",              handle: "Confiance retrouvée",              testimonial: "Notre équipe a réalisé une correction complète pour un sourire harmonieux et éclairant. Satisfaction garantie.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg?_wi=2",              imageAlt: "Avant et après correction dentaire"
+              id: "6",              name: "Complete Correction",              handle: "Confidence Restored",              testimonial: "Our team achieved complete correction for a harmonious, radiant smile. Satisfaction guaranteed.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg?_wi=2",              imageAlt: "Before and after complete correction"
             },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
-          ariaLabel="Galerie avant et après de nos transformations"
+          ariaLabel="Before and after gallery of our transformations"
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="whyus" data-section="whyus">
         <TextSplitAbout
-          title="Pourquoi Nous Choisir"
+          title="Why Choose BADR SMILE CENTER"
           description={[
-            "BADR SMILE CENTER est une clinique dentaire de référence en soins esthétiques et en blanchiment dentaire. Notre équipe combine expertise professionnelle, technologie de pointe et approche bienveillante pour transformer vos sourires.",            "Nous nous engageons à fournir des résultats naturels et durables. Chaque patient reçoit un plan de traitement personnalisé conçu pour atteindre ses objectifs spécifiques avec la qualité premium qu'il mérite."
+            "BADR SMILE CENTER is a premium dental clinic specializing in aesthetic care and professional teeth whitening. Our team combines professional expertise, cutting-edge technology, and a compassionate approach to transform smiles.",            "We are committed to delivering natural and long-lasting results. Each patient receives a personalized treatment plan designed to achieve their specific goals with the premium quality they deserve. Experience the difference of expert dental care."
           ]}
           buttons={[
             {
-              text: "En savoir plus",              href: "/about"
+              text: "Learn More",              href: "#appointment"
             },
           ]}
           buttonAnimation="slide-up"
           showBorder={false}
           useInvertedBackground={false}
-          ariaLabel="Section à propos de notre clinique"
+          ariaLabel="About our clinic section"
         />
       </div>
 
       <div id="appointment" data-section="appointment">
-        <ContactSplit
-          tag="Prenez RDV"
-          tagIcon={Calendar}
-          tagAnimation="slide-up"
-          title="Réservez Votre Consultation"
-          description="Nous vous accueillons pour une consultation gratuite. Nos experts vous conseilleront sur le meilleur traitement adapté à vos besoins."
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/young-lady-asking-informations-filling-stomatological-form-while-patients-talking-sitting-chair-waiting-area-people-speaking-crowded-professional-orthodontist-reception-office_482257-3581.jpg"
-          imageAlt="Formulaire de prise de rendez-vous"
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
-          inputPlaceholder="Votre email"
-          buttonText="Prendre rendez-vous"
-          termsText="En cliquant sur Prendre rendez-vous, vous acceptez nos conditions d'utilisation et notre politique de confidentialité."
-          ariaLabel="Section de prise de rendez-vous"
-        />
+        <div className="relative w-full py-16 px-4 md:px-8">
+          <div className="max-w-6xl mx-auto">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              {/* Form Section */}
+              <div className="flex flex-col justify-center">
+                <div className="mb-8">
+                  <div className="inline-flex items-center gap-2 mb-4">
+                    <Calendar className="w-4 h-4" style={{ color: "var(--primary-cta)" }} />
+                    <span className="text-sm font-semibold" style={{ color: "var(--primary-cta)" }}>Book Now</span>
+                  </div>
+                  <h2 className="text-4xl md:text-5xl font-bold mb-4" style={{ color: "var(--foreground)" }}>
+                    Schedule Your Consultation
+                  </h2>
+                  <p className="text-lg" style={{ color: "var(--foreground)", opacity: 0.8 }}>
+                    Free consultation with our experts. We'll recommend the best treatment for your needs.
+                  </p>
+                </div>
+
+                <div className="space-y-4">
+                  <div className="relative">
+                    <input
+                      type="text"
+                      placeholder="Your Name"
+                      value={formData.name}
+                      onChange={(e) => handleFormChange('name', e.target.value)}
+                      className="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 transition-all duration-300"
+                      style={{
+                        backgroundColor: "var(--card)",                        color: "var(--foreground)",                        borderColor: "var(--accent)"
+                      }}
+                    />
+                  </div>
+                  <div className="relative">
+                    <input
+                      type="tel"
+                      placeholder="Your Phone"
+                      value={formData.phone}
+                      onChange={(e) => handleFormChange('phone', e.target.value)}
+                      className="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 transition-all duration-300"
+                      style={{
+                        backgroundColor: "var(--card)",                        color: "var(--foreground)",                        borderColor: "var(--accent)"
+                      }}
+                    />
+                  </div>
+                  <div className="relative">
+                    <textarea
+                      placeholder="Your Message"
+                      value={formData.message}
+                      onChange={(e) => handleFormChange('message', e.target.value)}
+                      rows={4}
+                      className="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 transition-all duration-300 resize-none"
+                      style={{
+                        backgroundColor: "var(--card)",                        color: "var(--foreground)",                        borderColor: "var(--accent)"
+                      }}
+                    />
+                  </div>
+                  <button
+                    onClick={handleFormSubmit}
+                    disabled={formSubmitted}
+                    className="w-full py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105"
+                    style={{
+                      backgroundColor: "var(--primary-cta)",                      color: "white"
+                    }}
+                  >
+                    {formSubmitted ? "✓ Appointment Booked" : "Book Appointment"}
+                  </button>
+                </div>
+              </div>
+
+              {/* Contact Information Section */}
+              <div className="flex flex-col justify-center">
+                <div className="space-y-6">
+                  <div className="flex items-start gap-4 p-6 rounded-lg" style={{ backgroundColor: "var(--card)" }}>
+                    <div className="p-3 rounded-lg" style={{ backgroundColor: "var(--background-accent)" }}>
+                      <Phone className="w-6 h-6" style={{ color: "var(--primary-cta)" }} />
+                    </div>
+                    <div>
+                      <h3 className="font-semibold mb-1" style={{ color: "var(--foreground)" }}>Phone</h3>
+                      <p style={{ color: "var(--foreground)", opacity: 0.7 }}>0636 27 38 89</p>
+                    </div>
+                  </div>
+
+                  <div className="flex items-start gap-4 p-6 rounded-lg" style={{ backgroundColor: "var(--card)" }}>
+                    <div className="p-3 rounded-lg" style={{ backgroundColor: "var(--background-accent)" }}>
+                      <MapPin className="w-6 h-6" style={{ color: "var(--primary-cta)" }} />
+                    </div>
+                    <div>
+                      <h3 className="font-semibold mb-1" style={{ color: "var(--foreground)" }}>Location</h3>
+                      <p style={{ color: "var(--foreground)", opacity: 0.7 }}>Wilaya Center, Dental District</p>
+                    </div>
+                  </div>
+
+                  <div className="flex items-start gap-4 p-6 rounded-lg" style={{ backgroundColor: "var(--card)" }}>
+                    <div className="p-3 rounded-lg" style={{ backgroundColor: "var(--background-accent)" }}>
+                      <Clock className="w-6 h-6" style={{ color: "var(--primary-cta)" }} />
+                    </div>
+                    <div>
+                      <h3 className="font-semibold mb-1" style={{ color: "var(--foreground)" }}>Hours</h3>
+                      <p style={{ color: "var(--foreground)", opacity: 0.7 }}>Mon-Sat: 8am-7pm</p>
+                      <p style={{ color: "var(--foreground)", opacity: 0.7 }}>Sunday: Closed</p>
+                    </div>
+                  </div>
+
+                  <div className="pt-4">
+                    <h3 className="font-semibold mb-4" style={{ color: "var(--foreground)" }}>Follow Us</h3>
+                    <div className="flex gap-4">
+                      <a href="https://instagram.com/badrsmilecenter" target="_blank" rel="noopener noreferrer" className="p-3 rounded-lg transition-all duration-300 hover:scale-110" style={{ backgroundColor: "var(--card)", border: `2px solid var(--accent)` }}>
+                        <Instagram className="w-5 h-5" style={{ color: "var(--primary-cta)" }} />
+                      </a>
+                      <a href="https://facebook.com/badrsmilecenter" target="_blank" rel="noopener noreferrer" className="p-3 rounded-lg transition-all duration-300 hover:scale-110" style={{ backgroundColor: "var(--card)", border: `2px solid var(--accent)` }}>
+                        <Facebook className="w-5 h-5" style={{ color: "var(--primary-cta)" }} />
+                      </a>
+                      <a href="mailto:contact@badrsmile.dz" className="p-3 rounded-lg transition-all duration-300 hover:scale-110" style={{ backgroundColor: "var(--card)", border: `2px solid var(--accent)` }}>
+                        <MessageCircle className="w-5 h-5" style={{ color: "var(--primary-cta)" }} />
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="contact" data-section="contact">
         <ContactSplit
-          tag="Contactez-Nous"
+          tag="Get In Touch"
           tagIcon={Phone}
           tagAnimation="slide-up"
-          title="Nous Sommes À Votre Écoute"
-          description="BADR SMILE CENTER - Clinique Dentaire Premium. Téléphone: 0636 27 38 89. Localisation: Wilaya Center. Horaires d'ouverture: Lundi-Samedi 8h-19h, Dimanche fermé."
+          title="We're Here to Help"
+          description="BADR SMILE CENTER - Premium Dental Clinic. Phone: 0636 27 38 89. Location: Wilaya Center. Hours: Monday-Saturday 8am-7pm, Sunday Closed."
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/nobody-doctors-office-with-medical-equipment-tools_482257-27168.jpg"
-          imageAlt="Localisation et contact de la clinique"
+          imageAlt="Clinic location and contact information"
           mediaAnimation="blur-reveal"
           mediaPosition="left"
-          ariaLabel="Section de contact avec informations"
+          ariaLabel="Contact section with information"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={footerColumns}
-          copyrightText="© 2025 BADR SMILE CENTER. Tous droits réservés."
-          ariaLabel="Pied de page"
+          copyrightText="© 2025 BADR SMILE CENTER. All rights reserved."
+          ariaLabel="Site footer"
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index ee02011..a0a0bf3 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #6139e6;
+  --background: #ffffff;
+  --card: #f0f8ff;
+  --foreground: #001a33;
+  --primary-cta: #0066cc;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f0f8ff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
-  --background-accent: #b3a8e8;
+  --accent: #b3d9ff;
+  --background-accent: #cce5ff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);