From 3e6e6e2e146bbdc7bd2e00c32ac664b7fcbbef30 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 00:01:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 47 +++++++++++++++++------------------------------
 1 file changed, 17 insertions(+), 30 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f67aadb..59dcfd9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,42 +1,28 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
-import { Code, Users, Globe, MessageCircle, Sparkles } from "lucide-react";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import { Code, Users, Globe, MessageCircle, Sparkles, Phone } from "lucide-react";
 
 export default function PersonalGridTemplatePage() {
-    const titleSegments = [
-        { type: "text" as const, content: "I help founders" },
-        { type: "image" as const, src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid1.webp", alt: "Damien Ghader" },
-        { type: "text" as const, content: "build products" },
-        { type: "image" as const, src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid2.webp", alt: "" },
-        { type: "text" as const, content: "with AI" },
-    ];
-
     const socialLinks = [
-        { icon: Globe, label: "damienghader", href: "https://twitter.com" },
-        { icon: MessageCircle, label: "damienghader", href: "https://instagram.com" },
-        { icon: Sparkles, label: "damienghader", href: "https://linkedin.com" },
+        { icon: Globe, label: "Follow on Twitter", href: "https://twitter.com" },
+        { icon: MessageCircle, label: "Follow on Instagram", href: "https://instagram.com" },
+        { icon: Sparkles, label: "Follow on LinkedIn", href: "https://linkedin.com" },
     ];
 
     const linkCards = [
         {
             icon: Code,
-            title: "Work with my agency",
-            description: "Work with my agency to build your MVP",
-            button: { text: "Get started", href: "#" },
+            title: "Work with my agency",            description: "Work with my agency to build your MVP",            button: { text: "Book a strategy call", href: "#" },
         },
         {
             icon: Sparkles,
-            title: "20% off your Webild plan",
-            description: "Use my promo code to get Webild credits",
-            button: { text: "Get credits", href: "#" },
+            title: "20% off your Webild plan",            description: "Use my promo code to get Webild credits",            button: { text: "Get credits", href: "#" },
         },
         {
             icon: Users,
-            title: "Join my community",
-            description: "Join the AI Founders Club",
-            button: { text: "Sign up", href: "#" },
+            title: "Join my community",            description: "Join the AI Founders Club",            button: { text: "Sign up", href: "#" },
         },
     ];
 
@@ -53,13 +39,14 @@ export default function PersonalGridTemplatePage() {
             secondaryButtonStyle="solid"
             headingFontWeight="medium"
         >
-            <HeroPersonalLinks
-                background={{ variant: "downward-rays-animated-grid" }}
-                title="I help people design software with AI"
-                titleSegments={titleSegments}
-                socialLinks={socialLinks}
-                linkCards={linkCards}
-            />
+            <div id="hero">
+                <HeroBillboard
+                    background={{ variant: "downward-rays-animated-grid" }}
+                    title="I help people design software with AI"
+                    description="I help founders build products with AI"
+                    buttons={[{ text: "Book a strategy call", href: "#" }]}
+                />
+            </div>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file