2026-03-09 06:11:01 +00:00
3 changed files with 51 additions and 33 deletions
--- 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>
  );
-}
+}
--- 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: `
--- 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>
  );
-}
+}