bender/dd7da23b-a81d-41e5-863a-2dd8744061c7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-03 08:22:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +50 -207
1 changed files with 50 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
src/app/page.tsx
View File

@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Work",
id: "#work",
},
name: "Work", id: "#work"},
{
name: "Results",
id: "#results",
},
name: "Results", id: "#results"},
{
name: "Clients",
id: "#clients",
},
name: "Clients", id: "#clients"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Bardia Karimi"
/>
@@ -69,42 +55,27 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Design That Drives Results for Your Brand"
description="Strategic design solutions tailored to elevate your business. From concept to launch, I deliver work that converts."
buttons={[
{
text: "View My Work",
href: "#work",
},
text: "View My Work", href: "#work"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg?_wi=1",
imageAlt: "Modern web design interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg", imageAlt: "Modern web design interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/manufacture-production-industry-ideas-concept_53876-132214.jpg?_wi=1",
imageAlt: "Clean graphic design presentation",
},
imageSrc: "http://img.b2bpic.net/free-photo/manufacture-production-industry-ideas-concept_53876-132214.jpg", imageAlt: "Clean graphic design presentation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998674.jpg?_wi=1",
imageAlt: "Professional design portfolio mockup",
},
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-futuristic-style_23-2150998674.jpg", imageAlt: "Professional design portfolio mockup"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg",
imageAlt: "Contemporary brand design elements",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg", imageAlt: "Contemporary brand design elements"},
{
imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg",
imageAlt: "Elegant website design showcase",
},
imageSrc: "http://img.b2bpic.net/free-photo/ideas-strategy-action-design-vision-plan-concept_53876-121098.jpg", imageAlt: "Elegant website design showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120920.jpg",
imageAlt: "Sophisticated UI components",
},
imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120920.jpg", imageAlt: "Sophisticated UI components"},
]}
mediaAnimation="slide-up"
/>
@@ -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() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to Transform Your Brand?"
buttons={[
{
text: "Get In Touch",
href: "mailto:bardia.karimi@example.com",
},
text: "Get In Touch", href: "mailto:bardia.karimi@example.com"},
]}
/>
</div>
@@ -401,13 +248,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Bardia Karimi"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>