Build: Arhitectura României — interactive 3D scrollytelling

Astro 6 + Tailwind 4 + Three.js + GSAP/Lenis stack.

- Hero with animated procedural 3D Maramures house silhouette
- Six typology sections (Maramures, cula, sasesc, interbelic, comunist, contemporan), each with a low-poly Three.js model and interactive drag-to-rotate
- 5-question quiz that recommends a typology, with native + social share
- Beletage backlinks throughout: footer, header CTA, dedicated section, quiz result, share strip
- Full SEO: dynamic OG image, JSON-LD WebSite/Organization/Article, sitemap (i18n), robots, canonical, hreflang
- RO primary, EN landing variant
- Romanian-warm palette (terra/wood/sky-mist/bone), Fraunces + Inter fonts
- Lazy-init Three scenes via IntersectionObserver, prefers-reduced-motion respected

Static output, ready for Cloudflare Pages.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude (Beletage)
2026-04-20 03:21:18 +03:00
parent afc9477d3e
commit df35ee6632
28 changed files with 7575 additions and 0 deletions
+27
View File
@@ -0,0 +1,27 @@
{
"name": "2d3d-ro",
"type": "module",
"version": "0.0.1",
"engines": {
"node": ">=22.12.0"
},
"scripts": {
"dev": "astro dev",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"@astrojs/sitemap": "^3.7.2",
"@tailwindcss/vite": "^4.2.2",
"astro": "^6.1.8",
"gsap": "^3.15.0",
"lenis": "^1.3.23",
"tailwindcss": "^4.2.2",
"three": "^0.184.0"
},
"devDependencies": {
"@types/three": "^0.184.0",
"sharp": "^0.34.5"
}
}