Schol-Bud

A hero with an interactive 3D window model as the visual hero of the page. The client sees a specific piece of joinery in detail, can rotate the model and view the frame from every angle. Within the first second they get the signal “this is a company that understands its product”. No stock photograph does that.

A marketing site with a product-led hierarchy: four product sections (windows · exterior doors · interior doors · garage gates), a work gallery with photos from real installations, and a contact section with a form and a click-to-call number.

Each product category has its own section with a specific scope description, photos and a CTA leading to an enquiry. A client looking for a particular product doesn't have to wade through “about us” before reaching what they need.

A click-to-call phone number (`tel:` link) in the sticky header, available on every subpage. Most enquiries in the joinery trade come by phone; the form is plan B. Real installation photos instead of a stock library.

Stack: Next.js (App Router), TypeScript, Tailwind CSS, Three.js + React Three Fiber, Vercel. The 3D window model is a lightweight `.glb` file (~a few hundred KB), lazy-loaded via `dynamic({ ssr: false })`. It doesn't block the first render and doesn't break the static part of the site.

The rest of the site is prerendered static HTML. It loads from a CDN with no database queries, no plugins, no admin panel. 3D is an addition, not a foundation. A client on a slow connection gets a sensible fallback (an image); a client on better hardware gets the interactive model.

Beyond the hero, no sliders, no parallax, no marketing animations. 3D shows the product; the rest of the site sells it. Local SEO without keyword stuffing: specific mentions of Żnin in the heading, the service descriptions and the contact section, wherever it reads naturally.

A 3D window model in the hero. The 30 similar offers in Google use a stock photo of a window. The 31st, which shows a specific product in 3D and lets you rotate it, stands out instantly. This isn't a “wow” effect for its own sake. It shows the product better than any photograph. The client sees the frame profile, the way it opens, the detail of the hardware.

A product-led hierarchy instead of “About us / Offer / Work”. The client is searching for a specific product, not the company's history. Four categories as equal entry points cut out clicks and signal that the company takes every product line seriously.

Real photos over stock. Joinery is a 20–30 year investment. The client needs to see this isn't a garage business from 2008. A stock photo from a library won't build that trust, even if it looks “nice”.

Next.js + Three.js instead of WordPress. The default choice in Poland for a local company's site is WP with a theme and hosting for 30 zł/month. WordPress with a 3D model in the hero means bolting on a 200 zł plugin that will still be slower and more fragile. Static Next + lazy-loaded R3F delivers 0 zł hosting, sub-second loading and a fundamentally different maintenance model.