From 275bd548120fec9094dafeb4f1b47e0a940a3b70 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 12:53:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 366 ++++++++++------------------------------------- 1 file changed, 75 insertions(+), 291 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index cb21eae..e9d3741 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,43 +33,25 @@ export default function LandingPage() { @@ -77,62 +59,32 @@ export default function LandingPage() { @@ -198,19 +130,13 @@ export default function LandingPage() { description="I don't just design; I command digital attention. Crafting luxury experiences that dominate the screen. On the way to Full Stack Dev & Editor, I transform ideas into reality through innovative design and cutting-edge technology." metrics={[ { - value: "3+", - title: "Featured Projects", - }, + value: "3+", title: "Featured Projects"}, { - value: "2+", - title: "Years Experience", - }, + value: "2+", title: "Years Experience"}, { - value: "24+", - title: "Technologies", - }, + value: "24+", title: "Technologies"}, ]} - imageSrc="https://drive.google.com/thumbnail?id=1aHohdafJv40H1rKgKxlCoyUQF0J2dZ9l&sz=w1000&_wi=1" + imageSrc="https://drive.google.com/thumbnail?id=1aHohdafJv40H1rKgKxlCoyUQF0J2dZ9l&sz=w1000" imageAlt="MD Mamun Akhtar Profile Image" mediaAnimation="slide-up" metricsAnimation="blur-reveal" @@ -224,46 +150,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Frontend Development", - description: "Crafting seamless user interfaces with modern frameworks like React, Next.js, and a keen eye for responsive design using TypeScript and Tailwind CSS.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201873.jpg", - imageAlt: "Frontend development UI", - }, + title: "Frontend Development", description: "Crafting seamless user interfaces with modern frameworks like React, Next.js, and a keen eye for responsive design using TypeScript and Tailwind CSS.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201873.jpg", imageAlt: "Frontend development UI"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104494.jpg", - imageAlt: "Frontend development interactive components", - }, - imageSrc: "https://drive.google.com/thumbnail?id=1aHohdafJv40H1rKgKxlCoyUQF0J2dZ9l&sz=w1000&_wi=2", - imageAlt: "react nextjs mobile ui", + imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104494.jpg", imageAlt: "Frontend development interactive components"} }, { - title: "Backend & Database", - description: "Building robust server-side applications with Node.js and Python, managing data efficiently with MongoDB, and deploying scalable solutions on AWS and Docker.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shelves-full-with-criminology-reports-background-detective-analyzing-crime-scene-evidence-african-american-inspector-working-missing-person-case-arhive-room_482257-62935.jpg", - imageAlt: "Backend development code", - }, + title: "Backend & Database", description: "Building robust server-side applications with Node.js and Python, managing data efficiently with MongoDB, and deploying scalable solutions on AWS and Docker.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shelves-full-with-criminology-reports-background-detective-analyzing-crime-scene-evidence-african-american-inspector-working-missing-person-case-arhive-room_482257-62935.jpg", imageAlt: "Backend development code"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", - imageAlt: "Docker and AWS infrastructure", - }, - imageSrc: "https://drive.google.com/thumbnail?id=16j1m2kNhG-OXIeFSSIcTeaOLSruoy6t4&sz=w1000&_wi=1", - imageAlt: "react nextjs mobile ui", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg", imageAlt: "Docker and AWS infrastructure"} }, { - title: "Design & Video Editing", - description: "Transforming concepts into stunning visuals using Figma, mastering video production with Adobe Premiere and DaVinci Resolve, and creating immersive 3D content with Blender & Cinema 4D.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/modern-robot-with-final-piece-jigsaw-puzzle_1048-3538.jpg", - imageAlt: "Figma UI/UX design", - }, + title: "Design & Video Editing", description: "Transforming concepts into stunning visuals using Figma, mastering video production with Adobe Premiere and DaVinci Resolve, and creating immersive 3D content with Blender & Cinema 4D.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/modern-robot-with-final-piece-jigsaw-puzzle_1048-3538.jpg", imageAlt: "Figma UI/UX design"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/videographer-using-editing-software-color-correcting_482257-121794.jpg", - imageAlt: "Video editing timeline", - }, - imageSrc: "https://img.youtube.com/vi/xcaiSpelMow/hqdefault.jpg?_wi=1", - imageAlt: "react nextjs mobile ui", + imageSrc: "http://img.b2bpic.net/free-photo/videographer-using-editing-software-color-correcting_482257-121794.jpg", imageAlt: "Video editing timeline"} }, ]} showStepNumbers={true} @@ -280,53 +182,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "ecofoodwise", - name: "EcoFoodWise", - price: "2025", - variant: "Strategy & Design - App Development", - imageSrc: "https://drive.google.com/thumbnail?id=16j1m2kNhG-OXIeFSSIcTeaOLSruoy6t4&sz=w1000&_wi=2", - imageAlt: "EcoFoodWise App Interface", - }, + id: "ecofoodwise", name: "EcoFoodWise", price: "2025", variant: "Strategy & Design - App Development", imageSrc: "https://drive.google.com/thumbnail?id=16j1m2kNhG-OXIeFSSIcTeaOLSruoy6t4&sz=w1000", imageAlt: "EcoFoodWise App Interface"}, { - id: "dynamic-edit", - name: "Dynamic Edit", - price: "2025", - variant: "Interactive Content - Video Production", - imageSrc: "https://img.youtube.com/vi/xcaiSpelMow/hqdefault.jpg?_wi=2", - imageAlt: "Dynamic Edit Video Still", - }, + id: "dynamic-edit", name: "Dynamic Edit", price: "2025", variant: "Interactive Content - Video Production", imageSrc: "https://img.youtube.com/vi/xcaiSpelMow/hqdefault.jpg", imageAlt: "Dynamic Edit Video Still"}, { - id: "cinematic-visuals", - name: "Cinematic Visuals", - price: "2024", - variant: "Brand Identity - Art Direction", - imageSrc: "https://scontent.frdp4-1.fna.fbcdn.net/v/t51.75761-15/508403709_18040790546635987_8867798595644940648_n.webp?stp=dst-jpg_tt6&_nc_cat=106&ccb=1-7&_nc_sid=127cfc&_nc_ohc=eD64iNmNEmYQ7kNvwEtosdm&_nc_oc=AdnnbXum8N2gkS7nG6ldjUbhme3jC2sM64x-VIjpsTVDYArNAZd-d2UIqchKRlnihYzQI_iMbReM2tCW4WeHzwQF&_nc_zt=23&_nc_ht=scontent.frdp4-1.fna&_nc_gid=tLP8iMsT9H8ar9OqfoJNhg&oh=00_Afld0txVqMDTdExb90Q07wsFZuuD6TeckgYedgJ4FFdCZQ&oe=69344DE6", - imageAlt: "Cinematic Visuals Brand Identity", - }, + id: "cinematic-visuals", name: "Cinematic Visuals", price: "2024", variant: "Brand Identity - Art Direction", imageSrc: "https://scontent.frdp4-1.fna.fbcdn.net/v/t51.75761-15/508403709_18040790546635987_8867798595644940648_n.webp?stp=dst-jpg_tt6&_nc_cat=106&ccb=1-7&_nc_sid=127cfc&_nc_ohc=eD64iNmNEmYQ7kNvwEtosdm&_nc_oc=AdnnbXum8N2gkS7nG6ldjUbhme3jC2sM64x-VIjpsTVDYArNAZd-d2UIqchKRlnihYzQI_iMbReM2tCW4WeHzwQF&_nc_zt=23&_nc_ht=scontent.frdp4-1.fna&_nc_gid=tLP8iMsT9H8ar9OqfoJNhg&oh=00_Afld0txVqMDTdExb90Q07wsFZuuD6TeckgYedgJ4FFdCZQ&oe=69344DE6", imageAlt: "Cinematic Visuals Brand Identity"}, { - id: "app-development", - name: "Modern App Dev", - price: "2023", - variant: "Full-Stack Mobile App Development", - imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201865.jpg", - imageAlt: "Modern App Development", - }, + id: "app-development", name: "Modern App Dev", price: "2023", variant: "Full-Stack Mobile App Development", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201865.jpg", imageAlt: "Modern App Development"}, { - id: "3d-modeling", - name: "Abstract 3D Models", - price: "2024", - variant: "Blender & Cinema 4D Creations", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg", - imageAlt: "Abstract 3D Models", - }, + id: "3d-modeling", name: "Abstract 3D Models", price: "2024", variant: "Blender & Cinema 4D Creations", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-illustrator-drawing-ipad_23-2150172075.jpg", imageAlt: "Abstract 3D Models"}, { - id: "web-design", - name: "Innovative Web Design", - price: "2025", - variant: "Responsive UX/UI for Digital Platforms", - imageSrc: "http://img.b2bpic.net/free-photo/wood-letters-word-corporate-strategy-notebook_1357-265.jpg", - imageAlt: "Innovative Web Design", - }, + id: "web-design", name: "Innovative Web Design", price: "2025", variant: "Responsive UX/UI for Digital Platforms", imageSrc: "http://img.b2bpic.net/free-photo/wood-letters-word-corporate-strategy-notebook_1357-265.jpg", imageAlt: "Innovative Web Design"}, ]} title="Featured Projects" description="A showcase of my recent work that blends strategic design with cutting-edge development to command digital attention." @@ -337,53 +203,18 @@ export default function LandingPage() { @@ -393,19 +224,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Google", - "Wix", - "Adobe", - "React", - "Node.js", - "Tailwind", - "Next.js", - "Vercel", - "TypeScript", - "MongoDB", - "Figma", - "GitHub", - ]} + "Google", "Wix", "Adobe", "React", "Node.js", "Tailwind", "Next.js", "Vercel", "TypeScript", "MongoDB", "Figma", "GitHub"]} title="Partners & Clients" description="Trusted by leading organizations and built with the industry's most powerful technologies." showCard={true} @@ -420,20 +239,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "exp-1", - title: "2025 - Present: B.Sc. Computer Science at Malda College", - content: "Pursuing Bachelor's degree in Computer Science, building expertise in full-stack development and software engineering, focusing on cutting-edge technologies and innovative problem-solving.", - }, + id: "exp-1", title: "2025 - Present: B.Sc. Computer Science at Malda College", content: "Pursuing Bachelor's degree in Computer Science, building expertise in full-stack development and software engineering, focusing on cutting-edge technologies and innovative problem-solving."}, { - id: "exp-2", - title: "2024 - 2025: Higher Secondary at Naimouza High School", - content: "Completed Higher Secondary education, laying a strong academic foundation for advanced studies in computer science and sharpening analytical skills.", - }, + id: "exp-2", title: "2024 - 2025: Higher Secondary at Naimouza High School", content: "Completed Higher Secondary education, laying a strong academic foundation for advanced studies in computer science and sharpening analytical skills."}, { - id: "exp-3", - title: "2023: Madhyamik at Bright Institute", - content: "Completed secondary education, marking the beginning of my journey in technology and creative work, inspiring a passion for digital innovation and development.", - }, + id: "exp-3", title: "2023: Madhyamik at Bright Institute", content: "Completed secondary education, marking the beginning of my journey in technology and creative work, inspiring a passion for digital innovation and development."}, ]} title="Experience & Timeline" description="My professional journey, highlighting academic achievements and foundational experiences that shaped my skills." @@ -445,20 +255,15 @@ export default function LandingPage() { @@ -468,54 +273,33 @@ export default function LandingPage() { logoText="MAMUN." columns={[ { - title: "Quick Links", - items: [ + title: "Quick Links", items: [ { - label: "Home", - href: "#home", - }, + label: "Home", href: "#home"}, { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Projects", - href: "#projects", - }, + label: "Projects", href: "#projects"}, { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Use", - href: "#", - }, + label: "Terms of Use", href: "#"}, ], }, { - title: "Follow Us", - items: [ + title: "Follow Us", items: [ { - label: "GitHub", - href: "https://github.com/MamunFarhat", - }, + label: "GitHub", href: "https://github.com/MamunFarhat"}, { - label: "Facebook", - href: "https://www.facebook.com/md.mamunakhtar.200610", - }, + label: "Facebook", href: "https://www.facebook.com/md.mamunakhtar.200610"}, { - label: "YouTube", - href: "https://www.youtube.com/@aj_mamun_king", - }, + label: "YouTube", href: "https://www.youtube.com/@aj_mamun_king"}, ], }, ]} -- 2.49.1