From 01875277e3011345978e1f0703563fa6b963f24c Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 4 Apr 2026 07:29:26 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 158 ++++++++++++----------------------------------- 1 file changed, 38 insertions(+), 120 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4f7a8ce..0aeb67a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,27 +29,20 @@ export default function LandingPage() { @@ -59,39 +52,23 @@ export default function LandingPage() { description="Frontend Developer & UI/UX Designer. I design fast, modern websites that help brands grow." buttons={[ { - text: "View Projects", - href: "#projects", - }, + text: "View Projects", href: "#projects"}, { - text: "Hire Me", - href: "#contact", - }, + text: "Hire Me", href: "#contact"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=1", - imageAlt: "3D Developer Object", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=2", - imageAlt: "3D Developer Object", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=3", - imageAlt: "3D Developer Object", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=4", - imageAlt: "3D Developer Object", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=5", - imageAlt: "3D Developer Object", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=6", - imageAlt: "3D Developer Object", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3D Developer Object"}, ]} /> @@ -110,23 +87,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Frontend/UI", - description: "HTML, CSS, Figma, JS, TypeScript, ReactJS", - imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg?_wi=7", - imageAlt: "3d floating sphere abstract", - }, + title: "Frontend/UI", description: "HTML, CSS, Figma, JS, TypeScript, ReactJS", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-modern-abstract-sphere-art_23-2150937433.jpg", imageAlt: "3d floating sphere abstract"}, { - title: "Backend & Tools", - description: "Node.js, Git, Tailwind, MongoDB", - imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=1", - imageAlt: "modern app interface mobile", - }, + title: "Backend & Tools", description: "Node.js, Git, Tailwind, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg", imageAlt: "modern app interface mobile"}, { - title: "Performance", - description: "SEO Optimization, Accessibility, Mobile-First Design", - imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1", - imageAlt: "religious app interface design", - }, + title: "Performance", description: "SEO Optimization, Accessibility, Mobile-First Design", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "religious app interface design"}, ]} title="Skills & Experience" description="Tools and technologies I use to build seamless web experiences." @@ -141,59 +106,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", - brand: "React Native", - name: "Social Platform", - price: "View Demo", - rating: 5, - reviewCount: "12", - imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=2", - }, + id: "1", brand: "React Native", name: "Social Platform", price: "View Demo", rating: 5, + reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg"}, { - id: "2", - brand: "React Native", - name: "Muslims App", - price: "View Demo", - rating: 5, - reviewCount: "24", - imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2", - }, + id: "2", brand: "React Native", name: "Muslims App", price: "View Demo", rating: 5, + reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"}, { - id: "3", - brand: "Node.js", - name: "Recipe Dashboard", - price: "View Demo", - rating: 5, - reviewCount: "8", - imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg?_wi=1", - }, + id: "3", brand: "Node.js", name: "Recipe Dashboard", price: "View Demo", rating: 5, + reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg"}, { - id: "4", - brand: "React Native", - name: "Personal Portfolio", - price: "View Demo", - rating: 5, - reviewCount: "10", - imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg?_wi=3", - }, + id: "4", brand: "React Native", name: "Personal Portfolio", price: "View Demo", rating: 5, + reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039324.jpg"}, { - id: "5", - brand: "Node.js", - name: "E-Commerce", - price: "View Demo", - rating: 5, - reviewCount: "15", - imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=3", - }, + id: "5", brand: "Node.js", name: "E-Commerce", price: "View Demo", rating: 5, + reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"}, { - id: "6", - brand: "Tailwind", - name: "Landing Page", - price: "View Demo", - rating: 5, - reviewCount: "5", - imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg?_wi=2", - }, + id: "6", brand: "Tailwind", name: "Landing Page", price: "View Demo", rating: 5, + reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-protein-meal-with-smartphone-arrangement_23-2149089685.jpg"}, ]} title="Selected Projects" description="A collection of my recent work." @@ -204,8 +133,7 @@ export default function LandingPage() { @@ -214,29 +142,19 @@ export default function LandingPage() {