Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mahdiyar Kavosi"
|
||||
/>
|
||||
@@ -54,67 +46,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Mahdiyar Kavosi: Crafting Intuitive Digital Experiences"
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Turning Complex Ideas into High-Converting Digital Experiences"
|
||||
description="Professional UI/UX Designer dedicated to merging aesthetics with functional clarity. I transform complex business goals into seamless, human-centric design solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View Projects", href: "#work"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUHkBzmRH9JJegWRVCDEk52nZ8/uploaded-1778329984159-c01kfan8.jpg?_wi=1"
|
||||
imageAlt="Mahdiyar Kavosi Professional Portrait"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009539.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009539.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 150+ global clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "User Experience Design",
|
||||
},
|
||||
type: "text", text: "User Experience Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Product Strategy",
|
||||
},
|
||||
type: "text", text: "Product Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Systems",
|
||||
},
|
||||
type: "text", text: "Design Systems"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Accessibility Audit",
|
||||
},
|
||||
type: "text", text: "Accessibility Audit"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prototyping",
|
||||
},
|
||||
type: "text", text: "Prototyping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,23 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fintech Platform Redesign",
|
||||
description: "Revamped an entire banking application interface, increasing user retention by 35% through streamlined navigation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-design_53876-144822.jpg?_wi=1",
|
||||
imageAlt: "Fintech UI",
|
||||
},
|
||||
title: "Fintech Platform Redesign", description: "Revamped an entire banking application interface, increasing user retention by 35% through streamlined navigation.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-design_53876-144822.jpg?_wi=1", imageAlt: "Fintech UI"},
|
||||
{
|
||||
title: "SaaS Dashboard Systems",
|
||||
description: "Created scalable design systems for B2B SaaS platforms to ensure brand consistency and developer efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-student-park-sits-bench-with-digital-tablet-pen-thinking-looking_1258-151492.jpg?_wi=1",
|
||||
imageAlt: "SaaS Dashboard",
|
||||
},
|
||||
title: "SaaS Dashboard Systems", description: "Created scalable design systems for B2B SaaS platforms to ensure brand consistency and developer efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-student-park-sits-bench-with-digital-tablet-pen-thinking-looking_1258-151492.jpg?_wi=1", imageAlt: "SaaS Dashboard"},
|
||||
{
|
||||
title: "Mobile App Accessibility",
|
||||
description: "Conducted an audit and redesign for inclusive mobile experiences, ensuring WCAG compliance for global apps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/electronic-accessibility-abstract-concept-vector-illustration-accessibility-websites-electronic-device-disabled-people-communication-technology-adjustable-web-pages-abstract-metaphor_335657-1917.jpg?_wi=1",
|
||||
imageAlt: "Mobile Accessibility",
|
||||
},
|
||||
title: "Mobile App Accessibility", description: "Conducted an audit and redesign for inclusive mobile experiences, ensuring WCAG compliance for global apps.", imageSrc: "http://img.b2bpic.net/free-vector/electronic-accessibility-abstract-concept-vector-illustration-accessibility-websites-electronic-device-disabled-people-communication-technology-adjustable-web-pages-abstract-metaphor_335657-1917.jpg?_wi=1", imageAlt: "Mobile Accessibility"},
|
||||
]}
|
||||
title="Portfolio Highlights"
|
||||
description="A curated selection of my work across various industries, showcasing rigorous user research, iterative prototyping, and aesthetic design systems."
|
||||
@@ -165,26 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "End-to-end designs delivered",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-optical-illusion_23-2150854147.jpg",
|
||||
},
|
||||
id: "m1", value: "150+", title: "Projects Completed", description: "End-to-end designs delivered", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-optical-illusion_23-2150854147.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
title: "Conversion Boost",
|
||||
description: "Average increase across apps",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-corporate-people-working-concept_53876-167075.jpg",
|
||||
},
|
||||
id: "m2", value: "40%", title: "Conversion Boost", description: "Average increase across apps", imageSrc: "http://img.b2bpic.net/free-photo/business-corporate-people-working-concept_53876-167075.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
title: "Users Reached",
|
||||
description: "Global scale applications",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg",
|
||||
},
|
||||
id: "m3", value: "5M+", title: "Users Reached", description: "Global scale applications", imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-153353.jpg"},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Measurable results delivered through strategic design interventions."
|
||||
@@ -197,60 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
date: "2024",
|
||||
title: "CEO, TechFlow",
|
||||
quote: "Mahdiyar's ability to simplify complex systems is unparalleled.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009542.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUHkBzmRH9JJegWRVCDEk52nZ8/uploaded-1778329984159-c01kfan8.jpg?_wi=2",
|
||||
imageAlt: "professional portrait man",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", date: "2024", title: "CEO, TechFlow", quote: "Mahdiyar's ability to simplify complex systems is unparalleled.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009542.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUHkBzmRH9JJegWRVCDEk52nZ8/uploaded-1778329984159-c01kfan8.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
date: "2023",
|
||||
title: "Product Lead, Innovate",
|
||||
quote: "A true professional who understands user needs deeply.",
|
||||
tag: "Collaborator",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-standing-with-crossed-arms-studio-isolated-dark-background_613910-6353.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg?_wi=2",
|
||||
imageAlt: "professional portrait man",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", date: "2023", title: "Product Lead, Innovate", quote: "A true professional who understands user needs deeply.", tag: "Collaborator", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-standing-with-crossed-arms-studio-isolated-dark-background_613910-6353.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
date: "2024",
|
||||
title: "Design Director",
|
||||
quote: "The cleanest design system work I have ever encountered.",
|
||||
tag: "Lead",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-man-curly-cute-handsome-guy-black-suit-red-tie-glasses-with-crossed-hands_140725-162616.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-design_53876-144822.jpg?_wi=2",
|
||||
imageAlt: "professional portrait man",
|
||||
},
|
||||
id: "t3", name: "Elena Ross", date: "2024", title: "Design Director", quote: "The cleanest design system work I have ever encountered.", tag: "Lead", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-curly-cute-handsome-guy-black-suit-red-tie-glasses-with-crossed-hands_140725-162616.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-design_53876-144822.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "2023",
|
||||
title: "Founder, StartupXYZ",
|
||||
quote: "Increased our mobile engagement rates significantly.",
|
||||
tag: "Partner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-suit-standing-by-scooter_1303-11932.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-student-park-sits-bench-with-digital-tablet-pen-thinking-looking_1258-151492.jpg?_wi=2",
|
||||
imageAlt: "professional portrait man",
|
||||
},
|
||||
id: "t4", name: "David Kim", date: "2023", title: "Founder, StartupXYZ", quote: "Increased our mobile engagement rates significantly.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-suit-standing-by-scooter_1303-11932.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-student-park-sits-bench-with-digital-tablet-pen-thinking-looking_1258-151492.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia V.",
|
||||
date: "2024",
|
||||
title: "Operations",
|
||||
quote: "Mahdiyar is a master of accessibility-first design.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/electronic-accessibility-abstract-concept-vector-illustration-accessibility-websites-electronic-device-disabled-people-communication-technology-adjustable-web-pages-abstract-metaphor_335657-1917.jpg?_wi=2",
|
||||
imageAlt: "professional portrait man",
|
||||
},
|
||||
id: "t5", name: "Julia V.", date: "2024", title: "Operations", quote: "Mahdiyar is a master of accessibility-first design.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageSrc: "http://img.b2bpic.net/free-vector/electronic-accessibility-abstract-concept-vector-illustration-accessibility-websites-electronic-device-disabled-people-communication-technology-adjustable-web-pages-abstract-metaphor_335657-1917.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Don't just take my word for it—hear from the partners I've collaborated with."
|
||||
@@ -263,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your primary design tool?",
|
||||
content: "I primarily work with Figma for high-fidelity prototyping and design systems.",
|
||||
},
|
||||
id: "q1", title: "What is your primary design tool?", content: "I primarily work with Figma for high-fidelity prototyping and design systems."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, I am fully equipped for global remote collaboration via Zoom and Slack.",
|
||||
},
|
||||
id: "q2", title: "Do you work remotely?", content: "Yes, I am fully equipped for global remote collaboration via Zoom and Slack."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's your typical process?",
|
||||
content: "Discovery -> Research -> Wireframing -> Prototyping -> Testing -> Handoff.",
|
||||
},
|
||||
id: "q3", title: "What's your typical process?", content: "Discovery -> Research -> Wireframing -> Prototyping -> Testing -> Handoff."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions regarding my design process and collaboration styles."
|
||||
@@ -291,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to transform your digital presence? Let's talk design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email me now",
|
||||
href: "mailto:hello@mahdiyarkavosi.com",
|
||||
},
|
||||
text: "Email me now", href: "mailto:hello@mahdiyarkavosi.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,25 +192,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Portfolio", href: "#work"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user