|
|
|
@@ -46,11 +46,14 @@ export default function LandingPage() {
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", alt: "Client testimonial"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", alt: "Client testimonial"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", alt: "Client testimonial"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", alt: "Client testimonial"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", alt: "Client testimonial"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg", alt: "Client testimonial"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
avatarText="Trusted by 50+ companies worldwide"
|
|
|
|
avatarText="Trusted by 50+ companies worldwide"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
@@ -63,7 +66,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<AboutMetric
|
|
|
|
<AboutMetric
|
|
|
|
title="10+ years of experience transforming business goals into intuitive, user-centered digital products that drive measurable results and customer satisfaction"
|
|
|
|
title="Transforming Business Goals into Digital Results"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
@@ -86,11 +89,14 @@ export default function LandingPage() {
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "SaaS Dashboard Redesign", price: "Analytics Platform", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=1", imageAlt: "SaaS dashboard interface redesign"},
|
|
|
|
id: "1", name: "SaaS Dashboard Redesign", price: "Analytics Platform", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=1", imageAlt: "SaaS dashboard interface redesign"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Mobile App Design System", price: "Fintech Application", imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5157.jpg?_wi=1", imageAlt: "Mobile application design system"},
|
|
|
|
id: "2", name: "Mobile App Design System", price: "Fintech Application", imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5157.jpg?_wi=1", imageAlt: "Mobile application design system"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "E-Commerce Platform", price: "Retail Experience", imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-design-template_23-2149567524.jpg", imageAlt: "E-commerce platform design"},
|
|
|
|
id: "3", name: "E-Commerce Platform", price: "Retail Experience", imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-design-template_23-2149567524.jpg", imageAlt: "E-commerce platform design"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -105,13 +111,16 @@ export default function LandingPage() {
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
id: 1,
|
|
|
|
tag: "Design", title: "UX/UI Design", subtitle: "User-centered design thinking", description: "Creating intuitive interfaces that solve real user problems. Expertise in wireframing, prototyping, user testing, and iterative design processes across web and mobile platforms.", imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg"},
|
|
|
|
tag: "Design", title: "UX/UI Design", subtitle: "User-centered design thinking", description: "Creating intuitive interfaces that solve real user problems. Expertise in wireframing, prototyping, user testing, and iterative design processes across web and mobile platforms.", imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
tag: "Systems", title: "Design Systems", subtitle: "Scalable, consistent solutions", description: "Building comprehensive design systems and component libraries that enable teams to work faster and maintain consistency across products. Strong experience with Figma and design documentation.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-25042.jpg"},
|
|
|
|
tag: "Systems", title: "Design Systems", subtitle: "Scalable, consistent solutions", description: "Building comprehensive design systems and component libraries that enable teams to work faster and maintain consistency across products. Strong experience with Figma and design documentation.", imageSrc: "http://img.b2bpic.net/free-vector/website-design-proposal-template-design_742173-25042.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
id: 3,
|
|
|
|
tag: "Research", title: "User Research", subtitle: "Data-driven decisions", description: "Conducting user interviews, usability tests, and analytics research to inform design decisions. Translating research insights into actionable design improvements.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-note-brick-wall_53876-31266.jpg"},
|
|
|
|
tag: "Research", title: "User Research", subtitle: "Data-driven decisions", description: "Conducting user interviews, usability tests, and analytics research to inform design decisions. Translating research insights into actionable design improvements.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-note-brick-wall_53876-31266.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -125,9 +134,11 @@ export default function LandingPage() {
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", value: "45%", title: "Conversion Increase", description: "Average uplift across redesigned platforms", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=2", imageAlt: "Conversion metrics"},
|
|
|
|
id: "1", value: "45%", title: "Conversion Increase", description: "Average uplift across redesigned platforms", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=2", imageAlt: "Conversion metrics"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", value: "2.3M+", title: "Users Impacted", description: "Direct users of designed products", imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5157.jpg?_wi=2", imageAlt: "Users impacted"},
|
|
|
|
id: "2", value: "2.3M+", title: "Users Impacted", description: "Direct users of designed products", imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5157.jpg?_wi=2", imageAlt: "Users impacted"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -136,13 +147,17 @@ export default function LandingPage() {
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Chen"},
|
|
|
|
id: "1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Chen"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Rodriguez"},
|
|
|
|
id: "2", name: "Michael Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Rodriguez"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Emma Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Emma Thompson"},
|
|
|
|
id: "3", name: "Emma Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Emma Thompson"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "James Wilson"},
|
|
|
|
id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "James Wilson"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
cardTitle="Trusted by leading companies and innovative teams who value design excellence and user-focused solutions"
|
|
|
|
cardTitle="Trusted by leading companies and innovative teams who value design excellence and user-focused solutions"
|
|
|
|
cardTag="Client Stories"
|
|
|
|
cardTag="Client Stories"
|
|
|
|
@@ -158,8 +173,8 @@ export default function LandingPage() {
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Start a Project", href: "https://example.com/contact" },
|
|
|
|
{ text: "Book a Design Consultation", href: "https://example.com/contact" },
|
|
|
|
{ text: "Schedule a Call", href: "https://calendly.com/example" },
|
|
|
|
{ text: "Get Started", href: "https://calendly.com/example" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
