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"},
],
},
]}