youztech/stalendeuren
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Latest production version with interior scene and glass

Browse Source 
Includes room interior with floor, walls, glass you can see through,
and all uncommitted production changes that were running live.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ubuntu
2026-03-01 14:50:31 +00:00
parent 748a5814e7
commit 3d788740cb
110 changed files with 162553 additions and 13070 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
components/home/hero.tsx
View File

@@ -1,10 +1,10 @@
import Link from "next/link";
import Image from "next/image";
import { ArrowRight } from "lucide-react";
import { ArrowRight, Phone } from "lucide-react";
export function Hero() {
return (
<section className="relative flex min-h-screen items-end overflow-hidden">
<section className="relative flex h-[70vh] min-h-[480px] max-h-[720px] items-end overflow-hidden">
{/* Background image */}
<Image
src="/images/hero.jpg"
@@ -15,45 +15,48 @@ export function Hero() {
/>
{/* Gradient overlay */}
<div className="absolute inset-0 bg-gradient-to-t from-[#1A2E2E]/90 via-[#1A2E2E]/30 to-transparent" />
<div className="absolute inset-0 bg-gradient-to-t from-[#1A2E2E]/90 via-[#1A2E2E]/40 to-[#1A2E2E]/10" />
{/* Content pinned to bottom */}
<div className="relative w-full pb-20 pt-40">
<div className="relative w-full pb-12 pt-20">
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
{/* Label */}
<div className="mb-6 flex items-center gap-2">
<div className="h-5 w-1 rounded-full bg-[#C4D668]" />
<span className="text-sm font-medium tracking-wide text-[#C4D668]">
Staal &middot; Vakmanschap &middot; Maatwerk
</span>
</div>
<div className="max-w-2xl">
{/* Label */}
<div className="mb-4 flex items-center gap-2">
<div className="h-4 w-1 rounded-full bg-[#C4D668]" />
<span className="text-xs font-medium tracking-widest uppercase text-[#C4D668]">
Handgemaakt in Roosendaal
</span>
</div>
<h1 className="max-w-3xl text-5xl font-light leading-[1.1] tracking-tight text-white md:text-7xl">
Innovatieve
<br />
<span className="font-semibold">Stalen</span> Oplossingen
</h1>
<h1 className="text-4xl font-light leading-[1.1] tracking-tight text-white sm:text-5xl lg:text-6xl">
Stalen deuren
<br />
<span className="font-semibold">op maat</span> gemaakt
</h1>
<p className="mt-6 max-w-md text-base font-light leading-relaxed text-white/60">
Maatwerk voor bedrijven en particulieren. Van stalen deuren tot
industriële kozijnen — wij realiseren uw visie in staal.
</p>
<p className="mt-4 max-w-md text-sm leading-relaxed text-white/60">
Van ontwerp tot montage. Wij maken stalen deuren, kozijnen en
wanden die perfect passen bij uw interieur.
</p>
<div className="mt-10 flex flex-col gap-4 sm:flex-row">
<Link
href="/offerte"
className="inline-flex items-center gap-2 rounded-md bg-[#C4D668] px-7 py-3 text-sm font-semibold text-black transition-colors hover:bg-[#b5c75a]"
>
Zelf ontwerpen
<ArrowRight className="size-4" />
</Link>
<div className="mt-8 flex flex-col gap-3 sm:flex-row sm:items-center">
<Link
href="/offerte"
className="inline-flex items-center gap-2 rounded-md bg-[#C4D668] px-6 py-3 text-sm font-semibold text-black transition-colors hover:bg-[#b5c75a]"
>
Configureer uw deur
<ArrowRight className="size-4" />
</Link>
<Link
href="/producten"
className="inline-flex items-center gap-2 rounded-md border-2 border-white/30 px-7 py-3 text-sm font-semibold text-white transition-colors hover:bg-white/10"
>
Bekijk Producten
</Link>
<a
href="tel:0165311490"
className="inline-flex items-center gap-2 rounded-md border border-white/20 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-white/10"
>
<Phone className="size-4" />
0165 311 490
</a>
</div>
</div>
</div>
</div>