diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index e32eed5..e1fad7c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ContactForm from "@/components/form/ContactForm";
 import FooterCard from "@/components/sections/footer/FooterCard";
@@ -20,17 +20,19 @@ export default function ContactPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Features", id: "#features" },
-          { name: "About", id: "#about" },
-          { name: "Contact", id: "/contact" },
-        ]}
-        brandName="billiclipd"
-        bottomLeftText="Global Community"
-        bottomRightText="hello@example.com"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Features", id: "#features" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="billiclipd"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@example.com"
+        />
+      </div>
 
       <div className="flex items-center justify-center min-h-screen py-20">
         <div className="w-full">
@@ -43,6 +45,7 @@ export default function ContactPage() {
             buttonText="Send Message"
             termsText="We'll get back to you within 24 hours."
             centered={true}
+            useInvertedBackground={false}
             onSubmit={(email) => console.log("Email:", email)}
           />
         </div>
@@ -54,10 +57,12 @@ export default function ContactPage() {
         socialLinks={[
           {
             icon: Twitter,
-            href: "https://twitter.com/billiclipd",            ariaLabel: "Twitter"},
+            href: "https://twitter.com/billiclipd",            ariaLabel: "Twitter"
+          },
           {
             icon: Linkedin,
-            href: "https://linkedin.com/company/billiclipd",            ariaLabel: "LinkedIn"},
+            href: "https://linkedin.com/company/billiclipd",            ariaLabel: "LinkedIn"
+          },
         ]}
       />
     </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86eae75..4774ad3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
@@ -23,17 +23,19 @@ export default function Home() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Features", id: "#features" },
-          { name: "About", id: "#about" },
-          { name: "Contact", id: "/contact" },
-        ]}
-        brandName="billiclipd"
-        bottomLeftText="Global Community"
-        bottomRightText="hello@example.com"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Features", id: "#features" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="billiclipd"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@example.com"
+        />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardDashboard
@@ -60,13 +62,16 @@ export default function Home() {
             stats: [
               {
                 title: "Clips Created",                values: [1240, 1856, 2130],
-                description: "Total viral clips."},
+                description: "Total viral clips."
+              },
               {
                 title: "Total Views",                values: [10240000, 12500000, 13450000],
-                valuePrefix: "",                valueSuffix: "M+",                description: "Across all platforms."},
+                valuePrefix: "",                valueSuffix: "M+",                description: "Across all platforms."
+              },
               {
                 title: "Engagement Rate",                values: [8.5, 12.3, 15.7],
-                valueSuffix: "%",                description: "Average engagement."},
+                valueSuffix: "%",                description: "Average engagement."
+              },
             ],
             chartTitle: "Views Over Time",            chartData: [
               { value: 50 },
@@ -78,13 +83,16 @@ export default function Home() {
             listTitle: "Recent Clips",            listItems: [
               {
                 icon: CircleDollarSign,
-                title: "5-Sec Motivational",                status: "Published"},
+                title: "5-Sec Motivational",                status: "Published"
+              },
               {
                 icon: ArrowLeftRight,
-                title: "3-Min Podcast Clip",                status: "Processing"},
+                title: "3-Min Podcast Clip",                status: "Processing"
+              },
               {
                 icon: Send,
-                title: "Highlight Reel",                status: "Published"},
+                title: "Highlight Reel",                status: "Published"
+              },
             ],
           }}
         />
@@ -95,24 +103,20 @@ export default function Home() {
           features={[
             {
               id: 1,
-              title: "Content Analysis",              description:
-                "We analyze your longform content to identify the most viral moments and trending hooks.",              imageSrc:
-                "https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=500&h=300&fit=crop"},
+              title: "Content Analysis",              description: "We analyze your longform content to identify the most viral moments and trending hooks.",              imageSrc: "https://images.unsplash.com/photo-1611532736597-de2d4265fba3?w=500&h=300&fit=crop"
+            },
             {
               id: 2,
-              title: "Professional Editing",              description:
-                "Our expert editors craft high-quality clips optimized for each platform's unique algorithm.",              imageSrc:
-                "https://images.unsplash.com/photo-1598899134739-24c46f58b8c0?w=500&h=300&fit=crop"},
+              title: "Professional Editing",              description: "Our expert editors craft high-quality clips optimized for each platform's unique algorithm.",              imageSrc: "https://images.unsplash.com/photo-1598899134739-24c46f58b8c0?w=500&h=300&fit=crop"
+            },
             {
               id: 3,
-              title: "Multi-Platform Optimization",              description:
-                "Each clip is tailored for TikTok, Instagram Reels, and YouTube Shorts with proper formatting.",              imageSrc:
-                "https://images.unsplash.com/photo-1611339555312-e607c90352fd?w=500&h=300&fit=crop"},
+              title: "Multi-Platform Optimization",              description: "Each clip is tailored for TikTok, Instagram Reels, and YouTube Shorts with proper formatting.",              imageSrc: "https://images.unsplash.com/photo-1611339555312-e607c90352fd?w=500&h=300&fit=crop"
+            },
             {
               id: 4,
-              title: "Performance Analytics",              description:
-                "Track engagement metrics, reach, and performance across all platforms in real-time.",              imageSrc:
-                "https://images.unsplash.com/photo-1460925895917-aeb19be489c7?w=500&h=300&fit=crop"},
+              title: "Performance Analytics",              description: "Track engagement metrics, reach, and performance across all platforms in real-time.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-aeb19be489c7?w=500&h=300&fit=crop"
+            },
           ]}
           title="Our Process"
           description="How we transform your content into viral sensations"
@@ -126,7 +130,8 @@ export default function Home() {
         <TextSplitAbout
           title="Why Choose billiclipd?"
           description={[
-            "With over 10 million views generated across TikTok, Instagram Reels, and YouTube Shorts, we know what makes content go viral. Our team combines data-driven insights with creative excellence to transform your longform content into short-form sensations.",            "We don't just edit clips—we create content strategies that maximize your reach and engagement on every platform."]}
+            "With over 10 million views generated across TikTok, Instagram Reels, and YouTube Shorts, we know what makes content go viral. Our team combines data-driven insights with creative excellence to transform your longform content into short-form sensations.",            "We don't just edit clips—we create content strategies that maximize your reach and engagement on every platform."
+          ]}
           buttons={[
             { text: "Book a Call", href: "/contact" },
             { text: "Learn More", href: "#features" },
@@ -153,10 +158,12 @@ export default function Home() {
         socialLinks={[
           {
             icon: Twitter,
-            href: "https://twitter.com/billiclipd",            ariaLabel: "Twitter"},
+            href: "https://twitter.com/billiclipd",            ariaLabel: "Twitter"
+          },
           {
             icon: Linkedin,
-            href: "https://linkedin.com/company/billiclipd",            ariaLabel: "LinkedIn"},
+            href: "https://linkedin.com/company/billiclipd",            ariaLabel: "LinkedIn"
+          },
         ]}
       />
     </ThemeProvider>