Merge version_1 into main #2
@@ -115,7 +115,8 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Web Development", description: "Build responsive, performant websites using React, Next.js, and modern JavaScript. I create scalable applications with clean, maintainable code that follows industry best practices.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/our-mission-web-design-template_23-2149197244.jpg?_wi=1"},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/our-mission-web-design-template_23-2149197244.jpg"
|
||||
},
|
||||
items: [
|
||||
{ icon: Zap, text: "High-Performance Applications" },
|
||||
{ icon: Smartphone, text: "Mobile-Responsive Design" },
|
||||
@@ -125,7 +126,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "2", title: "Frontend Mentoring", description: "One-on-one and group mentoring sessions for aspiring developers. I help you master modern JavaScript frameworks, best practices, and develop your professional skills.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-adventure-landing-page_1361-867.jpg?_wi=1"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-adventure-landing-page_1361-867.jpg"
|
||||
},
|
||||
items: [
|
||||
{ icon: Users, text: "Personalized Learning Path" },
|
||||
{ icon: Target, text: "Skill Development Focus" },
|
||||
@@ -135,7 +137,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "3", title: "UI/UX Implementation", description: "Transform designs into functional, beautiful interfaces. I specialize in creating accessible, intuitive user experiences using modern CSS frameworks and design principles.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/template-landing-page-with-smartphone_23-2148328146.jpg?_wi=1"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/template-landing-page-with-smartphone_23-2148328146.jpg"
|
||||
},
|
||||
items: [
|
||||
{ icon: Palette, text: "Beautiful UI Design" },
|
||||
{ icon: Eye, text: "User Experience Focus" },
|
||||
@@ -154,8 +157,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
className="py-20"
|
||||
containerClassName="max-w-6xl"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg leading-relaxed mt-4"
|
||||
itemClassName=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,11 +165,14 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "E-Commerce Platform", price: "2024", imageSrc: "http://img.b2bpic.net/free-psd/our-mission-web-design-template_23-2149197244.jpg?_wi=2", imageAlt: "E-commerce project"},
|
||||
id: "1", name: "E-Commerce Platform", price: "2024", imageSrc: "http://img.b2bpic.net/free-psd/our-mission-web-design-template_23-2149197244.jpg", imageAlt: "E-commerce project"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Task Management App", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/modern-adventure-landing-page_1361-867.jpg?_wi=2", imageAlt: "Task management application"},
|
||||
id: "2", name: "Task Management App", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/modern-adventure-landing-page_1361-867.jpg", imageAlt: "Task management application"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Portfolio Dashboard", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/template-landing-page-with-smartphone_23-2148328146.jpg?_wi=2", imageAlt: "Portfolio dashboard"},
|
||||
id: "3", name: "Portfolio Dashboard", price: "2024", imageSrc: "http://img.b2bpic.net/free-vector/template-landing-page-with-smartphone_23-2148328146.jpg", imageAlt: "Portfolio dashboard"
|
||||
},
|
||||
]}
|
||||
title="My Portfolio"
|
||||
description="Explore my latest frontend projects and portfolio pieces"
|
||||
@@ -212,11 +217,14 @@ export default function LandingPage() {
|
||||
<BlogCardThree
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "React", title: "Mastering React Hooks in 2024", excerpt: "Deep dive into advanced React Hooks patterns and best practices for building scalable applications.", imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-online-classes_158595-7541.jpg", imageAlt: "React Hooks tutorial", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/man-using-laptop-office_23-2147807984.jpg", date: "Jan 15, 2024"},
|
||||
id: "1", category: "React", title: "Mastering React Hooks in 2024", excerpt: "Deep dive into advanced React Hooks patterns and best practices for building scalable applications.", imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-online-classes_158595-7541.jpg", imageAlt: "React Hooks tutorial", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/man-using-laptop-office_23-2147807984.jpg", date: "Jan 15, 2024"
|
||||
},
|
||||
{
|
||||
id: "2", category: "JavaScript", title: "ES6+ Features Every Developer Should Know", excerpt: "Essential modern JavaScript features that will make your development workflow more efficient.", imageSrc: "http://img.b2bpic.net/free-photo/it-engineer-making-code_1098-21512.jpg", imageAlt: "JavaScript ES6 guide", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/man-using-laptop-office_23-2147807984.jpg", date: "Jan 8, 2024"},
|
||||
id: "2", category: "JavaScript", title: "ES6+ Features Every Developer Should Know", excerpt: "Essential modern JavaScript features that will make your development workflow more efficient.", imageSrc: "http://img.b2bpic.net/free-photo/it-engineer-making-code_1098-21512.jpg", imageAlt: "JavaScript ES6 guide", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/man-using-laptop-office_23-2147807984.jpg", date: "Jan 8, 2024"
|
||||
},
|
||||
{
|
||||
id: "3", category: "Web Design", title: "Building Responsive Designs with CSS Grid", excerpt: "Learn how to create beautiful, responsive layouts using modern CSS Grid techniques.", imageSrc: "http://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg", imageAlt: "CSS Grid responsive design", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/man-using-laptop-office_23-2147807984.jpg", date: "Dec 28, 2023"},
|
||||
id: "3", category: "Web Design", title: "Building Responsive Designs with CSS Grid", excerpt: "Learn how to create beautiful, responsive layouts using modern CSS Grid techniques.", imageSrc: "http://img.b2bpic.net/free-photo/website-development-links-seo-webinar-cyberspace-concept_53876-120953.jpg", imageAlt: "CSS Grid responsive design", authorName: "Hasanboy", authorAvatar: "http://img.b2bpic.net/free-photo/man-using-laptop-office_23-2147807984.jpg", date: "Dec 28, 2023"
|
||||
},
|
||||
]}
|
||||
title="Latest Articles"
|
||||
description="Tips, tricks, and insights on modern web development"
|
||||
|
||||
Reference in New Issue
Block a user