bender/3267c689-bdcb-4f06-b22b-4fa7d5f569ab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 18:37:41 +00:00
parent 348cb99289
commit 87b54d45b3
1 changed files with 29 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
src/app/page.tsx
View File

@@ -29,22 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Projects",
id: "projects",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "contact" }
]}
brandName="ABUZIR"
/>
@@ -52,58 +40,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Mohammad Ibrahim Abuzir"
description="CIS Student at Al al-Bayt University | Web Developer | Photographer. Building digital solutions for the future."
imageSrc="http://img.b2bpic.net/free-photo/business-teammates-working-late_23-2148991315.jpg"
imageAlt="software developer workspace dark mode"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg",
alt: "Modern office equipment on a blue desk generated by AI",
},
{
src: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg",
alt: "Empty office with analytics and diagrams on screen",
},
{
src: "http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg",
alt: "Remote worker organizing project data",
},
{
src: "http://img.b2bpic.net/free-photo/overworked-business-people-using-laptops_74855-3003.jpg",
alt: "Overworked business people using laptops",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280982.jpg",
alt: "High angle man working late at night",
},
{ src: "http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg", alt: "Modern office equipment on a blue desk generated by AI" },
{ src: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg", alt: "Empty office with analytics and diagrams on screen" },
{ src: "http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg", alt: "Remote worker organizing project data" },
{ src: "http://img.b2bpic.net/free-photo/overworked-business-people-using-laptops_74855-3003.jpg", alt: "Overworked business people using laptops" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280982.jpg", alt: "High angle man working late at night" }
]}
avatarText="Trusted by Peers"
marqueeItems={[
{
type: "text",
text: "Web Development",
},
{
type: "text",
text: "UI/UX Design",
},
{
type: "text",
text: "Cloud Architecture",
},
{
type: "text",
text: "Photography",
},
{
type: "text",
text: "System Analysis",
},
{ type: "text", text: "Web Development" },
{ type: "text", text: "UI/UX Design" },
{ type: "text", text: "Cloud Architecture" },
{ type: "text", text: "Photography" },
{ type: "text", text: "System Analysis" }
]}
/>
</div>
@@ -124,21 +80,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Languages",
description: "C++, Java, Python, and Dart",
imageSrc: "http://img.b2bpic.net/free-vector/20-programming-coding-solid-glyph-icon-presentation_1142-24709.jpg",
},
{
title: "Web Development",
description: "Full-stack development using modern stacks",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
},
{
title: "Tooling & Infrastructure",
description: "Supabase for backend, Netlify for deployment",
imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg",
},
{ title: "Languages", description: "C++, Java, Python, and Dart", imageSrc: "http://img.b2bpic.net/free-vector/20-programming-coding-solid-glyph-icon-presentation_1142-24709.jpg" },
{ title: "Web Development", description: "Full-stack development using modern stacks", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
{ title: "Tooling & Infrastructure", description: "Supabase for backend, Netlify for deployment", imageSrc: "http://img.b2bpic.net/free-photo/3d-computer-website-loading-speed-test_107791-17929.jpg" }
]}
title="Technical Skills"
description="A diverse toolkit covering back-end logic, front-end development, and data-driven solutions."
@@ -151,13 +95,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "edu-1",
value: "3rd Year",
title: "Current Status",
description: "Computer Information Systems",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-near-wall_8353-7511.jpg",
},
{ id: "edu-1", value: "3rd Year", title: "Current Status", description: "Computer Information Systems", imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-near-wall_8353-7511.jpg" }
]}
title="Academic Journey"
description="Focused on academic excellence and continuous growth at Al al-Bayt University."
@@ -166,31 +104,14 @@ export default function LandingPage() {
<div id="projects" data-section="projects">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Jovia Academy",
price: "Academic Project",
variant: "Management Platform",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg",
},
{
id: "p2",
name: "ABUZIR Portfolio",
price: "Personal Project",
variant: "Next.js Web Portfolio",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",
},
{
id: "p3",
name: "In Development",
price: "Stay Tuned",
variant: "Future Projects",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-blurred-multicolored-rainbow-light-spectrum-circle_23-2147948901.jpg",
},
{ id: "p1", name: "Jovia Academy", price: "Academic Project", variant: "Management Platform", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg" },
{ id: "p2", name: "ABUZIR Portfolio", price: "Personal Project", variant: "Next.js Web Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg" },
{ id: "p3", name: "In Development", price: "Stay Tuned", variant: "Future Projects", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-blurred-multicolored-rainbow-light-spectrum-circle_23-2147948901.jpg" }
]}
title="Key Projects"
description="Explore my latest work, including academic and personal initiatives."
@@ -203,11 +124,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "JoCodes Participant",
description: "Collaboration program powered by Udacity, enhancing technical skillsets through practical projects.",
imageSrc: "http://img.b2bpic.net/free-photo/game-delayed-due-coronavirus_23-2148570733.jpg",
},
{ title: "JoCodes Participant", description: "Collaboration program powered by Udacity, enhancing technical skillsets through practical projects.", imageSrc: "http://img.b2bpic.net/free-photo/game-delayed-due-coronavirus_23-2148570733.jpg" }
]}
title="Achievements"
description="Professional growth through industry programs and challenges."
@@ -230,21 +147,10 @@ export default function LandingPage() {
title="Get in Touch"
description="Let's build something amazing together."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" }
]}
textarea={{
name: "message",
placeholder: "What's on your mind?",
}}
textarea={{ name: "message", placeholder: "What's on your mind?" }}
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg"
/>
</div>
@@ -252,26 +158,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Portfolio",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
],
},
{ items: [{ label: "Portfolio", href: "#" }, { label: "Blog", href: "#" }] },
{ items: [{ label: "Contact", href: "#contact" }] }
]}
logoText="ABUZIR"
/>