From ee07f86e94ba5a8bbe7f6db008c6a9677d72e690 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 06:10:56 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

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
+}