|
|
|
|
@@ -1,49 +1,63 @@
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
|
|
|
|
|
import { Code, Globe, Sparkles } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
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 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" },
|
|
|
|
|
];
|
|
|
|
|
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="soft"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<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" }
|
|
|
|
|
<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">
|
|
|
|
|
<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>
|
|
|
|
|
|
