Compare commits
22 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8c8f5862cb | |||
| 4fc4c70324 | |||
| 7a4dc303e3 | |||
| ec53bd7c87 | |||
| 435e93ba14 | |||
| 09b9e6a1ee | |||
| 9b03f9b119 | |||
| de4706f7bb | |||
| d9119dd708 | |||
| 6079c47ec2 | |||
| 73b7dccada | |||
| 1484077af1 | |||
| 33e16b2e05 | |||
| 99c1640e40 | |||
| c942085353 | |||
| 5fcb56315e | |||
| 913f58c318 | |||
| 8554a5b6a2 | |||
| 78bb31c1ad | |||
| 1180ecada7 | |||
| d824dd3080 | |||
| 60b3a14693 |
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
|||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="mediumSmall"
|
contentWidth="mediumSmall"
|
||||||
sizing="mediumLarge"
|
sizing="mediumLarge"
|
||||||
background="noiseDiagonalGradient"
|
background="none"
|
||||||
cardStyle="soft-shadow"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="flat"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="radial-glow"
|
||||||
@@ -32,17 +32,17 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
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: "Clients", id: "#clients"},
|
name: "Clients", id: "clients"},
|
||||||
{
|
{
|
||||||
name: "Testimonials", id: "#testimonials"},
|
name: "Testimonials", id: "testimonials"},
|
||||||
{
|
{
|
||||||
name: "Contact", id: "#contact"},
|
name: "Contact", id: "contact"},
|
||||||
]}
|
]}
|
||||||
brandName="My Portfolio"
|
brandName="My Portfolio"
|
||||||
/>
|
/>
|
||||||
@@ -88,19 +88,19 @@ export default function LandingPage() {
|
|||||||
avatarText="Trusted by 100+ clients "
|
avatarText="Trusted by 100+ clients "
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon", text: "Innovation", icon: Sparkles,
|
type: "text-icon", text: "Innovation", icon: Sparkles
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon", text: "Efficiency", icon: Gauge,
|
type: "text-icon", text: "Efficiency", icon: Gauge
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon", text: "User Experience", icon: Monitor,
|
type: "text-icon", text: "User Experience", icon: Monitor
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon", text: "Scalability", icon: TrendingUp,
|
type: "text-icon", text: "Scalability", icon: TrendingUp
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon", text: "Performance", icon: Zap,
|
type: "text-icon", text: "Performance", icon: Zap
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
marqueeSpeed={40}
|
marqueeSpeed={40}
|
||||||
@@ -126,13 +126,13 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1", value: "100+", title: "Successful Projects", description: "Delivering exceptional web experiences for diverse clients.", icon: CheckCircle,
|
id: "m1", value: "100+", title: "Successful Projects", description: "Delivering exceptional web experiences for diverse clients.", icon: CheckCircle
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2", value: "98%", title: "Client Satisfaction", description: "Building strong relationships through reliable and impactful work.", icon: Star,
|
id: "m2", value: "98%", title: "Client Satisfaction", description: "Building strong relationships through reliable and impactful work.", icon: Star
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3", value: "+30%", title: "Average Conversion Lift", description: "Optimizing designs and user flows for measurable growth.", icon: TrendingUp,
|
id: "m3", value: "+30%", title: "Average Conversion Lift", description: "Optimizing designs and user flows for measurable growth.", icon: TrendingUp
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="My Impact, Quantified"
|
title="My Impact, Quantified"
|
||||||
@@ -148,22 +148,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1", brand: "Tech Solutions", name: "AI SaaS Platform", price: "View Case Study", rating: 5,
|
id: "p1", brand: "", name: "Automotive Project ", price: "", rating: 5,
|
||||||
reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134678368-5c2qrpas.png", imageAlt: "AI SaaS Platform Dashboard"},
|
reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134678368-5c2qrpas.png", imageAlt: "AI SaaS Platform Dashboard"},
|
||||||
{
|
{
|
||||||
id: "p2", brand: "Global Ventures", name: "Corporate Redesign", price: "View Case Study", rating: 5,
|
id: "p2", brand: "", name: "Automotive Project ", price: "", rating: 5,
|
||||||
reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134469186-xp7xy5lm.png", imageAlt: "Corporate Website Homepage"},
|
reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134469186-xp7xy5lm.png", imageAlt: "Corporate Website Homepage"},
|
||||||
{
|
{
|
||||||
id: "p3", brand: "E-Learning Hub", name: "Online Course Portal", price: "View Case Study", rating: 4,
|
id: "p3", brand: "", name: "Autobody project ", price: "", rating: 4,
|
||||||
reviewCount: "30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134490666-z1gftx3q.png", imageAlt: "Online Course Platform UI"},
|
reviewCount: "30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134490666-z1gftx3q.png", imageAlt: "Online Course Platform UI"},
|
||||||
{
|
{
|
||||||
id: "p4", brand: "Insight Blog", name: "Modern Content Hub", price: "View Case Study", rating: 5,
|
id: "p4", brand: "", name: "Autobody Project ", price: "", rating: 5,
|
||||||
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134511954-f922btm0.png", imageAlt: "Modern Blog Interface"},
|
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134511954-f922btm0.png", imageAlt: "Modern Blog Interface"},
|
||||||
{
|
{
|
||||||
id: "p5", brand: "Urban Living", name: "Real Estate Portal", price: "View Case Study", rating: 4,
|
id: "p5", brand: "", name: "Roofing Project ", price: "", rating: 4,
|
||||||
reviewCount: "22", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134662725-kuyphl0l.png", imageAlt: "Real Estate Listing Website"},
|
reviewCount: "22", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134662725-kuyphl0l.png", imageAlt: "Real Estate Listing Website"},
|
||||||
{
|
{
|
||||||
id: "p6", brand: "Gourmet Eats", name: "Restaurant Ordering Site", price: "View Case Study", rating: 5,
|
id: "p6", brand: "", name: "Roofing Project ", price: "", rating: 5,
|
||||||
reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134689001-yl8r30sw.png", imageAlt: "Restaurant Online Ordering"},
|
reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134689001-yl8r30sw.png", imageAlt: "Restaurant Online Ordering"},
|
||||||
]}
|
]}
|
||||||
title="Showcasing My Award-Winning Web Projects"
|
title="Showcasing My Award-Winning Web Projects"
|
||||||
@@ -177,15 +177,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Sarah Johnson", date: "March 2026", title: "Exceptional Vision & Execution", quote: "Working with [Your Name] was a game-changer for our online presence. Their ability to translate our vision into a high-performing website exceeded all expectations. We saw immediate improvements in user engagement and conversions.", tag: "SaaS Startup", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", avatarAlt: "Sarah Johnson avatar", imageSrc: "http://img.b2bpic.net/free-photo/wooden-workspace-design_1048-1772.jpg", imageAlt: "Team collaboration"},
|
id: "1", name: "Sarah Johnson", date: "April 2026", title: "Exceptional Vision & Execution", quote: "Working with Ibrahim was a game-changer for our online presence. Their ability to translate our vision into a high-performing website exceeded all expectations. We saw immediate improvements in user engagement and conversions.", tag: "SaaS Startup", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", avatarAlt: "Sarah Johnson avatar", imageSrc: "http://img.b2bpic.net/free-photo/wooden-workspace-design_1048-1772.jpg", imageAlt: "Team collaboration"},
|
||||||
{
|
{
|
||||||
id: "2", name: "Michael Chen", date: "February 2026", title: "Strategic Design Partner", quote: "[Your Name] is not just a designer; they're a strategic partner. Their insights into user experience and conversion optimization were invaluable. Our new platform is not only beautiful but incredibly effective.", tag: "Fintech Company", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", avatarAlt: "Michael Chen avatar", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Data analytics dashboard"},
|
id: "2", name: "Michael Chen", date: "February 2026", title: "Strategic Design Partner", quote: "Ibrahim is not just a designer; they're a strategic partner. Their insights into user experience and conversion optimization were invaluable. Our new platform is not only beautiful but incredibly effective.", tag: "Fintech Company", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", avatarAlt: "Michael Chen avatar", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Data analytics dashboard"},
|
||||||
{
|
{
|
||||||
id: "3", name: "Emily Rodriguez", date: "January 2026", title: "Flawless Execution", quote: "The attention to detail and commitment to quality from [Your Name] are truly remarkable. Our project was delivered on time, within budget, and with flawless execution. Highly recommended!", tag: "Marketing Agency", avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", avatarAlt: "Emily Rodriguez avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-desk_23-2149345216.jpg", imageAlt: "Creative brainstorming"},
|
id: "3", name: "Emily Rodriguez", date: "January 2026", title: "Flawless Execution", quote: "The attention to detail and commitment to quality from Ibrahim are truly remarkable. Our project was delivered on time, within budget, and with flawless execution. Highly recommended!", tag: "Marketing Agency", avatarSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", avatarAlt: "Emily Rodriguez avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-desk_23-2149345216.jpg", imageAlt: "Creative brainstorming"},
|
||||||
{
|
{
|
||||||
id: "4", name: "David Kim", date: "March 2026", title: "Beyond Expectations", quote: "I've worked with many developers, but [Your Name]'s dedication stands out. They went above and beyond to ensure every feature functioned perfectly and that the design was pixel-perfect. A true professional.", tag: "E-commerce Brand", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg", avatarAlt: "David Kim avatar", imageSrc: "http://img.b2bpic.net/free-photo/people-innovations-technology-businesspeople-studying-financial-data-touch-pad-pc-with-concentrated-look_273609-5536.jpg", imageAlt: "Developers coding"},
|
id: "4", name: "David Kim", date: "April 2026", title: "Beyond Expectations", quote: "I've worked with many developers, but Ibrahim's dedication stands out. They went above and beyond to ensure every feature functioned perfectly and that the design was pixel-perfect. A true professional.", tag: "E-commerce Brand", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg", avatarAlt: "David Kim avatar", imageSrc: "http://img.b2bpic.net/free-photo/people-innovations-technology-businesspeople-studying-financial-data-touch-pad-pc-with-concentrated-look_273609-5536.jpg", imageAlt: "Developers coding"},
|
||||||
{
|
{
|
||||||
id: "5", name: "Jessica Lee", date: "November 2023", title: "Transformative Results", quote: "Our old website was underperforming. [Your Name] transformed it into a modern, high-converting machine. The results speak for themselves: increased traffic, engagement, and sales!", tag: "Consulting Firm", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", avatarAlt: "Jessica Lee avatar", imageSrc: "http://img.b2bpic.net/free-photo/executives-greeting-each-other_1098-2853.jpg", imageAlt: "Business meeting"},
|
id: "5", name: "Jessica Lee", date: "May 2026 ", title: "Transformative Results", quote: "Our old website was underperforming. Ibrahim transformed it into a modern, high-converting machine. The results speak for themselves: increased traffic, engagement, and sales!", tag: "Consulting Firm", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", avatarAlt: "Jessica Lee avatar", imageSrc: "http://img.b2bpic.net/free-photo/executives-greeting-each-other_1098-2853.jpg", imageAlt: "Business meeting"},
|
||||||
]}
|
]}
|
||||||
title="What My Clients Say"
|
title="What My Clients Say"
|
||||||
description="Hear directly from clients who have experienced the impact of my design and development work."
|
description="Hear directly from clients who have experienced the impact of my design and development work."
|
||||||
@@ -212,7 +212,7 @@ export default function LandingPage() {
|
|||||||
variant: "plain"}}
|
variant: "plain"}}
|
||||||
tag="Let's Collaborate"
|
tag="Let's Collaborate"
|
||||||
title="Ready to Start Your Next Project?"
|
title="Ready to Start Your Next Project?"
|
||||||
description="Whether you have a specific vision or need help defining your digital strategy, I'm here to help. Reach out and let's discuss how I can elevate your online presence."
|
description="Whether you have a specific vision or need help defining your digital strategy, I'm here to help. Reach out and let's discuss how I can elevate your online presence. You can also email me directly at ibkhen99@gmail.com."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-smartphone-text-with-chat-bubbles_23-2151989429.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/woman-using-smartphone-text-with-chat-bubbles_23-2151989429.jpg"
|
||||||
imageAlt="Person working at a desk"
|
imageAlt="Person working at a desk"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -236,7 +236,7 @@ export default function LandingPage() {
|
|||||||
label: "UI/UX Strategy", href: "#about"},
|
label: "UI/UX Strategy", href: "#about"},
|
||||||
{
|
{
|
||||||
label: "Consulting", href: "#contact"},
|
label: "Consulting", href: "#contact"},
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
@@ -248,7 +248,7 @@ export default function LandingPage() {
|
|||||||
label: "Testimonials", href: "#testimonials"},
|
label: "Testimonials", href: "#testimonials"},
|
||||||
{
|
{
|
||||||
label: "Contact", href: "#contact"},
|
label: "Contact", href: "#contact"},
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Social", items: [
|
title: "Social", items: [
|
||||||
@@ -258,10 +258,10 @@ export default function LandingPage() {
|
|||||||
label: "Twitter", href: "#"},
|
label: "Twitter", href: "#"},
|
||||||
{
|
{
|
||||||
label: "Behance", href: "#"},
|
label: "Behance", href: "#"},
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Your Name. All rights reserved."
|
bottomLeftText="© 2024 Ibrahim. All rights reserved."
|
||||||
bottomRightText="Built with Webild."
|
bottomRightText="Built with Webild."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user