Update src/app/page.tsx

src/app/page.tsx

@@ -1,65 +1,52 @@
 "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 HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
+import { Code, Globe, Sparkles } 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" },
+export default function PersonalPortfolioPage() {
+    const testimonials = [
+        {
+            name: "Alex River",            handle: "@ariver",            testimonial: "The designs were absolutely world-class and perfectly aligned with my brand vision.",            rating: 5,
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-7l3iwi2m.png"},
+        {
+            name: "Sam Chen",            handle: "@schen",            testimonial: "Incredible attention to detail. Really pushed my project to the next level.",            rating: 5,
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-xx4f032f.png"},
     ];
 
-    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" },
-    ];
-
-    const linkCards = [
-        {
-            icon: Code,
-            title: "Work with my agency",
-            description: "Work with my agency to build your MVP",
-            button: { text: "Get started", href: "#" },
-        },
-        {
-            icon: Sparkles,
-            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: "#" },
-        },
+    const avatars = [
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-7l3iwi2m.png", alt: "User" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-xx4f032f.png", alt: "User" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-vub6tpkj.png", alt: "User" },
     ];
 
     return (
         <ThemeProvider
-            defaultButtonVariant="text-stagger"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
+            defaultButtonVariant="hover-magnetic"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="soft"
             contentWidth="medium"
             sizing="medium"
-            background="none"
-            cardStyle="gradient-bordered"
-            primaryButtonStyle="flat"
+            background="noise"
+            cardStyle="glass-depth"
+            primaryButtonStyle="gradient"
             secondaryButtonStyle="solid"
-            headingFontWeight="medium"
+            headingFontWeight="semibold"
         >
-            <HeroPersonalLinks
-                background={{ variant: "downward-rays-animated-grid" }}
-                title="I help people design software with AI"
-                titleSegments={titleSegments}
-                socialLinks={socialLinks}
-                linkCards={linkCards}
-            />
+            <div id="hero">
+                <HeroOverlayTestimonial
+                    title="Building digital experiences with passion"
+                    description="I specialize in creating clean, user-centric software that makes an impact. Let's build something great together."
+                    testimonials={testimonials}
+                    avatars={avatars}
+                    avatarText="Trusted by industry leaders"
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-vub6tpkj.png"
+                    buttons={[
+                        { text: "View Portfolio", href: "#projects" },
+                        { text: "Contact Me", href: "#contact" }
+                    ]}
+                />
+            </div>
         </ThemeProvider>
     );
-}
+}