src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Activity, Globe, Scan } from "lucide-react";
+import { Activity, Globe, Scan, Instagram, Linkedin, Twitter, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,20 +29,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Book",          id: "/booking"},
-        {
-          name: "Admin",          id: "/admin"},
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Book", id: "/booking" },
+        { name: "Admin", id: "/admin" },
       ]}
       brandName="Dr. Eyad Amer"
       button={{
-        text: "Book Now",        href: "/booking"}}
+        text: "Book Now", href: "/booking" }}
     />
   </div>
 
@@ -99,21 +94,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Advanced Diagnostics",          description: "High-fidelity imaging and AI-powered diagnostic tools.",          icon: Scan,
+          title: "Advanced Diagnostics", description: "High-fidelity imaging and AI-powered diagnostic tools.", icon: Scan,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917461.jpg" },
             { imageSrc: "http://img.b2bpic.net/free-photo/professional-cabinet-medical-facility-used-patient-care-management_482257-125573.jpg" },
           ]
         },
         {
-          title: "Surgical Excellence",          description: "Precision surgical procedures in our modern, sterile facility.",          icon: Activity,
+          title: "Surgical Excellence", description: "Precision surgical procedures in our modern, sterile facility.", icon: Activity,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/close-up-surgeon-doctor-wearing-medical-uniform-typing-recovery-treatment_482257-10574.jpg" },
             { imageSrc: "http://img.b2bpic.net/free-photo/view-anatomic-heart-model-educational-purpose-with-medical-instruments_23-2149894513.jpg" },
           ]
         },
         {
-          title: "Online Consultation",          description: "Secure remote care from your home via our portal.",          icon: Globe,
+          title: "Online Consultation", description: "Secure remote care from your home via our portal.", icon: Globe,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906252.jpg" },
             { imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-office-with-medical-equipment-healthcare-nobody-cabinet-with-tools-instruments-computer-checkup-documents-desk-workplace-doctor-facility_482257-41369.jpg" },
@@ -155,17 +150,18 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-rays-wallpaper_1017-3408.jpg?_wi=1"
+      <FooterCard
       logoText="Dr. Eyad Amer"
-      columns={[
-        { title: "Platform", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-        { title: "Resources", items: [{ label: "Booking", href: "/booking" }, { label: "Admin", href: "/admin" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+      copyrightText="© 2025 | Dr. Eyad Amer Medical Platform"
+      socialLinks={[
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+        { icon: Mail, href: "#", ariaLabel: "Email" }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #1f7cff;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --secondary-cta: #041633;
   --secondary-cta-text: #ffffff;
-  --accent: #1f7cff;
-  --background-accent: #f96b2f;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);