diff --git a/src/app/page.tsx b/src/app/page.tsx
index d8c24a0..6f2c804 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { DollarSign, TrendingUp, Truck } from "lucide-react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import { LayoutDashboard, FileText, Settings, Search, Users, BarChart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,351 +21,44 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "World",
-          id: "#world",
-        },
-        {
-          name: "Tech",
-          id: "#tech",
-        },
-        {
-          name: "Business",
-          id: "#business",
-        },
-        {
-          name: "Lifestyle",
-          id: "#lifestyle",
-        },
-      ]}
-      button={{
-        text: "Subscribe",
-        href: "#newsletter",
-      }}
-      brandName="Pulse News"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Dashboard", id: "#dashboard" },
+                { name: "Articles", id: "#articles" },
+                { name: "Analytics", id: "#analytics" },
+                { name: "Settings", id: "#settings" },
+              ]}
+              brandName="NewsPortal OS"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Breaking: Global Markets Shift Amid New Tech Breakthroughs"
-      description="Stay informed with our deep-dive analysis into the technology trends reshaping the world economy this quarter."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-          alt: "Editor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-3d-male-videographer_23-2151066987.jpg",
-          alt: "Contributor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg",
-          alt: "Staff",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/traveler-female-holds-digital-photo-camera-red-coffee-cup-grey-background_613910-7174.jpg",
-          alt: "Journalist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-traveler-female-holds-digital-photo-camera-tripod_613910-9779.jpg",
-          alt: "Reporter",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Read Full Story",
-          href: "#",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Market Open",
-          icon: TrendingUp,
-        },
-        {
-          type: "text",
-          text: "Tech Sector Leads Indices",
-        },
-        {
-          type: "text-icon",
-          text: "Inflation Cooling",
-          icon: DollarSign,
-        },
-        {
-          type: "text",
-          text: "AI Regulation Passes",
-        },
-        {
-          type: "text-icon",
-          text: "Global Supply Chain Recovery",
-          icon: Truck,
-        },
-      ]}
-    />
-  </div>
-
-  <div id="grid" data-section="grid">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Tech Breakthrough",
-          price: "5 min read",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-spectacles-holding-newspaper-caf_23-2147876735.jpg",
-        },
-        {
-          id: "p2",
-          name: "World Markets",
-          price: "8 min read",
-          imageSrc: "http://img.b2bpic.net/free-photo/globe-with-world-map_116348-36.jpg",
-        },
-        {
-          id: "p3",
-          name: "Finance Trends",
-          price: "4 min read",
-          imageSrc: "http://img.b2bpic.net/free-photo/general-manager-oversees-budget-analysis-strategy-development_482257-123730.jpg",
-        },
-        {
-          id: "p4",
-          name: "Modern Living",
-          price: "6 min read",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-letters-with-fake-news_23-2148875987.jpg",
-        },
-        {
-          id: "p5",
-          name: "Health Update",
-          price: "3 min read",
-          imageSrc: "http://img.b2bpic.net/free-photo/agenda-calendar-appointment-graphic-concept_53876-125043.jpg",
-        },
-        {
-          id: "p6",
-          name: "Culture Scene",
-          price: "7 min read",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photos_23-2149911917.jpg",
-        },
-      ]}
-      title="Latest Headlines"
-      description="Curated news from around the globe."
-    />
-  </div>
-
-  <div id="trending" data-section="trending">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "01",
-          description: "Global AI Regulation Debate",
-        },
-        {
-          id: "m2",
-          value: "02",
-          description: "Sustainability in Finance",
-        },
-        {
-          id: "m3",
-          value: "03",
-          description: "The New Era of Hybrid Work",
-        },
-      ]}
-      title="Trending Now"
-      description="Most read stories today."
-    />
-  </div>
-
-  <div id="stats" data-section="stats">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "s1",
-          value: "5M+",
-          description: "Monthly Readers",
-        },
-        {
-          id: "s2",
-          value: "150",
-          description: "Countries Covered",
-        },
-        {
-          id: "s3",
-          value: "24/7",
-          description: "Live Reporting",
-        },
-      ]}
-      title="Our Impact"
-      description="Delivering quality news since 2010."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          role: "Journalist",
-          testimonial: "Excellent coverage, very authoritative.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-albino-woman-reading-magazine_23-2150171872.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          role: "Academic",
-          testimonial: "My primary source for global tech news.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-tablet-with-admiration_259150-58155.jpg",
-        },
-        {
-          id: "t3",
-          name: "Bob Brown",
-          role: "Investor",
-          testimonial: "Clean, concise, and incredibly fast.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-headphones-around-neck-reading-book_23-2148397143.jpg",
-        },
-        {
-          id: "t4",
-          name: "Alice White",
-          role: "Tech Lead",
-          testimonial: "I love the detailed analysis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-library_1157-9038.jpg",
-        },
-        {
-          id: "t5",
-          name: "Charlie Day",
-          role: "Designer",
-          testimonial: "The best reading experience online.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-study-material_329181-19624.jpg",
-        },
-      ]}
-      title="What Readers Say"
-      description="Insights from our community."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I subscribe?",
-          content: "Simply click the subscribe button in the navbar.",
-        },
-        {
-          id: "f2",
-          title: "Is it free?",
-          content: "We offer both free and premium tiers.",
-        },
-        {
-          id: "f3",
-          title: "How to contact?",
-          content: "Reach us via our official contact channels.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="newsletter" data-section="newsletter">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Join 50,000+ readers and get daily insights delivered to your inbox."
-      buttons={[
-        {
-          text: "Subscribe Now",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "News",
-          items: [
-            {
-              label: "World",
-              href: "#",
-            },
-            {
-              label: "Tech",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Newsletter",
-              href: "#",
-            },
-            {
-              label: "Archive",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Pulse News"
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardDashboard
+              title="Content Management Hub"
+              description="Streamline your editorial workflow with our high-performance news portal dashboard."
+              dashboard={{
+                title: "Newsroom Overview",                logoIcon: LayoutDashboard,
+                sidebarItems: [
+                    { icon: LayoutDashboard, active: true },
+                    { icon: FileText },
+                    { icon: Users },
+                    { icon: Settings },
+                ],
+                stats: [
+                    { title: "Active Articles", values: [120, 15, 3], description: "Published today" },
+                    { title: "Total Reach", values: [850000, 20000, 500], description: "Last 24h" },
+                ],
+                chartData: [{ value: 40 }, { value: 65 }, { value: 50 }, { value: 80 }, { value: 70 }],
+                listItems: [
+                    { icon: FileText, title: "Breaking: Tech Market Shift", status: "Live" },
+                    { icon: FileText, title: "Quarterly Finance Review", status: "Draft" },
+                ],
+                imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-spectacles-holding-newspaper-caf_23-2147876735.jpg"
+              }}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index ee809d5..6338356 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: #334155;
-  --primary-cta: #007BFF;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #0A192F;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);