From ab2b0965a12d82d6ea43f298abcc5ff49706729a Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 08:22:15 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 257 +++++++++-------------------------------------- 1 file changed, 50 insertions(+), 207 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 60b8d1b..ab233a2 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,33 +34,19 @@ export default function LandingPage() { @@ -69,42 +55,27 @@ export default function LandingPage() {
@@ -131,46 +102,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Discovery & Strategy", - description: "We dive deep into your brand, goals, and target audience to lay a solid foundation for design that resonates.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/smartphone-isolated-white-background_187299-46825.jpg", - imageAlt: "Discovery phase wireframe", - }, + title: "Discovery & Strategy", description: "We dive deep into your brand, goals, and target audience to lay a solid foundation for design that resonates.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/smartphone-isolated-white-background_187299-46825.jpg", imageAlt: "Discovery phase wireframe"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150498015.jpg", - imageAlt: "Strategy data visualization", - }, - imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg?_wi=2", - imageAlt: "phone mockup clean UI design", + imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150498015.jpg", imageAlt: "Strategy data visualization"}, }, { - title: "Concept & Prototyping", - description: "Ideas come to life through wireframes, mockups, and interactive prototypes, allowing for early feedback and refinement.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/black-friday-concept-with-smartphone-cart-board_23-2147695916.jpg", - imageAlt: "Prototyping phase e-commerce UI", - }, + title: "Concept & Prototyping", description: "Ideas come to life through wireframes, mockups, and interactive prototypes, allowing for early feedback and refinement.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/black-friday-concept-with-smartphone-cart-board_23-2147695916.jpg", imageAlt: "Prototyping phase e-commerce UI"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321873.jpg", - imageAlt: "Concept iteration mobile checkout", - }, - imageSrc: "http://img.b2bpic.net/free-photo/manufacture-production-industry-ideas-concept_53876-132214.jpg?_wi=2", - imageAlt: "phone mockup clean UI design", + imageSrc: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321873.jpg", imageAlt: "Concept iteration mobile checkout"}, }, { - title: "Development & Launch", - description: "Seamless collaboration with developers ensures design integrity, followed by a meticulous launch and ongoing support.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-mobile-with-applications_1134-126.jpg", - imageAlt: "Development phase social app UI", - }, + title: "Development & Launch", description: "Seamless collaboration with developers ensures design integrity, followed by a meticulous launch and ongoing support.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-mobile-with-applications_1134-126.jpg", imageAlt: "Development phase social app UI"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-smartphone_23-2148708802.jpg", - imageAlt: "Launch preparation messaging app", - }, - imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998674.jpg?_wi=2", - imageAlt: "phone mockup clean UI design", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-smartphone_23-2148708802.jpg", imageAlt: "Launch preparation messaging app"}, }, ]} showStepNumbers={true} @@ -187,47 +134,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "project-1", - name: "Fintech Dashboard UI/UX", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", - imageAlt: "Fintech dashboard user interface", - }, + id: "project-1", name: "Fintech Dashboard UI/UX", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", imageAlt: "Fintech dashboard user interface"}, { - id: "project-2", - name: "E-commerce Branding & Packaging", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-skincare-product-with-gold-accents-gift-box_187299-47430.jpg", - imageAlt: "E-commerce product branding and packaging", - }, + id: "project-2", name: "E-commerce Branding & Packaging", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skincare-product-with-gold-accents-gift-box_187299-47430.jpg", imageAlt: "E-commerce product branding and packaging"}, { - id: "project-3", - name: "Fitness Mobile App Redesign", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-say-hello-smartphone-wave-mobile-phone-while-doing-meditation-online_1258-198603.jpg", - imageAlt: "Fitness mobile application redesign", - }, + id: "project-3", name: "Fitness Mobile App Redesign", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-say-hello-smartphone-wave-mobile-phone-while-doing-meditation-online_1258-198603.jpg", imageAlt: "Fitness mobile application redesign"}, { - id: "project-4", - name: "Food Delivery Platform UX", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336598.jpg", - imageAlt: "Food delivery platform user experience", - }, + id: "project-4", name: "Food Delivery Platform UX", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336598.jpg", imageAlt: "Food delivery platform user experience"}, { - id: "project-5", - name: "SaaS Product Interface", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", - imageAlt: "SaaS product user interface", - }, + id: "project-5", name: "SaaS Product Interface", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "SaaS product user interface"}, { - id: "project-6", - name: "Event Management Website", - price: "View Case Study", - imageSrc: "http://img.b2bpic.net/free-psd/music-template-design_23-2150882498.jpg", - imageAlt: "Event management website design", - }, + id: "project-6", name: "Event Management Website", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-psd/music-template-design_23-2150882498.jpg", imageAlt: "Event management website design"}, ]} title="My Portfolio: Design That Delivers" description="Explore a selection of my recent projects demonstrating a commitment to impactful design across various industries and platforms." @@ -242,25 +159,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "metric-1", - value: "35%", - description: "Average increase in user engagement for clients.", - }, + id: "metric-1", value: "35%", description: "Average increase in user engagement for clients."}, { - id: "metric-2", - value: "20%", - description: "Conversion rate uplift across various platforms.", - }, + id: "metric-2", value: "20%", description: "Conversion rate uplift across various platforms."}, { - id: "metric-3", - value: "95%", - description: "Client satisfaction score on completed projects.", - }, + id: "metric-3", value: "95%", description: "Client satisfaction score on completed projects."}, { - id: "metric-4", - value: "2M+", - description: "Users impacted by my UI/UX designs annually.", - }, + id: "metric-4", value: "2M+", description: "Users impacted by my UI/UX designs annually."}, ]} title="Measurable Impact, Real Results" description="My designs don't just look good; they're engineered to drive key performance indicators and contribute directly to your business's success." @@ -274,45 +179,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "test-1", - name: "Sophia Rodriguez", - role: "CEO, InnovateCo", - testimonial: "\"Bardia's design brought our vision to life with incredible precision. The new platform is intuitive, beautiful, and has significantly boosted our user retention.\"", - imageSrc: "http://img.b2bpic.net/free-photo/ambitious-handsome-young-stylish-mature-male-with-beard-big-blue-eyes-smiling-excited-pleased-grin-standing-trendy-suit-gray-wall-waiting-chance-show-skills-gray-wall_176420-22711.jpg", - imageAlt: "Sophia Rodriguez", - }, + id: "test-1", name: "Sophia Rodriguez", role: "CEO, InnovateCo", testimonial: "\"Bardia's design brought our vision to life with incredible precision. The new platform is intuitive, beautiful, and has significantly boosted our user retention.\"", imageSrc: "http://img.b2bpic.net/free-photo/ambitious-handsome-young-stylish-mature-male-with-beard-big-blue-eyes-smiling-excited-pleased-grin-standing-trendy-suit-gray-wall-waiting-chance-show-skills-gray-wall_176420-22711.jpg", imageAlt: "Sophia Rodriguez"}, { - id: "test-2", - name: "Michael Chen", - role: "Founder, Growthify", - testimonial: "\"Working with Bardia was a game-changer. He understood our needs deeply and delivered a brand identity that truly captures our essence and attracts our target market.\"", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", - imageAlt: "Michael Chen", - }, + id: "test-2", name: "Michael Chen", role: "Founder, Growthify", testimonial: "\"Working with Bardia was a game-changer. He understood our needs deeply and delivered a brand identity that truly captures our essence and attracts our target market.\"", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Michael Chen"}, { - id: "test-3", - name: "Emily Watson", - role: "Marketing Director, AuraTech", - testimonial: "\"The website redesign led by Bardia was seamless and professional. The user experience is vastly improved, and our conversion rates have seen a remarkable increase.\"", - imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45551.jpg", - imageAlt: "Emily Watson", - }, + id: "test-3", name: "Emily Watson", role: "Marketing Director, AuraTech", testimonial: "\"The website redesign led by Bardia was seamless and professional. The user experience is vastly improved, and our conversion rates have seen a remarkable increase.\"", imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45551.jpg", imageAlt: "Emily Watson"}, { - id: "test-4", - name: "David Lee", - role: "Head of Product, Synergy Labs", - testimonial: "\"Bardia has an exceptional ability to blend creativity with functionality. His UI/UX expertise transformed our complex application into a delight for users.\"", - imageSrc: "http://img.b2bpic.net/free-photo/contemplating-about-crime-details_1098-15367.jpg", - imageAlt: "David Lee", - }, + id: "test-4", name: "David Lee", role: "Head of Product, Synergy Labs", testimonial: "\"Bardia has an exceptional ability to blend creativity with functionality. His UI/UX expertise transformed our complex application into a delight for users.\"", imageSrc: "http://img.b2bpic.net/free-photo/contemplating-about-crime-details_1098-15367.jpg", imageAlt: "David Lee"}, { - id: "test-5", - name: "Olivia Kim", - role: "Creative Lead, NextGen Agency", - testimonial: "\"As a fellow designer, I'm consistently impressed by Bardia's attention to detail and his strategic approach to problem-solving through design. A true professional.\"", - imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", - imageAlt: "Olivia Kim", - }, + id: "test-5", name: "Olivia Kim", role: "Creative Lead, NextGen Agency", testimonial: "\"As a fellow designer, I'm consistently impressed by Bardia's attention to detail and his strategic approach to problem-solving through design. A true professional.\"", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", imageAlt: "Olivia Kim"}, ]} title="What Clients Say" description="Hear directly from businesses and founders who have experienced the strategic impact of my design work." @@ -324,14 +199,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "InnovateCo", - "Growthify", - "AuraTech", - "Synergy Labs", - "NextGen Agency", - "Digital Dynamics", - "FutureFoundry", - ]} + "InnovateCo", "Growthify", "AuraTech", "Synergy Labs", "NextGen Agency", "Digital Dynamics", "FutureFoundry"]} title="Trusted by Visionary Brands" description="I've had the privilege to partner with diverse businesses, helping them achieve their objectives through strategic design." speed={50} @@ -345,35 +213,17 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "What types of design services do you offer?", - content: "I offer a comprehensive range of design services including UI/UX design, brand identity development, website design, mobile app design, and graphic design for marketing materials.", - }, + id: "faq-1", title: "What types of design services do you offer?", content: "I offer a comprehensive range of design services including UI/UX design, brand identity development, website design, mobile app design, and graphic design for marketing materials."}, { - id: "faq-2", - title: "What is your typical design process?", - content: "My process involves Discovery & Strategy, Concept & Prototyping, and finally Development & Launch. Each phase is collaborative, ensuring your vision is met with strategic design solutions.", - }, + id: "faq-2", title: "What is your typical design process?", content: "My process involves Discovery & Strategy, Concept & Prototyping, and finally Development & Launch. Each phase is collaborative, ensuring your vision is met with strategic design solutions."}, { - id: "faq-3", - title: "How do you ensure projects are delivered on time and budget?", - content: "I use clear project timelines, regular communication, and transparent budgeting. Any changes or potential delays are communicated promptly, ensuring no surprises.", - }, + id: "faq-3", title: "How do you ensure projects are delivered on time and budget?", content: "I use clear project timelines, regular communication, and transparent budgeting. Any changes or potential delays are communicated promptly, ensuring no surprises."}, { - id: "faq-4", - title: "Can you work with existing brands or only new ones?", - content: "I work with both. Whether you need a complete brand overhaul, a refresh of existing assets, or design for a brand new venture, I adapt my approach to your specific needs.", - }, + id: "faq-4", title: "Can you work with existing brands or only new ones?", content: "I work with both. Whether you need a complete brand overhaul, a refresh of existing assets, or design for a brand new venture, I adapt my approach to your specific needs."}, { - id: "faq-5", - title: "What tools and software do you use?", - content: "I am proficient in industry-standard tools like Figma, Adobe Creative Suite (Illustrator, Photoshop, InDesign), Sketch, and various prototyping tools to deliver high-quality design assets.", - }, + id: "faq-5", title: "What tools and software do you use?", content: "I am proficient in industry-standard tools like Figma, Adobe Creative Suite (Illustrator, Photoshop, InDesign), Sketch, and various prototyping tools to deliver high-quality design assets."}, { - id: "faq-6", - title: "How do we get started on a project?", - content: "Simply reach out via the contact form or email. We'll schedule a discovery call to discuss your project, goals, and how my design services can best support your vision. I look forward to hearing from you!", - }, + id: "faq-6", title: "How do we get started on a project?", content: "Simply reach out via the contact form or email. We'll schedule a discovery call to discuss your project, goals, and how my design services can best support your vision. I look forward to hearing from you!"}, ]} title="Questions You Might Have" description="Find answers to common inquiries about my design services, process, and collaboration approach." @@ -385,14 +235,11 @@ export default function LandingPage() {
@@ -401,13 +248,9 @@ export default function LandingPage() { -- 2.49.1