This is your hero section component

Content Section

Your tagline here

Your headline
goes right here

This section is fully customizable. Add your product description, value proposition, sign-up forms, CTAs, social proof -- anything that tells your story.

Primary CTA
Secondary CTA
3D Canvas
Any .glb modelDrag to rotateHover to zoomASCII shaderCRT effects

A 3D GLTF model rendered with React Three Fiber, post-processed into ASCII art using custom GLSL shaders.

Interact:

  • Hover to increase rotation speed
  • Click and drag to rotate manually
  • Move mouse for reactive glow effects

Customize:

  • Add your own 3d model → Replace public/models/user-model.glb
  • Model path & material → components/effect-scene.tsx (line 12, 17)
  • ASCII shader settings → components/ascii-effect.tsx (line 188-202)
  • Colors, cell size, effects → components/ascii-effect.tsx

If you liked using this, buy me a coffee