bender/5fd41686-a13c-4002-b80b-eb41691eadeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... main

Author SHA1 Message Date
bender
2c1bc8c75b Merge version_3 into main 
Merge version_3 into main
 2026-03-06 09:00:36 +00:00
bender
d40ce8cdeb Update src/app/page.tsx 2026-03-06 09:00:32 +00:00
bender
1a68497e8d Update src/app/layout.tsx 2026-03-06 09:00:32 +00:00
bender
94cf7874e2 Merge version_2 into main 
Merge version_2 into main
 2026-03-06 08:58:39 +00:00
bender
9203c69a9d Update src/app/page.tsx 2026-03-06 08:58:35 +00:00
bender
8e165f88f0 Merge version_1 into main 
Merge version_1 into main
 2026-03-06 08:56:31 +00:00
2 changed files with 53 additions and 27 deletions
Expand all files Collapse all files

6
src/app/layout.tsx
View File

@@ -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: {

74
src/app/page.tsx
View File

@@ -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"
},
]}
/>
</div>
@@ -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"
},
]}
/>
</div>
@@ -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"
},
]}
/>
</div>
@@ -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"
},
]}
/>
</div>
@@ -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, WebGL, Python for AI/ML, and blockchain technologies. My focus is on creating immersive 3D web experiences combined with intelligent systems and modern frontend development."},
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."
},
]}
/>
</div>