From 87b54d45b3bd10c0c9830baacefbbfab3f45ad57 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 18:37:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 170 ++++++++---------------------------------------
 1 file changed, 29 insertions(+), 141 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16848b1..d11cfa6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
     />