From 1a68497e8d56394171b03e8b04ecb70d010b9db9 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 09:00:32 +0000 Subject: [PATCH 1/2] Update src/app/layout.tsx --- src/app/layout.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 605a7ec..4aaadcb 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -22,11 +22,13 @@ const openSans = Open_Sans({ export const metadata: Metadata = { title: "Manikant Kumar | Creative Developer & 3D Specialist", description: "Premium 3D developer portfolio. Immersive WebGL experiences, AI systems, and blockchain solutions. Awwwards-level design and cutting-edge technology.", keywords: "3D developer, WebGL, Three.js, React, AI, blockchain, portfolio, creative coding", metadataBase: new URL("https://manikant.dev"), alternates: { - canonical: "https://manikant.dev"}, + canonical: "https://manikant.dev" + }, openGraph: { title: "Manikant Kumar | Creative Developer & 3D Specialist", description: "Explore immersive 3D experiences and innovative digital solutions built with code and creativity.", url: "https://manikant.dev", siteName: "Manikant Kumar", type: "website", images: [ { - url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-premium-3d-rendered-environment-showca-1772787341234-7e16ddea.png", alt: "Manikant Kumar's 3D Portfolio"}, + url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-premium-3d-rendered-environment-showca-1772787341234-7e16ddea.png", alt: "Manikant Kumar's 3D Portfolio" + }, ], }, twitter: { -- 2.49.1 From d40ce8cdeb084f9b98f09ac3283c096f136c16ff Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 09:00:32 +0000 Subject: [PATCH 2/2] Update src/app/page.tsx --- src/app/page.tsx | 74 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 49 insertions(+), 25 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ebae3b5..09f50de 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -47,24 +47,31 @@ export default function LandingPage() { tag="Premium Portfolio" background={{ variant: "sparkles-gradient" }} buttons={[ - { text: "View Projects", href: "projects" }, + { text: "Explore My Work", href: "projects" }, { text: "Download Resume", href: "#" }, ]} mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-premium-3d-rendered-environment-showca-1772787341234-7e16ddea.png", imageAlt: "3D Holographic Avatar Environment"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-premium-3d-rendered-environment-showca-1772787341234-7e16ddea.png", imageAlt: "3D Holographic Avatar Environment" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/abstract-volumetric-particle-system-with-1772787340679-3863f14b.png", imageAlt: "Volumetric Particle Effects"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/abstract-volumetric-particle-system-with-1772787340679-3863f14b.png", imageAlt: "Volumetric Particle Effects" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rendered-head-model-with-clean-mini-1772787341164-876f1def.png?_wi=1", imageAlt: "3D Avatar Head Model"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rendered-head-model-with-clean-mini-1772787341164-876f1def.png?_wi=1", imageAlt: "3D Avatar Head Model" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-orbital-skill-visualization-featuri-1772787342065-d15efade.png?_wi=1", imageAlt: "Skills Galaxy Visualization"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-orbital-skill-visualization-featuri-1772787342065-d15efade.png?_wi=1", imageAlt: "Skills Galaxy Visualization" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rotating-holographic-dashboard-inte-1772787341973-5de440c7.png?_wi=1", imageAlt: "AI Dashboard Project"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rotating-holographic-dashboard-inte-1772787341973-5de440c7.png?_wi=1", imageAlt: "AI Dashboard Project" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-floating-blockchain-cube-animation--1772787341357-2b444489.png?_wi=1", imageAlt: "Web3 Blockchain Project"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-floating-blockchain-cube-animation--1772787341357-2b444489.png?_wi=1", imageAlt: "Web3 Blockchain Project" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-mini-interactive-3d-game-scene-with-st-1772787341395-a48d72a0.png?_wi=1", imageAlt: "Game Prototype Project"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-mini-interactive-3d-game-scene-with-st-1772787341395-a48d72a0.png?_wi=1", imageAlt: "Game Prototype Project" + }, ]} /> @@ -91,16 +98,20 @@ export default function LandingPage() { features={[ { id: 1, - title: "3D Graphics & WebGL", description: "Three.js, React Three Fiber, GLSL shaders, real-time rendering, particle systems, and bloom effects", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-orbital-skill-visualization-featuri-1772787342065-d15efade.png?_wi=2"}, + title: "3D Graphics & WebGL", description: "Three.js, React Three Fiber, GLSL shaders, real-time rendering, particle systems, and bloom effects", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-orbital-skill-visualization-featuri-1772787342065-d15efade.png?_wi=2" + }, { id: 2, - title: "Frontend Development", description: "React, Next.js, TypeScript, Tailwind CSS, Framer Motion, GSAP animations, and performance optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rotating-holographic-dashboard-inte-1772787341973-5de440c7.png?_wi=2"}, + title: "Frontend Development", description: "React, Next.js, TypeScript, Tailwind CSS, Framer Motion, GSAP animations, and performance optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rotating-holographic-dashboard-inte-1772787341973-5de440c7.png?_wi=2" + }, { id: 3, - title: "AI & Machine Learning", description: "Python, TensorFlow, neural networks, data analysis, computer vision, and intelligent systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-sleek-3d-icon-representing-ai-developm-1772787340523-a3bfcf36.png?_wi=1"}, + title: "AI & Machine Learning", description: "Python, TensorFlow, neural networks, data analysis, computer vision, and intelligent systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-sleek-3d-icon-representing-ai-developm-1772787340523-a3bfcf36.png?_wi=1" + }, { id: 4, - title: "Web3 & Blockchain", description: "Smart contracts, DeFi protocols, NFT development, blockchain integration, and decentralized systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-floating-blockchain-cube-animation--1772787341357-2b444489.png?_wi=2"}, + title: "Web3 & Blockchain", description: "Smart contracts, DeFi protocols, NFT development, blockchain integration, and decentralized systems", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-floating-blockchain-cube-animation--1772787341357-2b444489.png?_wi=2" + }, ]} /> @@ -116,13 +127,17 @@ export default function LandingPage() { animationType="slide-up" products={[ { - id: "1", name: "AI Dashboard", price: "Interactive 3D", variant: "Real-time Data Visualization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rotating-holographic-dashboard-inte-1772787341973-5de440c7.png?_wi=3"}, + id: "1", name: "AI Dashboard", price: "Interactive 3D", variant: "Real-time Data Visualization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rotating-holographic-dashboard-inte-1772787341973-5de440c7.png?_wi=3" + }, { - id: "2", name: "Web3 Platform", price: "Blockchain Powered", variant: "Smart Contracts & DeFi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-floating-blockchain-cube-animation--1772787341357-2b444489.png?_wi=3"}, + id: "2", name: "Web3 Platform", price: "Blockchain Powered", variant: "Smart Contracts & DeFi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-floating-blockchain-cube-animation--1772787341357-2b444489.png?_wi=3" + }, { - id: "3", name: "Game Prototype", price: "3D Interactive", variant: "WebGL Engine", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-mini-interactive-3d-game-scene-with-st-1772787341395-a48d72a0.png?_wi=2"}, + id: "3", name: "Game Prototype", price: "3D Interactive", variant: "WebGL Engine", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-mini-interactive-3d-game-scene-with-st-1772787341395-a48d72a0.png?_wi=2" + }, { - id: "4", name: "IoT Dashboard", price: "Real-time Monitoring", variant: "Sensor Network Visualization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rendered-iot-sensor-node-with-anima-1772787341730-24305850.png"}, + id: "4", name: "IoT Dashboard", price: "Real-time Monitoring", variant: "Sensor Network Visualization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-rendered-iot-sensor-node-with-anima-1772787341730-24305850.png" + }, ]} /> @@ -137,11 +152,14 @@ export default function LandingPage() { animationType="slide-up" metrics={[ { - id: "1", value: "2026", title: "AI Developer Projects", description: "Building intelligent systems with cutting-edge ML frameworks", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-sleek-3d-icon-representing-ai-developm-1772787340523-a3bfcf36.png?_wi=2"}, + id: "1", value: "2026", title: "AI Developer Projects", description: "Building intelligent systems with cutting-edge ML frameworks", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-sleek-3d-icon-representing-ai-developm-1772787340523-a3bfcf36.png?_wi=2" + }, { - id: "2", value: "2025", title: "Web3 Experimentation", description: "Developing decentralized applications and blockchain solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-icon-representing-web3-and-blockcha-1772787340666-ed50276e.png"}, + id: "2", value: "2025", title: "Web3 Experimentation", description: "Developing decentralized applications and blockchain solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-icon-representing-web3-and-blockcha-1772787340666-ed50276e.png" + }, { - id: "3", value: "2024", title: "IoT Dashboard Dev", description: "Creating real-time sensor network visualizations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-icon-representing-iot-dashboard-dev-1772787341098-c26f33c3.png"}, + id: "3", value: "2024", title: "IoT Dashboard Dev", description: "Creating real-time sensor network visualizations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZ5Rs4NNG0reEPuPIvGUyUPTf7/a-3d-icon-representing-iot-dashboard-dev-1772787341098-c26f33c3.png" + }, ]} /> @@ -175,17 +193,23 @@ export default function LandingPage() { faqsAnimation="slide-up" faqs={[ { - id: "1", title: "What technologies do you specialize in?", content: "I specialize in Three.js, React Three Fiber, and WebGL for immersive 3D experiences. Additionally, I work with Python for AI/ML and blockchain technologies for Web3 projects."}, + id: "1", title: "What technologies do you specialize in?", content: "I specialize in Three.js, React Three Fiber, and WebGL for immersive 3D experiences. Additionally, I work with Python for AI/ML and blockchain technologies for Web3 projects." + }, { - id: "2", title: "Can you build custom 3D experiences?", content: "Yes, I create custom 3D environments and interactive WebGL scenes tailored to your project requirements. From real-time dashboards to immersive brand experiences, I can design and implement complex 3D solutions."}, + id: "2", title: "Can you build custom 3D experiences?", content: "Yes, I create custom 3D environments and interactive WebGL scenes tailored to your project requirements. From real-time dashboards to immersive brand experiences, I can design and implement complex 3D solutions." + }, { - id: "3", title: "Do you offer consulting services?", content: "I provide technical consulting for projects involving 3D graphics, performance optimization, AI integration, and blockchain architecture. Let's discuss your specific needs."}, + id: "3", title: "Do you offer consulting services?", content: "I provide technical consulting for projects involving 3D graphics, performance optimization, AI integration, and blockchain architecture. Let's discuss your specific needs." + }, { - id: "4", title: "What's your typical project timeline?", content: "Project timelines vary based on complexity. Simple interactive components can be completed in 1-2 weeks, while comprehensive 3D experiences typically take 4-8 weeks. Let's discuss your timeline during consultation."}, + id: "4", title: "What's your typical project timeline?", content: "Project timelines vary based on complexity. Simple interactive components can be completed in 1-2 weeks, while comprehensive 3D experiences typically take 4-8 weeks. Let's discuss your timeline during consultation." + }, { - id: "5", title: "Do you work with agencies and teams?", content: "Absolutely! I collaborate with agencies, studios, and development teams on various capacities—from lead developer to technical consultant. I'm experienced working within larger project ecosystems."}, + id: "5", title: "Do you work with agencies and teams?", content: "Absolutely! I collaborate with agencies, studios, and development teams on various capacities—from lead developer to technical consultant. I'm experienced working within larger project ecosystems." + }, { - id: "6", title: "How can I get started?", content: "Simply reach out through the contact section below or email me at manikant@email.com. We'll discuss your project vision, requirements, and timeline to create the perfect solution."}, + id: "6", title: "How can I get started?", content: "Simply reach out through the contact section below or email me at manikant@email.com. We'll discuss your project vision, requirements, and timeline to create the perfect solution." + }, ]} /> -- 2.49.1