Work · Getting found
seopr1.com
seopr1.com is a five-page marketing site for AI-search visibility, built so the site itself survives the scrutiny the service invites. Pages ship as static HTML with one framework dependency; a WebGL tuning fork tied to scroll carries the hero, and every effect has an explicit fallback. If WebGL is missing, the whole DOM experience remains and only the 3D drops. Nothing important lives inside the animation.
Marketing site that has to prove itself
products
github.com/CryptoJym/seopr1-site
2026-03-22 → 2026-08-11
0 stars · 9 merged changes
condition: dormant
The problem
A site that sells AI-search visibility has a credibility trap built into it. If the site itself is slow, invisible to crawlers, or generic, the pitch is dead on arrival. It also has a plain business job: explain a new service to professional firms who have not heard of it, and book a call.
What I built
A five-page site built for speed first and motion second. The hero carries a 3D tuning fork rendered in WebGL, tied to scroll. Ripple and wave layers sit behind the copy. The whole thing ships as static pages with one framework dependency, so the visual ambition does not cost load time.
How it works in plain words
The site is built with Astro, which sends plain HTML and adds interactivity only where it is needed. The 3D fork runs on WebGL through three.js, driven by GSAP ScrollTrigger, so the object turns as you read.
The interesting part is what happens when the fancy layer is not available. If WebGL is missing, the code keeps the whole DOM experience, reveals and theme included, and drops only the 3D. On small screens the wave canvas is switched off entirely, and a legibility plate sits behind copy wherever the fork would pass under text. Nothing important lives inside the animation.
Structured data describes the service in the page source, so an assistant reading the page gets the same explanation a person does. Booking runs through an embedded scheduler, so the call happens in one click instead of a form and a wait.
What is not measured here
Accessibility and fallback behaviour are in the source rather than asserted here: the WebGL branch has an explicit no-WebGL path, and decorative canvases carry aria-hidden.
No measured performance score for seopr1.com is published here yet.
Stack
Astro 6. three.js r128. GSAP with ScrollTrigger. Lenis for smooth scroll. SVG filters for ripple distortion. Deployed on Vercel. Booking through an embedded scheduler widget.