Merge version_1 into main #1
344
src/app/page.tsx
344
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() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "#skills",
|
||||
},
|
||||
name: "Skills", id: "#skills"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Experience", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-alpha-logos-pack_23-2148972225.jpg"
|
||||
logoAlt="Osama Arshad Logo"
|
||||
@@ -69,116 +55,66 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Osama Arshad"
|
||||
description="Full Stack Developer & AI Enthusiast | Crafting innovative solutions from frontend to intelligent systems."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-virtual-reality-gadget-neural-network-system_482257-126216.jpg",
|
||||
imageAlt: "Software development environment with multiple screens",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-virtual-reality-gadget-neural-network-system_482257-126216.jpg", imageAlt: "Software development environment with multiple screens"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-connecting-lines-dots_1048-8805.jpg",
|
||||
imageAlt: "Abstract representation of a digital network or AI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-connecting-lines-dots_1048-8805.jpg", imageAlt: "Abstract representation of a digital network or AI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-post-its_23-2149362915.jpg",
|
||||
imageAlt: "Team collaborating on a project in a modern office",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-post-its_23-2149362915.jpg", imageAlt: "Team collaborating on a project in a modern office"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-employees-startup-office-working-computer-desks_482257-125003.jpg",
|
||||
imageAlt: "IT employees in startup office working at computer desks",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-employees-startup-office-working-computer-desks_482257-125003.jpg", imageAlt: "IT employees in startup office working at computer desks"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908110.jpg",
|
||||
imageAlt: "Futuristic technology concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908110.jpg", imageAlt: "Futuristic technology concept"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cellphone-with-white-screen-showing-mobile-applications-chalkboard_23-2147841262.jpg",
|
||||
imageAlt: "User interface design with various UI elements",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cellphone-with-white-screen-showing-mobile-applications-chalkboard_23-2147841262.jpg", imageAlt: "User interface design with various UI elements"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-data-storage-rack-concept-glass-cube-cloudscape-digital-metaverse-server-global-network-business-web-database-backup-computer-private-infrastructure-technology_90220-1363.jpg",
|
||||
imageAlt: "Cybersecurity concept with digital lock and data streams",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-data-storage-rack-concept-glass-cube-cloudscape-digital-metaverse-server-global-network-business-web-database-backup-computer-private-infrastructure-technology_90220-1363.jpg", imageAlt: "Cybersecurity concept with digital lock and data streams"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-emerging-shapes-colors_1134-231.jpg",
|
||||
imageAlt: "Business analytics dashboard showing charts and graphs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-emerging-shapes-colors_1134-231.jpg", imageAlt: "Business analytics dashboard showing charts and graphs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg",
|
||||
imageAlt: "3D low poly abstract background with shallow depth of field",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg", imageAlt: "3D low poly abstract background with shallow depth of field"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-ai-tools-data-concept_1194-638908.jpg",
|
||||
imageAlt: "artificial intelligence AI Tools and data concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-ai-tools-data-concept_1194-638908.jpg", imageAlt: "artificial intelligence AI Tools and data concept"},
|
||||
]}
|
||||
tag="Innovate. Build. Deploy."
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Portfolio", href: "#projects"},
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get In Touch", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
|
||||
alt: "young businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", alt: "young businessman happy expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
|
||||
alt: "young businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", alt: "young businessman happy expression"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",
|
||||
alt: "Smiley front view business man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", alt: "Smiley front view business man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Close up portrait of young handsome successful man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg",
|
||||
alt: "Portrait of blonde confident young businesswoman against gray background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg", alt: "Portrait of blonde confident young businesswoman against gray background"},
|
||||
]}
|
||||
avatarText="Trusted by industry leaders and innovators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/wellness-center-design-logo-vector_53876-43520.jpg",
|
||||
alt: "Wellness center design logo vector",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/wellness-center-design-logo-vector_53876-43520.jpg", alt: "Wellness center design logo vector"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-logo-templates-collection_23-2148879447.jpg",
|
||||
alt: "Flat design a logo templates collection",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-logo-templates-collection_23-2148879447.jpg", alt: "Flat design a logo templates collection"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/set-flat-o-logo-templates_23-2148885873.jpg",
|
||||
alt: "Set of flat o logo templates",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/set-flat-o-logo-templates_23-2148885873.jpg", alt: "Set of flat o logo templates"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-elegant-business-card-template_23-2148234505.jpg",
|
||||
alt: "Flat elegant business card template",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-elegant-business-card-template_23-2148234505.jpg", alt: "Flat elegant business card template"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/techno-concept-with-connecting-lines-dots_1048-14262.jpg",
|
||||
alt: "Techno concept with connecting lines and dots",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/techno-concept-with-connecting-lines-dots_1048-14262.jpg", alt: "Techno concept with connecting lines and dots"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to bring your ideas to life or discuss a potential collaboration? Let's connect!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:osama.arshad@example.com",
|
||||
},
|
||||
text: "Email Me", href: "mailto:osama.arshad@example.com"},
|
||||
{
|
||||
text: "Connect on LinkedIn",
|
||||
href: "https://linkedin.com/in/oarshad",
|
||||
},
|
||||
text: "Connect on LinkedIn", href: "https://linkedin.com/in/oarshad"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -443,54 +256,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Skills",
|
||||
href: "#skills",
|
||||
},
|
||||
label: "Skills", href: "#skills"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/in/oarshad",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com/in/oarshad"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:osama.arshad@example.com",
|
||||
},
|
||||
label: "Email", href: "mailto:osama.arshad@example.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user