Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -1,49 +1,63 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
-import { Code, Globe, Sparkles } from "lucide-react";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
-export default function PersonalPortfolioPage() {
+import { Github, Linkedin, Mail, Sparkles, Code, Globe } from "lucide-react";
-    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 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" },
-    ];
 
+export default function AchMadzPortfolio() {
     return (
         <ThemeProvider
-            defaultButtonVariant="hover-magnetic"
+            defaultButtonVariant="elastic-effect"
             defaultTextAnimation="reveal-blur"
             borderRadius="soft"
             contentWidth="medium"
-            sizing="medium"
+            sizing="largeSizeMediumTitles"
-            background="noise"
+            background="noiseDiagonalGradient"
-            cardStyle="glass-depth"
+            cardStyle="glass-elevated"
-            primaryButtonStyle="gradient"
+            primaryButtonStyle="radial-glow"
-            secondaryButtonStyle="solid"
+            secondaryButtonStyle="glass"
             headingFontWeight="semibold"
         >
             <div id="hero">
-                <HeroOverlayTestimonial
+                <HeroCarouselLogo
-                    title="Building digital experiences with passion"
+                    logoText="Ach Madz"
-                    description="I specialize in creating clean, user-centric software that makes an impact. Let's build something great together."
+                    description="High-end digital craftsmanship for premium web experiences. Architecting performant, visually stunning solutions that set the standard for digital excellence."
-                    testimonials={testimonials}
+                    buttons={[{ text: "Work With Me", href: "#contact" }]}
-                    avatars={avatars}
+                    slides={[
-                    avatarText="Trusted by industry leaders"
+                        { imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2000" },
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777110995052-vub6tpkj.png"
+                        { imageSrc: "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?q=80&w=2000" }
-                    buttons={[
+                    ]}
-                        { text: "View Portfolio", href: "#projects" },
+                    autoplayDelay={5000}
-                        { text: "Contact Me", href: "#contact" }
+                    showDimOverlay={true}
+                />
+            </div>
+
+            <div id="about">
+                <TextSplitAbout
+                    title="Engineering Digital Mastery"
+                    description={[
+                        "With a meticulous approach to frontend architecture, I bridge the gap between complex engineering and refined aesthetics.",                        "My focus is exclusively on high-performance delivery, ensuring every pixel and interaction serves a strategic purpose in creating premium web ecosystems."
+                    ]}
+                    useInvertedBackground={true}
+                    buttons={[{ text: "Learn More" }]}
+                />
+            </div>
+
+            <div id="team">
+                <TeamCardSix
+                    title="Technical Expertise"
+                    description="Deploying world-class technical solutions for ambitious projects."
+                    gridVariant="one-large-left-three-stacked-right"
+                    animationType="depth-3d"
+                    textboxLayout="split"
+                    useInvertedBackground={false}
+                    members={[
+                        { id: "1", name: "Ach Madz", role: "Lead Software Engineer" },
+                        { id: "2", name: "Architecture", role: "Frontend Excellence" },
+                        { id: "3", name: "Innovation", role: "Strategic Design" },
+                        { id: "4", name: "Performance", role: "Scalable Systems" }
                     ]}
                 />
             </div>

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #1a1a1a;
+  --card: #121212;
-  --foreground: #ffffffe6;
+  --foreground: #f5f5f5;
-  --primary-cta: #e6e6e6;
+  --primary-cta: #ffffff;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #1f1f1f;
   --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
+  --accent: #3b82f6;
-  --background-accent: #737373;
+  --background-accent: #171717;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);