diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index da81a90..3e8b05c 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,11 +3,11 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogoCenter from "@/components/sections/hero/HeroLogoCenter";
+import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
 import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Sparkles, Film } from "lucide-react";
+import { Sparkles, Film, House, MessageSquareText, Settings, Hexagon, Rocket, ArrowLeftRight, Send } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -69,19 +69,34 @@ export default function AboutPage() {
       </div>
 
       <div id="hero-about" data-section="hero-about">
-        <HeroLogoCenter
+        <HeroBillboardDashboard
+          title="Creative Excellence Reimagined"
           description="TG Entertainment was founded on the belief that great creative work doesn't have to choose between quality and speed. We set out to prove that by combining strategic brilliance, artistic excellence, and intelligent automation, we could deliver premium results at the pace of the modern world."
-          tag="Creative Excellence Reimagined"
+          background={{ variant: "radial-gradient" }}
+          tag="Our Story"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhBv7evUTHaOIePB7DlawcPUSp/a-collaborative-creative-team-of-diverse-1773035470076-7f8faaf6.png"
-          logoAlt="Creative team collaboration"
           buttons={[
             { text: "Our Three Wings", href: "/" },
             { text: "Get in Touch", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
+          dashboard={{
+            title: "About TG Entertainment",            logoIcon: Hexagon,
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhBv7evUTHaOIePB7DlawcPUSp/a-collaborative-creative-team-of-diverse-1773035470076-7f8faaf6.png",            buttons: [{ text: "Learn More", href: "#" }, { text: "Contact", href: "#contact" }],
+            sidebarItems: [{ icon: House, active: true }, { icon: MessageSquareText }, { icon: Settings }],
+            stats: [
+              { title: "Founded", values: [2020, 2021, 2022], description: "Our journey began." },
+              { title: "Team Size", values: [50, 75, 100], description: "Creative professionals." },
+              { title: "Global", values: [5, 8, 12], description: "Office locations." },
+            ],
+            chartTitle: "Growth Over Time",            chartData: [{ value: 20 }, { value: 40 }, { value: 60 }, { value: 80 }, { value: 100 }],
+            listTitle: "Core Values",            listItems: [
+              { icon: Sparkles, title: "Creative Excellence", status: "Always" },
+              { icon: Rocket, title: "Innovation", status: "Constant" },
+              { icon: Film, title: "Quality", status: "Uncompromising" },
+            ],
+          }}
         />
       </div>
 
@@ -135,4 +150,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 85ce209..12ac2a4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,14 +1,8 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./styles/variables.css";
-import "./styles/base.css";
-import "./globals.css";
-
-const inter = Inter({ subsets: ["latin"] });
+import "./styles/globals.css";
 
 export const metadata: Metadata = {
-  title: "TG Entertainment",  description: "Human Creativity × AI Efficiency - Premium creative agency"
-};
+  title: "TG Entertainment | Creative Agency",  description: "A creative agency redefining what's possible when human brilliance meets intelligent automation."};
 
 export default function RootLayout({
   children,
@@ -16,14 +10,8 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={inter.className}>
-        {children}
-        <script
-          async
-          src="https://cdn.jsdelivr.net/npm/lenis@1.1.13/dist/lenis.min.js"
-        />
-      
+    <html lang="en">
+      <body>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 896ddee..1748152 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogoCenter from "@/components/sections/hero/HeroLogoCenter";
+import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import ContactText from "@/components/sections/contact/ContactText";
-import { Sparkles, Zap, Rocket, Film, Target, TrendingUp, Users, Award, Globe, Quote } from "lucide-react";
+import { Sparkles, Zap, Rocket, Film, Target, TrendingUp, Users, Award, Globe, Quote, House, MessageSquareText, Settings, Hexagon, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -71,19 +71,34 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoCenter
-          description="We blend strategic creative ingenuity with intelligent AI augmentation to deliver premium content, campaigns, and visuals faster, smarter, and more efficiently than traditional agencies. From startups to enterprises, we're built for the future."
-          tag="Next-Gen Creative Agency"
+        <HeroBillboardDashboard
+          title="Next-Gen Creative Agency"
+          description="We blend strategic creative ingenuity with intelligent AI augmentation to deliver premium content, campaigns, and visuals faster, smarter, and more efficiently than traditional agencies."
+          background={{ variant: "radial-gradient" }}
+          tag="Creative Excellence"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhBv7evUTHaOIePB7DlawcPUSp/a-sleek-creative-agency-workspace-with-m-1773035469446-f79fbb53.png"
-          logoAlt="TG Entertainment Logo"
           buttons={[
             { text: "Explore Our Work", href: "#services" },
             { text: "Start a Project", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
+          dashboard={{
+            title: "TG Entertainment Metrics",            logoIcon: Hexagon,
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhBv7evUTHaOIePB7DlawcPUSp/a-sleek-creative-agency-workspace-with-m-1773035469446-f79fbb53.png",            buttons: [{ text: "Dashboard", href: "#" }, { text: "Export", href: "#" }],
+            sidebarItems: [{ icon: House, active: true }, { icon: MessageSquareText }, { icon: Settings }],
+            stats: [
+              { title: "Campaigns", values: [500, 550, 600], description: "Launched campaigns." },
+              { title: "Brands", values: [150, 160, 175], description: "Brands elevated." },
+              { title: "Team", values: [100, 110, 120], description: "Creative professionals." },
+            ],
+            chartTitle: "Growth Trend",            chartData: [{ value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }],
+            listTitle: "Recent Projects",            listItems: [
+              { icon: Rocket, title: "Social Spot Launch", status: "Completed" },
+              { icon: Film, title: "Cosmic Monkey Campaign", status: "In Progress" },
+              { icon: Zap, title: "AI Workflow Integration", status: "Completed" },
+            ],
+          }}
         />
       </div>
 
@@ -276,4 +291,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}