Merge version_1 into main #1
157
src/app/page.tsx
157
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ahmed Hassan"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ahmed Hassan"
|
||||
description="Full Stack Developer specializing in Laravel, Backend, and Frontend architecture. Building high-performance, modern web solutions."
|
||||
tag="Available for New Projects"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
imageAlt: "developer portrait professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageAlt: "developer portrait professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights-executive-business-meetings_482257-133111.jpg",
|
||||
imageAlt: "clean office desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
imageAlt: "Man with laptop posing next to coworker",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
imageAlt: "Bearded young man in casual shirt standing with laptop in hands",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
imageAlt: "Video editor worker standing in front of camera smiling working in creative agency office holding la...",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights-executive-business-meetings_482257-133111.jpg", imageAlt: "clean office desk"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,13 +76,9 @@ export default function LandingPage() {
|
||||
description="I craft robust backend systems with Laravel and intuitive frontend experiences. Passionate about clean, maintainable code and scalable web architectures."
|
||||
metrics={[
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "5+", title: "Years Experience"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "50+", title: "Projects Completed"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/admin-apartment-exasperated-by-annoying-bugs-while-programming_482257-83163.jpg"
|
||||
imageAlt="clean office desk"
|
||||
@@ -128,26 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-Commerce System",
|
||||
price: "Laravel/Vue",
|
||||
variant: "View Code",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
},
|
||||
id: "1", name: "E-Commerce System", price: "Laravel/Vue", variant: "View Code", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Project Dashboard",
|
||||
price: "PHP/MySQL",
|
||||
variant: "View Code",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg",
|
||||
},
|
||||
id: "2", name: "Project Dashboard", price: "PHP/MySQL", variant: "View Code", imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "API Service",
|
||||
price: "Laravel API",
|
||||
variant: "View Code",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/diagram-template_23-2147566828.jpg",
|
||||
},
|
||||
id: "3", name: "API Service", price: "Laravel API", variant: "View Code", imageSrc: "http://img.b2bpic.net/free-vector/diagram-template_23-2147566828.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A collection of web applications developed using modern stacks."
|
||||
@@ -161,23 +113,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Code,
|
||||
title: "Laravel",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "1", icon: Code,
|
||||
title: "Laravel", value: "Expert"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Database,
|
||||
title: "MySQL",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "2", icon: Database,
|
||||
title: "MySQL", value: "Expert"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Layout,
|
||||
title: "Frontend",
|
||||
value: "Advanced",
|
||||
},
|
||||
id: "3", icon: Layout,
|
||||
title: "Frontend", value: "Advanced"},
|
||||
]}
|
||||
title="Technical Expertise"
|
||||
description="My core technologies and development capabilities."
|
||||
@@ -193,35 +136,11 @@ export default function LandingPage() {
|
||||
description="Articles on web development and best practices."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Development",
|
||||
title: "Laravel Patterns",
|
||||
excerpt: "Scaling your backend effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
|
||||
authorName: "Ahmed Hassan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
|
||||
date: "Oct 2023",
|
||||
},
|
||||
id: "1", category: "Development", title: "Laravel Patterns", excerpt: "Scaling your backend effectively.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg", authorName: "Ahmed Hassan", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", date: "Oct 2023"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Frontend",
|
||||
title: "Vue.js Tips",
|
||||
excerpt: "Building interactive interfaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-brainstorms-with-colleague-analyzing-data_482257-119771.jpg",
|
||||
authorName: "Ahmed Hassan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
date: "Nov 2023",
|
||||
},
|
||||
id: "2", category: "Frontend", title: "Vue.js Tips", excerpt: "Building interactive interfaces.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-brainstorms-with-colleague-analyzing-data_482257-119771.jpg", authorName: "Ahmed Hassan", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", date: "Nov 2023"},
|
||||
{
|
||||
id: "3",
|
||||
category: "DevOps",
|
||||
title: "PHP Deployment",
|
||||
excerpt: "Optimizing server performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-science-concept-server-room-data-center-ison-big-data-processing_39422-745.jpg",
|
||||
authorName: "Ahmed Hassan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038847.jpg",
|
||||
date: "Dec 2023",
|
||||
},
|
||||
id: "3", category: "DevOps", title: "PHP Deployment", excerpt: "Optimizing server performance.", imageSrc: "http://img.b2bpic.net/free-vector/data-science-concept-server-room-data-center-ison-big-data-processing_39422-745.jpg", authorName: "Ahmed Hassan", authorAvatar: "http://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038847.jpg", date: "Dec 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,20 +152,12 @@ export default function LandingPage() {
|
||||
description="Have a project in mind? Reach out and let's build something great together."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here",
|
||||
required: true,
|
||||
name: "message", placeholder: "Your message here", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-disinfecting-dangerous-area-while-wearing-protective-suit_23-2148848572.jpg"
|
||||
/>
|
||||
@@ -258,25 +169,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com",
|
||||
},
|
||||
label: "GitHub", href: "https://github.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user