|
|
|
|
@@ -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>
|
|
|
|
|
|
