diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1410479..50ce4e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { BarChart2, Box, Globe, ShieldCheck, Zap } from "lucide-react";
+import { Zap, ShieldCheck, BarChart2, Globe, Box } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -17,193 +16,98 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Metrics",
-          id: "metrics",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AdminCore"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+              navItems={[
+                { name: "Home", id: "home" },
+                { name: "Features", id: "features" },
+                { name: "Metrics", id: "metrics" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="AdminCore"
+            />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Next-Gen Admin Intelligence"
-      description="Streamline operations with our intuitive, 3D-driven dashboard designed for high-performance administrative control."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884888.jpg"
-    />
-  </div>
+        <div id="home" data-section="home">
+            <HeroBillboardScroll
+              background={{ variant: "gradient-bars" }}
+              title="Next-Gen Admin Intelligence"
+              description="Streamline operations with our intuitive, 3D-driven dashboard designed for high-performance administrative control."
+              buttons={[
+                { text: "Get Started", href: "#contact" },
+                { text: "Learn More", href: "#features" },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884888.jpg"
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "User Control",
-          description: "Seamlessly manage team access and permissions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-code-pc-display-used-developing-software_482257-122979.jpg",
-        },
-        {
-          title: "Smart Analytics",
-          description: "Gain actionable insights with our automated report builder.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-95241.jpg",
-        },
-        {
-          title: "Secure Access",
-          description: "Enterprise-grade security features for your organization.",
-          imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-121252.jpg",
-        },
-      ]}
-      title="Comprehensive Management Suite"
-      description="Powerful tools built to handle complex administrative tasks with ease."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardEight
+              textboxLayout="split"
+              useInvertedBackground={true}
+              features={[
+                { title: "User Control", description: "Seamlessly manage team access and permissions.", imageSrc: "http://img.b2bpic.net/free-photo/programming-code-pc-display-used-developing-software_482257-122979.jpg" },
+                { title: "Smart Analytics", description: "Gain actionable insights with our automated report builder.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-95241.jpg" },
+                { title: "Secure Access", description: "Enterprise-grade security features for your organization.", imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-121252.jpg" },
+              ]}
+              title="Comprehensive Management Suite"
+              description="Powerful tools built to handle complex administrative tasks with ease."
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "System Uptime",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Active Admins",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Support Access",
-        },
-      ]}
-      title="System Performance"
-      description="Real-time updates on your platform health."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardTwo
+              animationType="depth-3d"
+              textboxLayout="default"
+              gridVariant="bento-grid"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "m1", value: "99.9%", description: "System Uptime" },
+                { id: "m2", value: "500+", description: "Active Admins" },
+                { id: "m3", value: "24/7", description: "Support Access" },
+              ]}
+              title="System Performance"
+              description="Real-time updates on your platform health."
+            />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Advanced Platform Capabilities"
-      description="Equipped with state-of-the-art technology to power your business growth."
-      features={[
-        {
-          icon: Zap,
-          title: "Instant Data Sync",
-          description: "Zero latency updates across all your dashboards.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Encrypted Storage",
-          description: "Bank-level encryption protecting your sensitive data.",
-        },
-        {
-          icon: BarChart2,
-          title: "Predictive Models",
-          description: "AI-driven forecasting tools for smarter decisions.",
-        },
-        {
-          icon: Globe,
-          title: "Global Deployment",
-          description: "Access your admin suite from anywhere in the world.",
-        },
-        {
-          icon: Box,
-          title: "API Integration",
-          description: "Seamless connectivity with existing enterprise software stacks.",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+              useInvertedBackground={true}
+              background={{ variant: "sparkles-gradient" }}
+              text="Ready to upgrade your workflow? Contact us today to integrate our intelligent admin dashboard."
+              buttons={[{ text: "Get a Demo", href: "#" }]}
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to upgrade your workflow? Contact us today to integrate our intelligent admin dashboard."
-      buttons={[
-        {
-          text: "Get a Demo",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AdminCore"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+              logoText="AdminCore"
+              columns={[
+                {
+                  title: "Platform",                  items: [
+                    { label: "Features", href: "#features" },
+                    { label: "Pricing", href: "#" },
+                  ],
+                },
+                {
+                  title: "Support",                  items: [
+                    { label: "Help Center", href: "#" },
+                    { label: "Contact", href: "#contact" },
+                  ],
+                },
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );