Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -40,9 +40,7 @@ export default function HomePage() {
|
||||
brandName="Mahsa Delavari"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "View My Work",
|
||||
href: "/work",
|
||||
}}
|
||||
text: "View My Work", href: "/work"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -51,7 +49,7 @@ export default function HomePage() {
|
||||
<HeroSplitKpi
|
||||
title="Intuitive Digital Products Through Research-Driven Design"
|
||||
description="I transform complex requirements into user-centered experiences using research, testing, and iterative design. 5 years designing web and mobile applications that solve real problems."
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "5+", label: "Years Experience" },
|
||||
{ value: "4", label: "Enterprise Projects" },
|
||||
@@ -96,49 +94,13 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Map Application",
|
||||
title: "Routaa Map Application: Redesigning Location Discovery",
|
||||
excerpt: "User research revealed 40% task failure rate. Through iterative testing and redesign, we improved discoverability by 65% and reduced cognitive load.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg?_wi=1",
|
||||
imageAlt: "Routaa Map Application",
|
||||
authorName: "Mahsa Delavari",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
date: "Case Study",
|
||||
},
|
||||
id: "1", category: "Map Application", title: "Routaa Map Application: Redesigning Location Discovery", excerpt: "User research revealed 40% task failure rate. Through iterative testing and redesign, we improved discoverability by 65% and reduced cognitive load.", imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-interface_23-2148690779.jpg", imageAlt: "Routaa Map Application", authorName: "Mahsa Delavari", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", date: "Case Study"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Dashboard Design",
|
||||
title: "Shasta Index Dashboard: Enterprise Data Visualization",
|
||||
excerpt: "Transformed complex data analytics into intuitive visualizations. Enhanced data comprehension by 78% and reduced reporting time by 3 hours per week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1",
|
||||
imageAlt: "Shasta Index Dashboard",
|
||||
authorName: "Mahsa Delavari",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
date: "Case Study",
|
||||
},
|
||||
id: "2", category: "Dashboard Design", title: "Shasta Index Dashboard: Enterprise Data Visualization", excerpt: "Transformed complex data analytics into intuitive visualizations. Enhanced data comprehension by 78% and reduced reporting time by 3 hours per week.", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "Shasta Index Dashboard", authorName: "Mahsa Delavari", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", date: "Case Study"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Management Panel",
|
||||
title: "Business Management Panel: Workflow Optimization",
|
||||
excerpt: "Redesigned admin interface to streamline operations. User efficiency increased by 52% and support tickets decreased by 35% within 3 months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1",
|
||||
imageAlt: "Business Management Panel",
|
||||
authorName: "Mahsa Delavari",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
date: "Case Study",
|
||||
},
|
||||
id: "3", category: "Management Panel", title: "Business Management Panel: Workflow Optimization", excerpt: "Redesigned admin interface to streamline operations. User efficiency increased by 52% and support tickets decreased by 35% within 3 months.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Business Management Panel", authorName: "Mahsa Delavari", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", date: "Case Study"},
|
||||
{
|
||||
id: "4",
|
||||
category: "HSE Dashboard",
|
||||
title: "HSE Dashboard: Safety-Critical Interface Design",
|
||||
excerpt: "Designed critical safety monitoring system. Reduced incident reporting time from 45 minutes to 8 minutes while maintaining 100% data accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg?_wi=1",
|
||||
imageAlt: "HSE Dashboard",
|
||||
authorName: "Mahsa Delavari",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
date: "Case Study",
|
||||
},
|
||||
id: "4", category: "HSE Dashboard", title: "HSE Dashboard: Safety-Critical Interface Design", excerpt: "Designed critical safety monitoring system. Reduced incident reporting time from 45 minutes to 8 minutes while maintaining 100% data accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "HSE Dashboard", authorName: "Mahsa Delavari", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", date: "Case Study"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
buttons={[{ text: "Explore All Projects", href: "/work" }]}
|
||||
@@ -158,59 +120,23 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "Product Manager, TechFlow",
|
||||
testimonial: "Mahsa's research methodology transformed our understanding of user needs. Her design solutions resulted in 45% improvement in user retention within 6 months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/women-avatar-collection_24908-60285.jpg?_wi=1",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", handle: "Product Manager, TechFlow", testimonial: "Mahsa's research methodology transformed our understanding of user needs. Her design solutions resulted in 45% improvement in user retention within 6 months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/women-avatar-collection_24908-60285.jpg", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Rodriguez",
|
||||
handle: "Design Lead, Innovate Inc",
|
||||
testimonial: "Exceptional ability to translate complex requirements into intuitive interfaces. Mahsa's attention to detail and user-centered approach sets her apart.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "James Rodriguez",
|
||||
},
|
||||
id: "2", name: "James Rodriguez", handle: "Design Lead, Innovate Inc", testimonial: "Exceptional ability to translate complex requirements into intuitive interfaces. Mahsa's attention to detail and user-centered approach sets her apart.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Thompson",
|
||||
handle: "CEO, StartupXYZ",
|
||||
testimonial: "Mahsa delivered a dashboard that not only looks beautiful but significantly improved team productivity. Her collaborative approach made the entire process seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
|
||||
imageAlt: "Emma Thompson",
|
||||
},
|
||||
id: "3", name: "Emma Thompson", handle: "CEO, StartupXYZ", testimonial: "Mahsa delivered a dashboard that not only looks beautiful but significantly improved team productivity. Her collaborative approach made the entire process seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emma Thompson"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Park",
|
||||
handle: "CTO, CloudSync",
|
||||
testimonial: "Her expertise in enterprise design and ability to balance aesthetics with functionality is remarkable. Highly recommended for any complex product challenge.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-overtime_1098-15812.jpg",
|
||||
imageAlt: "Michael Park",
|
||||
},
|
||||
id: "4", name: "Michael Park", handle: "CTO, CloudSync", testimonial: "Her expertise in enterprise design and ability to balance aesthetics with functionality is remarkable. Highly recommended for any complex product challenge.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-overtime_1098-15812.jpg", imageAlt: "Michael Park"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
handle: "UX Researcher, DesignCo",
|
||||
testimonial: "Mahsa bridges the gap between research and design execution beautifully. Her data-driven approach ensures solutions are both innovative and validated.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg",
|
||||
imageAlt: "Lisa Anderson",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", handle: "UX Researcher, DesignCo", testimonial: "Mahsa bridges the gap between research and design execution beautifully. Her data-driven approach ensures solutions are both innovative and validated.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-entrepreneur-standing-looking-camera-crossing-arms-smiling_482257-5018.jpg", imageAlt: "Lisa Anderson"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Kim",
|
||||
handle: "Stakeholder, Enterprise Corp",
|
||||
testimonial: "Invested in Mahsa's UX services for our critical systems. The ROI was immediate - better workflows, happier users, and measurable business impact.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147550810.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "6", name: "David Kim", handle: "Stakeholder, Enterprise Corp", testimonial: "Invested in Mahsa's UX services for our critical systems. The ROI was immediate - better workflows, happier users, and measurable business impact.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-team-avatar-collection-flat-design_23-2147550810.jpg", imageAlt: "David Kim"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,35 +154,17 @@ export default function HomePage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your design process?",
|
||||
content: "I follow a structured research-driven approach: Discovery & Research → User Interviews & Testing → Wireframing & Prototyping → Iterative Design → Validation & Refinement. Each phase includes stakeholder feedback and measurable metrics to ensure alignment with business goals.",
|
||||
},
|
||||
id: "1", title: "What is your design process?", content: "I follow a structured research-driven approach: Discovery & Research → User Interviews & Testing → Wireframing & Prototyping → Iterative Design → Validation & Refinement. Each phase includes stakeholder feedback and measurable metrics to ensure alignment with business goals."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What types of projects do you specialize in?",
|
||||
content: "I specialize in enterprise dashboards, location-based applications, business management systems, and safety-critical interfaces. My expertise spans web and mobile design with a focus on complex data visualization and user workflow optimization.",
|
||||
},
|
||||
id: "2", title: "What types of projects do you specialize in?", content: "I specialize in enterprise dashboards, location-based applications, business management systems, and safety-critical interfaces. My expertise spans web and mobile design with a focus on complex data visualization and user workflow optimization."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do you measure design success?",
|
||||
content: "I establish clear KPIs at project start: task completion rates, time-on-task reduction, user satisfaction scores, and business metrics. Post-launch, I conduct usability testing and analyze user behavior data to continuously refine and improve the design.",
|
||||
},
|
||||
id: "3", title: "How do you measure design success?", content: "I establish clear KPIs at project start: task completion rates, time-on-task reduction, user satisfaction scores, and business metrics. Post-launch, I conduct usability testing and analyze user behavior data to continuously refine and improve the design."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What tools and technologies do you use?",
|
||||
content: "Figma for design and prototyping, UserTesting for research, Maze for remote testing, Adobe Creative Suite for assets, and design systems documentation. I'm also proficient with design handoff tools and collaboration platforms.",
|
||||
},
|
||||
id: "4", title: "What tools and technologies do you use?", content: "Figma for design and prototyping, UserTesting for research, Maze for remote testing, Adobe Creative Suite for assets, and design systems documentation. I'm also proficient with design handoff tools and collaboration platforms."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you work with remote teams?",
|
||||
content: "Yes, I work effectively with distributed teams across multiple time zones. I utilize collaboration tools like Figma, Slack, and Asana to ensure seamless communication and project tracking throughout the design process.",
|
||||
},
|
||||
id: "5", title: "Do you work with remote teams?", content: "Yes, I work effectively with distributed teams across multiple time zones. I utilize collaboration tools like Figma, Slack, and Asana to ensure seamless communication and project tracking throughout the design process."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Project timeline varies: discovery & research (2-4 weeks) → design & prototyping (3-6 weeks) → testing & iteration (2-4 weeks). Most enterprise projects take 8-14 weeks from kick-off to handoff, depending on complexity and scope.",
|
||||
},
|
||||
id: "6", title: "How long does a typical project take?", content: "Project timeline varies: discovery & research (2-4 weeks) → design & prototyping (3-6 weeks) → testing & iteration (2-4 weeks). Most enterprise projects take 8-14 weeks from kick-off to handoff, depending on complexity and scope."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,13 +180,11 @@ export default function HomePage() {
|
||||
{ name: "subject", type: "text", placeholder: "Subject", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your project or inquiry...",
|
||||
rows: 6,
|
||||
name: "message", placeholder: "Tell me about your project or inquiry...", rows: 6,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-using-devices-workplace_1301-710.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-using-devices-workplace_1301-710.jpg"
|
||||
imageAlt="Contact Section Visual"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -293,8 +199,7 @@ export default function HomePage() {
|
||||
logoText="Mahsa Delavari"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Case Studies", href: "/work" },
|
||||
{ label: "About", href: "/about" },
|
||||
@@ -302,24 +207,21 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "mailto:mahsadelavari1995@gmail.com" },
|
||||
{ label: "Phone", href: "tel:+64221234278" },
|
||||
{ label: "Auckland, NZ", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Dribbble", href: "https://dribbble.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Design Articles", href: "#" },
|
||||
{ label: "UX Process", href: "#" },
|
||||
{ label: "Design System", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user