Xmutation-humans+ #552
Description
npx create-next-app@latest xmutation-humans-plus
cd xmutation-humans-plus/
xmutation-humans-plus/
├─ app/
│ ├─ layout.tsx
│ ├─ page.tsx
│ ├─ welcome/page.tsx
│ ├─ space/page.tsx
│ └─ api/verify/route.ts
├─ public/
├─ styles/
├─ .env.example
├─ package.json
└─ README.md
export const metadata = {
title: 'Xmutation‑Humans+',
description: 'Verified humans only',
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<body style={{
margin: 0,
fontFamily: 'system-ui',
background: '#0a0a0a',
color: '#ffffff'
}}>
{children}
)
}
'use client'
import { useRouter } from 'next/navigation'
export default function Home() {
const router = useRouter()
return (
<main style={{
minHeight: '100vh',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
textAlign: 'center'
}}>
<h1 style={{ fontSize: 42 }}>Xmutation‑Humans+
<p style={{ opacity: 0.7 }}>
Real humans. Real presence.
<button
onClick={() => router.push('/welcome')}
style={{
marginTop: 30,
padding: '14px 28px',
fontSize: 16,
background: '#ffffff',
color: '#000',
border: 'none',
cursor: 'pointer'
}}
>
Verify with World ID
</button>
</div>
</main>
)
}
'use client'
import { useEffect } from 'react'
import { useRouter } from 'next/navigation'
export default function Welcome() {
const router = useRouter()
useEffect(() => {
const timer = setTimeout(() => {
router.push('/space')
}, 2000)
return () => clearTimeout(timer)
}, [router])
return (
<main style={{
minHeight: '100vh',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
}}>
Welcome, Verified Human.
)
}
export default function Space() {
return (
<main style={{
minHeight: '100vh',
padding: 40
}}>
🧬 Xmutation Space
<p style={{ marginTop: 20, opacity: 0.8 }}>
Status: <strong>Verified Human</strong>
</p>
<p style={{ marginTop: 10 }}>
This space evolves with real humans only.
</p>
</main
)
}
export default function Space() {
return (
<main style={{
minHeight: '100vh',
padding: 40
}}>
🧬 Xmutation Space
<p style={{ marginTop: 20, opacity: 0.8 }}>
Status: <strong>Verified Human</strong>
</p>
<p style={{ marginTop: 10 }}>
This space evolves with real humans only.
</p>
</main>
)
}
import { NextResponse } from 'next/server'
export async function POST() {
// Aquí irá la validación real con World ID
return NextResponse.json({
success: true,
verified: true,
})
}
Xmutation‑Humans+
A futuristic mini‑app for real human verification.
Tech
- Next.js
- World ID
- Vercel
Status
Active development.
git add .
git commit -m "Initial base: Xmutation-Humans+"
git push origin main