Update src/app/page.tsx

src/app/page.tsx

@@ -1,65 +1,35 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
-import { Code, Users, Globe, MessageCircle, Sparkles } from "lucide-react";
+import { Sparkles, Linkedin, Twitter, Instagram } from "lucide-react";
 
-export default function PersonalGridTemplatePage() {
+export default function PersonalLinkInBioPage() {
-    const titleSegments = [
+  return (
-        { type: "text" as const, content: "I help founders" },
+    <ThemeProvider
-        { type: "image" as const, src: "/templates/personal-grid/grid1.webp", alt: "Damien Ghader" },
+      defaultButtonVariant="hover-magnetic"
-        { type: "text" as const, content: "build products" },
+      defaultTextAnimation="reveal-blur"
-        { type: "image" as const, src: "/templates/personal-grid/grid2.webp", alt: "" },
+      borderRadius="pill"
-        { type: "text" as const, content: "with AI" },
+      contentWidth="small"
-    ];
+      sizing="medium"
-
+      background="none"
-    const socialLinks = [
+      cardStyle="glass-elevated"
-        { icon: Globe, label: "damienghader", href: "https://twitter.com" },
+      primaryButtonStyle="gradient"
-        { icon: MessageCircle, label: "damienghader", href: "https://instagram.com" },
+      secondaryButtonStyle="glass"
-        { icon: Sparkles, label: "damienghader", href: "https://linkedin.com" },
+      headingFontWeight="bold"
-    ];
+    >
-
+      <HeroCentered
-    const linkCards = [
+        title="Hi, I'm Alex"
-        {
+        description="Building the future of AI-driven creative tools. Check out my latest projects and socials below."
-            icon: Code,
+        background={{ variant: "sparkles-gradient" }}
-            title: "Work with my agency",
+        avatars={[{ src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=200&h=200&fit=crop", alt: "Alex" }]}
-            description: "Work with my agency to build your MVP",
+        buttons={[
-            button: { text: "Get started", href: "#" },
+          { text: "Check my portfolio", href: "#" },
-        },
+          { text: "Let's talk", href: "#" }
-        {
+        ]}
-            icon: Sparkles,
+        buttonAnimation="slide-up"
-            title: "20% off your Webild plan",
+        className="py-20"
-            description: "Use my promo code to get Webild credits",
+      />
-            button: { text: "Get credits", href: "#" },
+    </ThemeProvider>
-        },
+  );
-        {
+}
-            icon: Users,
-            title: "Join my community",
-            description: "Join the AI Founders Club",
-            button: { text: "Sign up", href: "#" },
-        },
-    ];
-
-    return (
-        <ThemeProvider
-            defaultButtonVariant="text-stagger"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="medium"
-            sizing="medium"
-            background="none"
-            cardStyle="gradient-bordered"
-            primaryButtonStyle="flat"
-            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}
-            />
-        </ThemeProvider>
-    );
-}