bender/1d1444dd-162a-454b-af4b-e4c300d8df9c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-04-25 10:16:21 +00:00
parent 27dc615493 b837fc2aef
commit 995b752eee
2 changed files with 40 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/app/page.tsx
View File

@@ -1,69 +1,63 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import HeroSignup from "@/components/sections/hero/HeroSignup";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import { Github, Linkedin, Mail, Sparkles, Code, Globe } from "lucide-react";
export default function AchMadzPortfolio() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="fluid"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="hero">
<HeroSignup
tag="Software Engineer & Creator"
tagIcon={Sparkles}
title="Ach Madz: Building Digital Excellence"
description="I am a passionate software engineer focused on crafting clean, modern, and performant web experiences. I love turning complex ideas into elegant, user-friendly solutions."
background={{ variant: "glowing-orb" }}
buttonText="Get in Touch"
<HeroCarouselLogo
logoText="Ach Madz"
description="High-end digital craftsmanship for premium web experiences. Architecting performant, visually stunning solutions that set the standard for digital excellence."
buttons={[{ text: "Work With Me", href: "#contact" }]}
slides={[
{ imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2000" },
{ imageSrc: "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?q=80&w=2000" }
]}
autoplayDelay={5000}
showDimOverlay={true}
/>
</div>
<div id="about">
<SplitAbout
title="More about my journey"
description="With years of experience in full-stack development, I focus on building scalable web applications. My approach combines aesthetic design with robust engineering to deliver lasting impact."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CqQjwbrkg4MwzJUItUsihWdcBc/uploaded-1777111132044-0c8dl9zt.png"
imageAlt="Ach Madz"
imagePosition="left"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{ title: "Frontend Architecture", description: "Building reactive and fluid interfaces using modern frameworks.", icon: Code },
{ title: "Performance Optimization", description: "Ensuring fast load times and seamless user journeys.", icon: Globe },
{ title: "Innovation & Strategy", description: "Designing thoughtful solutions to solve real-world problems.", icon: Sparkles }
<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">
<TeamCardTwo
title="My Professional Focus"
description="Always exploring new frontiers in technology and design."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
<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: "Full Stack Engineer", description: "Passionate about creating modern digital ecosystems.", socialLinks: [
{ icon: Github, url: "#" },
{ icon: Linkedin, url: "#" },
{ icon: Mail, url: "#" }
]
}
{ 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>

12
src/app/styles/variables.css
View File

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