From 64a38f681020342562cde84684fc5345bf1624ea Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 08:50:47 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 344 ++++++++++------------------------------------- 1 file changed, 68 insertions(+), 276 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3ab50e6..1e5b08d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import ProductCardThree from '@/components/sections/product/ProductCardThree'; import SplitAbout from '@/components/sections/about/SplitAbout'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; -import { Award, CheckCircle, Laptop, Scale, Star, Zap } from "lucide-react"; +import { ArrowRight, Award, CheckCircle, Laptop, Scale, Star, Zap } from "lucide-react"; export default function LandingPage() { return ( @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -191,19 +127,13 @@ export default function LandingPage() { description="I'm a dedicated Full Stack Developer with a passion for building robust and scalable web applications. My expertise spans across modern JavaScript frameworks, backend technologies, and leveraging AI/ML to create intelligent and efficient solutions. I thrive on challenges and continuous learning." bulletPoints={[ { - title: "Full Stack Expertise", - description: "Proficient in both frontend (React, Next.js) and backend (Node.js, Express) development.", - icon: Laptop, + title: "Full Stack Expertise", description: "Proficient in both frontend (React, Next.js) and backend (Node.js, Express) development.", icon: Laptop, }, { - title: "AI/ML Integration", - description: "Experienced in integrating Artificial Intelligence and Machine Learning models into applications.", - icon: Star, + title: "AI/ML Integration", description: "Experienced in integrating Artificial Intelligence and Machine Learning models into applications.", icon: Star, }, { - title: "Scalable Solutions", - description: "Committed to developing high-performance, scalable, and maintainable codebases.", - icon: Scale, + title: "Scalable Solutions", description: "Committed to developing high-performance, scalable, and maintainable codebases.", icon: Scale, }, ]} imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" @@ -218,32 +148,16 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Frontend Development", - description: "Building interactive and responsive user interfaces with React, Next.js, and modern CSS frameworks.", - imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-user-interface-concept_52683-104210.jpg", - imageAlt: "React JS logo", - buttonIcon: "ArrowRight", + title: "Frontend Development", description: "Building interactive and responsive user interfaces with React, Next.js, and modern CSS frameworks.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-user-interface-concept_52683-104210.jpg", imageAlt: "React JS logo", buttonIcon: ArrowRight, }, { - title: "Backend Development", - description: "Designing and implementing robust server-side logic and APIs using Node.js, Express, and databases like MongoDB/PostgreSQL.", - imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399292.jpg", - imageAlt: "Node JS code illustration", - buttonIcon: "ArrowRight", + title: "Backend Development", description: "Designing and implementing robust server-side logic and APIs using Node.js, Express, and databases like MongoDB/PostgreSQL.", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399292.jpg", imageAlt: "Node JS code illustration", buttonIcon: ArrowRight, }, { - title: "AI & Machine Learning", - description: "Developing and integrating AI models for data analysis, prediction, and automation to create intelligent features.", - imageSrc: "http://img.b2bpic.net/free-photo/electronic-global-digital-futuristic-device_1134-682.jpg", - imageAlt: "Artificial intelligence brain visualization", - buttonIcon: "ArrowRight", + title: "AI & Machine Learning", description: "Developing and integrating AI models for data analysis, prediction, and automation to create intelligent features.", imageSrc: "http://img.b2bpic.net/free-photo/electronic-global-digital-futuristic-device_1134-682.jpg", imageAlt: "Artificial intelligence brain visualization", buttonIcon: ArrowRight, }, { - title: "Cloud & DevOps", - description: "Deploying and managing applications on cloud platforms (AWS, Azure) with a focus on CI/CD pipelines and infrastructure as code.", - imageSrc: "http://img.b2bpic.net/free-photo/hologram-projector-screen-with-cloud-system-technology_53876-108503.jpg", - imageAlt: "Cloud computing illustration", - buttonIcon: "ArrowRight", + title: "Cloud & DevOps", description: "Deploying and managing applications on cloud platforms (AWS, Azure) with a focus on CI/CD pipelines and infrastructure as code.", imageSrc: "http://img.b2bpic.net/free-photo/hologram-projector-screen-with-cloud-system-technology_53876-108503.jpg", imageAlt: "Cloud computing illustration", buttonIcon: ArrowRight, }, ]} title="My Expertise" @@ -260,47 +174,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "p1", - name: "E-commerce Platform", - price: "Full Stack Project", - imageSrc: "http://img.b2bpic.net/free-photo/online-handbag-shopping_23-2151952981.jpg", - imageAlt: "E-commerce platform dashboard", - }, + id: "p1", name: "E-commerce Platform", price: "Full Stack Project", imageSrc: "http://img.b2bpic.net/free-photo/online-handbag-shopping_23-2151952981.jpg", imageAlt: "E-commerce platform dashboard"}, { - id: "p2", - name: "Social Analytics Dashboard", - price: "AI Integration", - imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-business-analytics_482257-115272.jpg", - imageAlt: "Social media analytics dashboard", - }, + id: "p2", name: "Social Analytics Dashboard", price: "AI Integration", imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-business-analytics_482257-115272.jpg", imageAlt: "Social media analytics dashboard"}, { - id: "p3", - name: "Fintech Mobile App", - price: "Secure Transactions", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-economist_23-2150132322.jpg", - imageAlt: "Fintech mobile application UI", - }, + id: "p3", name: "Fintech Mobile App", price: "Secure Transactions", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-economist_23-2150132322.jpg", imageAlt: "Fintech mobile application UI"}, { - id: "p4", - name: "Healthcare Management", - price: "Data Management", - imageSrc: "http://img.b2bpic.net/free-photo/mid-section-male-doctor-seated-desk-extending-digital-questionnaire-tablet-screen-camera_1098-19365.jpg", - imageAlt: "Healthcare management system dashboard", - }, + id: "p4", name: "Healthcare Management", price: "Data Management", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-male-doctor-seated-desk-extending-digital-questionnaire-tablet-screen-camera_1098-19365.jpg", imageAlt: "Healthcare management system dashboard"}, { - id: "p5", - name: "Real Estate Portal", - price: "Interactive Maps", - imageSrc: "http://img.b2bpic.net/free-photo/map-spain-seen-through-magnifying-glass_23-2147837126.jpg", - imageAlt: "Real estate property listing website", - }, + id: "p5", name: "Real Estate Portal", price: "Interactive Maps", imageSrc: "http://img.b2bpic.net/free-photo/map-spain-seen-through-magnifying-glass_23-2147837126.jpg", imageAlt: "Real estate property listing website"}, { - id: "p6", - name: "E-Learning Platform", - price: "Virtual Classrooms", - imageSrc: "http://img.b2bpic.net/free-photo/student-class-taking-notes_23-2148888811.jpg", - imageAlt: "E-learning platform interface", - }, + id: "p6", name: "E-Learning Platform", price: "Virtual Classrooms", imageSrc: "http://img.b2bpic.net/free-photo/student-class-taking-notes_23-2148888811.jpg", imageAlt: "E-learning platform interface"}, ]} title="Featured Projects" description="A collection of my recent work showcasing diverse technical skills and innovative problem-solving." @@ -315,32 +199,16 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "5+", - title: "Years of Experience", - description: "In full stack development and software engineering.", - icon: Award, + id: "m1", value: "5+", title: "Years of Experience", description: "In full stack development and software engineering.", icon: Award, }, { - id: "m2", - value: "20+", - title: "Projects Completed", - description: "Delivering successful and impactful solutions for various industries.", - icon: CheckCircle, + id: "m2", value: "20+", title: "Projects Completed", description: "Delivering successful and impactful solutions for various industries.", icon: CheckCircle, }, { - id: "m3", - value: "30%", - title: "Performance Improvement", - description: "Achieved in key applications through optimization and refactoring.", - icon: Zap, + id: "m3", value: "30%", title: "Performance Improvement", description: "Achieved in key applications through optimization and refactoring.", icon: Zap, }, { - id: "m4", - value: "100%", - title: "Client Satisfaction", - description: "Consistently exceeding expectations and fostering strong client relationships.", - icon: Star, + id: "m4", value: "100%", title: "Client Satisfaction", description: "Consistently exceeding expectations and fostering strong client relationships.", icon: Star, }, ]} title="Key Achievements" @@ -354,65 +222,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Sarah Johnson", - date: "Jan 2024", - title: "Project Manager", - quote: "Osama is an exceptional developer with a keen eye for detail and a strong commitment to quality. His contributions were invaluable to our project's success.", - tag: "Innovative", - avatarSrc: "http://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg", - avatarAlt: "Sarah Johnson", - imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-1079.jpg", - imageAlt: "Modern office interior", - }, + id: "t1", name: "Sarah Johnson", date: "Jan 2024", title: "Project Manager", quote: "Osama is an exceptional developer with a keen eye for detail and a strong commitment to quality. His contributions were invaluable to our project's success.", tag: "Innovative", avatarSrc: "http://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-1079.jpg", imageAlt: "Modern office interior"}, { - id: "t2", - name: "Michael Chen", - date: "Dec 2023", - title: "Lead Engineer", - quote: "His problem-solving skills and ability to quickly grasp complex concepts are outstanding. Osama consistently delivers high-quality code and innovative solutions.", - tag: "Problem Solver", - avatarSrc: "http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-red-flowers_140725-162524.jpg", - avatarAlt: "Michael Chen", - imageSrc: "http://img.b2bpic.net/free-photo/startup-team-meeting-with-remote-manager_482257-121121.jpg", - imageAlt: "Software development team", - }, + id: "t2", name: "Michael Chen", date: "Dec 2023", title: "Lead Engineer", quote: "His problem-solving skills and ability to quickly grasp complex concepts are outstanding. Osama consistently delivers high-quality code and innovative solutions.", tag: "Problem Solver", avatarSrc: "http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-red-flowers_140725-162524.jpg", avatarAlt: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/startup-team-meeting-with-remote-manager_482257-121121.jpg", imageAlt: "Software development team"}, { - id: "t3", - name: "Emily Rodriguez", - date: "Nov 2023", - title: "Product Owner", - quote: "Osama's ability to translate complex requirements into user-friendly features is impressive. He's a true asset to any development team.", - tag: "User-Focused", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-talking-mobile-phone_171337-3180.jpg", - avatarAlt: "Emily Rodriguez", - imageSrc: "http://img.b2bpic.net/free-photo/female-scientist-working-with-virtual-reality-goggles-research-laboratory-with-her-assistant-background_482257-31045.jpg", - imageAlt: "Data center", - }, + id: "t3", name: "Emily Rodriguez", date: "Nov 2023", title: "Product Owner", quote: "Osama's ability to translate complex requirements into user-friendly features is impressive. He's a true asset to any development team.", tag: "User-Focused", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-talking-mobile-phone_171337-3180.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/female-scientist-working-with-virtual-reality-goggles-research-laboratory-with-her-assistant-background_482257-31045.jpg", imageAlt: "Data center"}, { - id: "t4", - name: "David Kim", - date: "Oct 2023", - title: "Senior Developer", - quote: "A highly skilled and collaborative team member. Osama's expertise in AI integration brought a unique edge to our projects.", - tag: "Collaborative", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg", - avatarAlt: "David Kim", - imageSrc: "http://img.b2bpic.net/free-photo/time-is-money-sandglass-investment-countdown-measure-concept_53876-124168.jpg", - imageAlt: "UI/UX design process", - }, + id: "t4", name: "David Kim", date: "Oct 2023", title: "Senior Developer", quote: "A highly skilled and collaborative team member. Osama's expertise in AI integration brought a unique edge to our projects.", tag: "Collaborative", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg", avatarAlt: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/time-is-money-sandglass-investment-countdown-measure-concept_53876-124168.jpg", imageAlt: "UI/UX design process"}, { - id: "t5", - name: "Jessica Lee", - date: "Sep 2023", - title: "CTO", - quote: "Osama's contributions have consistently improved our technical capabilities and project delivery speed. A top-tier professional.", - tag: "High Impact", - avatarSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg", - avatarAlt: "Jessica Lee", - imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-icons-cup-coffee-laptop_1134-63.jpg", - imageAlt: "Global business network", - }, + id: "t5", name: "Jessica Lee", date: "Sep 2023", title: "CTO", quote: "Osama's contributions have consistently improved our technical capabilities and project delivery speed. A top-tier professional.", tag: "High Impact", avatarSrc: "http://img.b2bpic.net/free-photo/single-gesture-lifestyle-white-male_1262-2168.jpg", avatarAlt: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-icons-cup-coffee-laptop_1134-63.jpg", imageAlt: "Global business network"}, ]} title="What Colleagues Say" description="Hear from those I've collaborated with about my dedication and impact." @@ -423,18 +241,13 @@ export default function LandingPage() { @@ -443,54 +256,33 @@ export default function LandingPage() {