diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..808b1cd
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import { Instagram, Twitter, Linkedin } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            brandName="Halle Berry"
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Bio", id: "/about" },
+                { name: "Experience", id: "/experiences" },
+                { name: "Management", id: "/contact" }
+            ]}
+        />
+        
+        <div className="pt-32 pb-16">
+            <ContactSplitForm
+                title="Management & Inquiries"
+                description="For business inquiries, event bookings, or media requests, please use the form below or reach out directly."
+                inputs={[
+                    { name: "name", type: "text", placeholder: "Full Name", required: true },
+                    { name: "email", type: "email", placeholder: "Email Address", required: true },
+                    { name: "subject", type: "text", placeholder: "Subject" }
+                ]}
+                textarea={{ name: "message", placeholder: "Your Inquiry", rows: 5, required: true }}
+                imageSrc="https://img.b2bpic.net/free-photo/portrait-successful-woman_23-2148281315.jpg"
+                mediaPosition="right"
+            />
+            
+            <div className="text-center py-12">
+                <h3 className="text-2xl font-bold mb-4">Direct Contact</h3>
+                <p>Email: inquiries@halleberry.com</p>
+                <p className="mt-2 font-medium">WhatsApp: +1 (555) 012-3456</p>
+            </div>
+        </div>
+
+        <FooterCard
+            logoText="Halle Berry"
+            copyrightText="© 2025 | Halle Berry Management"
+            socialLinks={[
+                { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+                { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+            ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e68ee40..9e8437b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,8 +10,9 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import { Star, Mail, Phone, MessageCircle, Instagram, Twitter, Linkedin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -33,9 +34,9 @@ export default function LandingPage() {
       brandName="Halle Berry"
       navItems={[
         { name: "Bio", id: "about" },
-        { name: "Work", id: "features" },
+        { name: "Experience", id: "experiences" },
         { name: "Awards", id: "metrics" },
-        { name: "Contact", id: "contact" }
+        { name: "Management", id: "/contact" }
       ]}
     />
   </div>
@@ -63,46 +64,15 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
+  <div id="experiences" data-section="experiences">
       <FeatureCardSeven
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
-      title="Career Highlights"
-      description="A look at her most iconic roles and achievements."
+      title="Fan Experience"
+      description="Exclusive offerings and unique experiences crafted for the true fan."
       features={[
-        { title: "Monster's Ball", description: "Academy Award-winning performance.", imageSrc: "https://img.b2bpic.net/free-photo/film-reel-clapperboard_23-2148301777.jpg" },
-        { title: "X-Men", description: "Iconic role as Storm.", imageSrc: "https://img.b2bpic.net/free-photo/abstract-superhero-concept_23-2148301780.jpg" }
-      ]}
-    />
-  </div>
-
-  <div id="product" data-section="product">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      title="Exclusive Collection"
-      description="Curated items inspired by cinematic elegance."
-      useInvertedBackground={false}
-      products={[
-        { id: "1", name: "Signed Poster", price: "$50", imageSrc: "https://img.b2bpic.net/free-photo/film-poster-concept_23-2148281330.jpg" },
-        { id: "2", name: "Movie Script", price: "$100", imageSrc: "https://img.b2bpic.net/free-photo/vintage-notebook-desk_23-2148281335.jpg" },
-        { id: "3", name: "Memorabilia", price: "$75", imageSrc: "https://img.b2bpic.net/free-photo/golden-award-trophy_23-2148281340.jpg" }
-      ]}
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      title="Subscription Access"
-      description="Get full access to all exclusive content."
-      useInvertedBackground={false}
-      plans={[
-        { id: "fan", badge: "Fan", price: "$9/mo", subtitle: "Daily news updates", features: ["Exclusive content", "Behind the scenes"], buttons: [{ text: "Join" }] },
-        { id: "vip", badge: "VIP", price: "$29/mo", subtitle: "Premium benefits", features: ["Direct Q&A", "Early access"], buttons: [{ text: "Subscribe" }] }
+        { title: "Exclusive Meet & Greets", description: "Get direct access through private events.", imageSrc: "https://img.b2bpic.net/free-photo/film-reel-clapperboard_23-2148301777.jpg" },
+        { title: "Curated Movie Archives", description: "Access rare insights and behind-the-scenes content.", imageSrc: "https://img.b2bpic.net/free-photo/abstract-superhero-concept_23-2148301780.jpg" }
       ]}
     />
   </div>
@@ -112,7 +82,6 @@ export default function LandingPage() {
       animationType="depth-3d"
       gridVariant="uniform-all-items-equal"
       textboxLayout="default"
-      useInvertedBackground={false}
       title="Impact Stats"
       description="Key milestones in her legendary career."
       metrics={[
@@ -127,31 +96,20 @@ export default function LandingPage() {
       cardTitle="What People Say"
       cardTag="Testimonials"
       cardAnimation="slide-up"
-      useInvertedBackground={false}
       testimonials={[
         { id: "t1", name: "Fan Review", imageSrc: "https://img.b2bpic.net/free-photo/smiling-fan_23-2148281320.jpg" }
       ]}
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      title="Join the Fan Club"
-      description="Stay updated with latest news and announcements."
-      useInvertedBackground={false}
-      inputs={[
-        { name: "name", type: "text", placeholder: "Full Name" },
-        { name: "email", type: "email", placeholder: "Email Address" }
-      ]}
-      mediaClassName="h-full"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterCard
       logoText="Halle Berry"
-      columns={[
-        { title: "Links", items: [{ label: "Home", href: "#" }] }
+      copyrightText="© 2025 | Halle Berry Management"
+      socialLinks={[
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
       ]}
     />
   </div>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4fd73bf..28a0008 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);