Add dev tools and SEO files

Author: Kinin-Code-Offical

README.md

@@ -11,6 +11,16 @@ npm run dev
 
 Open `http://localhost:3000`.
 
+### Dev tools (camera + model console)
+
+PowerShell starter:
+
+```powershell
+.\scripts\dev.ps1
+```
+
+This opens `http://localhost:3000/?dev=1` and enables the live dev panel.
+
 ## 3D Model
 
 Export the Blender model to GLB and place it here:

scripts/dev.ps1

@@ -0,0 +1,27 @@
+param(
+  [switch]$DevTools
+)
+
+$ErrorActionPreference = "Stop"
+$root = Split-Path -Parent $PSScriptRoot
+Set-Location $root
+
+Write-Host "[dev] Project: $root"
+Write-Host "[dev] Node: $(node -v)"
+Write-Host "[dev] NPM: $(npm -v)"
+
+if (!(Test-Path -Path "node_modules")) {
+  Write-Host "[dev] Installing dependencies..."
+  npm install
+}
+
+if ($DevTools -or $true) {
+  $env:NEXT_PUBLIC_DEVTOOLS = "1"
+}
+
+$url = "http://localhost:3000/?dev=1"
+Write-Host "[dev] Opening $url"
+Start-Process $url
+
+Write-Host "[dev] Starting Next.js..."
+npm run dev

src/app/globals.css

@@ -568,6 +568,105 @@ textarea {
   justify-content: center;
 }
 
+.dev-console {
+  position: fixed;
+  z-index: 9998;
+  width: 280px;
+  border-radius: 16px;
+  border: 1px solid var(--stroke);
+  background: rgba(10, 12, 12, 0.92);
+  color: var(--ink);
+  box-shadow: var(--shadow);
+  font-size: 12px;
+  overflow: hidden;
+  transform: translateY(0);
+}
+
+.dev-console.top-left {
+  top: 20px;
+  left: 20px;
+}
+
+.dev-console.top-right {
+  top: 20px;
+  right: 20px;
+}
+
+.dev-console.bottom-left {
+  bottom: 20px;
+  left: 20px;
+}
+
+.dev-console.bottom-right {
+  bottom: 20px;
+  right: 20px;
+}
+
+.dev-toggle {
+  width: 100%;
+  padding: 10px 14px;
+  background: rgba(126, 242, 178, 0.1);
+  border: none;
+  color: var(--ink);
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.dev-body {
+  display: none;
+  padding: 12px 14px 16px;
+  gap: 12px;
+}
+
+.dev-console.open .dev-body {
+  display: grid;
+}
+
+.dev-section {
+  display: grid;
+  gap: 8px;
+  border-top: 1px solid var(--stroke);
+  padding-top: 10px;
+}
+
+.dev-section h4 {
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--muted);
+}
+
+.dev-section label {
+  display: grid;
+  gap: 4px;
+}
+
+.dev-section input[type="range"] {
+  width: 100%;
+}
+
+.dev-positions {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 6px;
+}
+
+.dev-positions button,
+.dev-reset {
+  padding: 8px 10px;
+  border-radius: 10px;
+  border: 1px solid var(--stroke);
+  background: rgba(255, 255, 255, 0.05);
+  color: var(--ink);
+  cursor: pointer;
+  font-size: 11px;
+}
+
+.dev-positions button.active {
+  border-color: rgba(126, 242, 178, 0.6);
+  background: rgba(126, 242, 178, 0.15);
+}
+
 @keyframes float {
   0%,
   100% {

src/app/robots.ts

@@ -0,0 +1,13 @@
+import type { MetadataRoute } from "next";
+
+export default function robots(): MetadataRoute.Robots {
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000";
+
+  return {
+    rules: {
+      userAgent: "*",
+      allow: "/",
+    },
+    sitemap: `${baseUrl}/sitemap.xml`,
+  };
+}

src/app/sitemap.ts

@@ -0,0 +1,15 @@
+import type { MetadataRoute } from "next";
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000";
+  const lastModified = new Date();
+
+  return [
+    {
+      url: baseUrl,
+      lastModified,
+      changeFrequency: "weekly",
+      priority: 1,
+    },
+  ];
+}