Update src/app/page.tsx

This commit is contained in:
2026-06-11 00:03:19 +00:00
parent ec1eedb482
commit 72bd80f19f

View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Work", name: "Work", id: "#work"},
id: "#work",
},
{ {
name: "Clients", name: "Clients", id: "#clients"},
id: "#clients",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="My Portfolio" brandName="My Portfolio"
/> />
@@ -63,87 +51,56 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
imagePosition="right" imagePosition="right"
title="Crafting Digital Experiences That Convert" title="Crafting Digital Experiences That Convert"
description="I design and build high-converting websites and digital products that drive results. Let's create something impactful together." description="I design and build high-converting websites and digital products that drive results. Let's create something impactful together."
kpis={[ kpis={[
{ {
value: "100+", value: "100+", label: "Projects Completed"},
label: "Projects Completed",
},
{ {
value: "95%", value: "95%", label: "Client Satisfaction"},
label: "Client Satisfaction",
},
{ {
value: "3X", value: "3X", label: "Conversion Lift"},
label: "Conversion Lift",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "View My Work", text: "View My Work", href: "#work"},
href: "#work",
},
{ {
text: "Get in Touch", text: "Get in Touch", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/young-lady-designer-sitting-indoors-night-drawing-sketches_171337-15903.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781136170950-2g3flmkb.jpg"
imageAlt="Professional portrait of a web designer" imageAlt="Professional portrait of a web designer in a suit"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Smiling blonde businesswoman"},
alt: "Smiling blonde businesswoman",
},
{ {
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Blonde business woman with eyeglasses"},
alt: "Blonde business woman with eyeglasses",
},
{ {
src: "http://img.b2bpic.net/free-photo/content-caucasian-businesswoman-standing-with-folded-hands-portrait-confident-adult-beautiful-female-office-employer-black-blouse-posing-work-business-company-management-concept_74855-6952.jpg", src: "http://img.b2bpic.net/free-photo/content-caucasian-businesswoman-standing-with-folded-hands-portrait-confident-adult-beautiful-female-office-employer-black-blouse-posing-work-business-company-management-concept_74855-6952.jpg", alt: "Caucasian businesswoman standing with folded hands"},
alt: "Caucasian businesswoman standing with folded hands",
},
{ {
src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg", src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg", alt: "Young businesswoman with folded arms"},
alt: "Young businesswoman with folded arms",
},
{ {
src: "http://img.b2bpic.net/free-photo/businesswoman-with-black-glasses_1098-523.jpg", src: "http://img.b2bpic.net/free-photo/businesswoman-with-black-glasses_1098-523.jpg", alt: "Businesswoman with black glasses"},
alt: "Businesswoman with black glasses",
},
]} ]}
avatarText="Trusted by 100+ clients " avatarText="Trusted by 100+ clients "
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Innovation", icon: Sparkles,
text: "Innovation",
icon: Sparkles,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Efficiency", icon: Gauge,
text: "Efficiency",
icon: Gauge,
}, },
{ {
type: "text-icon", type: "text-icon", text: "User Experience", icon: Monitor,
text: "User Experience",
icon: Monitor,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Scalability", icon: TrendingUp,
text: "Scalability",
icon: TrendingUp,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Performance", icon: Zap,
text: "Performance",
icon: Zap,
}, },
]} ]}
marqueeSpeed={40} marqueeSpeed={40}
@@ -156,9 +113,7 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="A Passion for Pixel-Perfect Performance" title="A Passion for Pixel-Perfect Performance"
description={[ description={[
"As a dedicated web designer and developer, I specialize in transforming complex ideas into intuitive, aesthetically pleasing, and highly functional digital solutions. My approach combines strategic thinking with meticulous execution to ensure every project not only looks exceptional but also achieves its business objectives.", "As a dedicated web designer and developer, I specialize in transforming complex ideas into intuitive, aesthetically pleasing, and highly functional digital solutions. My approach combines strategic thinking with meticulous execution to ensure every project not only looks exceptional but also achieves its business objectives.", "With years of experience across various industries, I've honed my skills in creating responsive, high-performance websites and user-centric applications. I thrive on problem-solving and am committed to staying at the forefront of design and development trends to deliver cutting-edge results for my clients."]}
"With years of experience across various industries, I've honed my skills in creating responsive, high-performance websites and user-centric applications. I thrive on problem-solving and am committed to staying at the forefront of design and development trends to deliver cutting-edge results for my clients.",
]}
/> />
</div> </div>
@@ -171,25 +126,13 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "100+", title: "Successful Projects", description: "Delivering exceptional web experiences for diverse clients.", icon: CheckCircle,
value: "100+",
title: "Successful Projects",
description: "Delivering exceptional web experiences for diverse clients.",
icon: CheckCircle,
}, },
{ {
id: "m2", id: "m2", value: "98%", title: "Client Satisfaction", description: "Building strong relationships through reliable and impactful work.", icon: Star,
value: "98%",
title: "Client Satisfaction",
description: "Building strong relationships through reliable and impactful work.",
icon: Star,
}, },
{ {
id: "m3", id: "m3", value: "+30%", title: "Average Conversion Lift", description: "Optimizing designs and user flows for measurable growth.", icon: TrendingUp,
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"
@@ -205,65 +148,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Tech Solutions", name: "AI SaaS Platform", price: "View Case Study", rating: 5,
brand: "Tech Solutions", reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134678368-5c2qrpas.png", imageAlt: "AI SaaS Platform Dashboard"},
name: "AI SaaS Platform",
price: "View Case Study",
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",
},
{ {
id: "p2", id: "p2", brand: "Global Ventures", name: "Corporate Redesign", price: "View Case Study", rating: 5,
brand: "Global Ventures", reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134469186-xp7xy5lm.png", imageAlt: "Corporate Website Homepage"},
name: "Corporate Redesign",
price: "View Case Study",
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",
},
{ {
id: "p3", id: "p3", brand: "E-Learning Hub", name: "Online Course Portal", price: "View Case Study", rating: 4,
brand: "E-Learning Hub", reviewCount: "30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134490666-z1gftx3q.png", imageAlt: "Online Course Platform UI"},
name: "Online Course Portal",
price: "View Case Study",
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",
},
{ {
id: "p4", id: "p4", brand: "Insight Blog", name: "Modern Content Hub", price: "View Case Study", rating: 5,
brand: "Insight Blog", reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134511954-f922btm0.png", imageAlt: "Modern Blog Interface"},
name: "Modern Content Hub",
price: "View Case Study",
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",
},
{ {
id: "p5", id: "p5", brand: "Urban Living", name: "Real Estate Portal", price: "View Case Study", rating: 4,
brand: "Urban Living", reviewCount: "22", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134662725-kuyphl0l.png", imageAlt: "Real Estate Listing Website"},
name: "Real Estate Portal",
price: "View Case Study",
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",
},
{ {
id: "p6", id: "p6", brand: "Gourmet Eats", name: "Restaurant Ordering Site", price: "View Case Study", rating: 5,
brand: "Gourmet Eats", reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvEZbugZJMMJKmRQ7QXba2nKnk/uploaded-1781134689001-yl8r30sw.png", imageAlt: "Restaurant Online Ordering"},
name: "Restaurant Ordering Site",
price: "View Case Study",
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",
},
]} ]}
title="Showcasing My Award-Winning Web Projects" title="Showcasing My Award-Winning Web Projects"
description="Explore a selection of high-performing websites I've designed and developed for clients across various industries." description="Explore a selection of high-performing websites I've designed and developed for clients across various industries."
@@ -276,65 +177,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", date: "March 2024", 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"},
name: "Sarah Johnson",
date: "March 2024",
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: "2", id: "2", name: "Michael Chen", date: "February 2024", 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"},
name: "Michael Chen",
date: "February 2024",
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: "3", id: "3", name: "Emily Rodriguez", date: "January 2024", 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"},
name: "Emily Rodriguez",
date: "January 2024",
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: "4", id: "4", name: "David Kim", date: "December 2023", 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"},
name: "David Kim",
date: "December 2023",
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: "5", 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"},
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",
},
]} ]}
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."
@@ -346,14 +197,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Global Innovations", "Global Innovations", "Digital Dynamics", "Apex Solutions", "Creative Edge Studio", "FutureScape Tech", "Catalyst Brands", "Streamline Services"]}
"Digital Dynamics",
"Apex Solutions",
"Creative Edge Studio",
"FutureScape Tech",
"Catalyst Brands",
"Streamline Services",
]}
title="Trusted by Diverse Industries" title="Trusted by Diverse Industries"
description="My commitment to excellence has earned the trust of clients ranging from startups to established enterprises." description="My commitment to excellence has earned the trust of clients ranging from startups to established enterprises."
speed={40} speed={40}
@@ -365,8 +209,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
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."
@@ -384,62 +227,37 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Web Design", label: "Web Design", href: "#work"},
href: "#work",
},
{ {
label: "Development", label: "Development", href: "#work"},
href: "#work",
},
{ {
label: "UI/UX Strategy", label: "UI/UX Strategy", href: "#about"},
href: "#about",
},
{ {
label: "Consulting", label: "Consulting", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Me", label: "About Me", href: "#about"},
href: "#about",
},
{ {
label: "Portfolio", label: "Portfolio", href: "#work"},
href: "#work",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Social", title: "Social", items: [
items: [
{ {
label: "LinkedIn", label: "LinkedIn", href: "#"},
href: "#",
},
{ {
label: "Twitter", label: "Twitter", href: "#"},
href: "#",
},
{ {
label: "Behance", label: "Behance", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -450,4 +268,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }