Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -5,14 +5,14 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { BookOpen, Users, Zap } from "lucide-react";
+import { BookOpen, Users, Zap, Mail, Phone, MapPin, Linkedin, Twitter, Facebook } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -173,16 +173,19 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
-            imageSrc="http://img.b2bpic.net/free-photo/buildings-with-birds_23-2148106901.jpg?_wi=2"
+          <FooterCard
             logoText="NHC INDOCON 2026"
-            columns={[
-              { title: "Secretariat", items: [{ label: "205, Sahijeevan Nagar, Indore", href: "#" }, { label: "+91 0731 424 5597", href: "tel:+917314245597" }] },
-              { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Register", href: "#contact" }] }
+            copyrightText="© 2026 | National Hip Course & INDOCON"
+            socialLinks={[
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" }
             ]}
+            className="bg-slate-950 text-amber-400"
+            dividerClassName="border-amber-600/30"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #f8fafc;
+  --primary-cta: #f59e0b;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1e3a8a;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #b45309;
+  --background-accent: #1e293b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);