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

68
components/layout/footer.tsx
View File

@@ -3,37 +3,26 @@ import { Mail, Phone, Star, Facebook, Instagram, Linkedin, Youtube } from "lucid
const contactInfo = [
{ icon: Mail, text: "info@proinn.nl", href: "mailto:info@proinn.nl" },
{ icon: Phone, text: "085 - 1234 567", href: "tel:0851234567" },
{ icon: Phone, text: "0165 311 490", href: "tel:0165311490" },
];
const companyInfo = [
{ label: "KVK", value: "12345678" },
{ label: "BTW", value: "NL123456789B01" },
{ label: "IBAN", value: "NL00 INGB 0000 0000 00" },
];
const locations = [
"Nunspeet",
"Veghel",
"Amsterdam",
"Rotterdam",
"Utrecht",
{ label: "KVK", value: "85086991" },
{ label: "BTW", value: "NL863503330.B01" },
];
const proinnLinks = [
{ label: "Projecten", href: "/projecten" },
{ label: "Producten", href: "/producten" },
{ label: "Configurator", href: "/offerte" },
{ label: "Over ons", href: "/over-ons" },
{ label: "Vacatures", href: "/vacatures" },
{ label: "Showrooms", href: "/showrooms" },
{ label: "Contact", href: "/contact" },
];
const serviceLinks = [
{ label: "Contact", href: "/contact" },
{ label: "Kennisbank", href: "/kennisbank" },
{ label: "Veelgestelde vragen", href: "/faq" },
{ label: "Garantie", href: "/garantie" },
{ label: "Onderhoud", href: "/onderhoud" },
{ label: "Stalen binnendeuren", href: "/producten#binnendeuren" },
{ label: "Stalen buitendeuren", href: "/producten#buitendeuren" },
{ label: "Stalen kantoorwanden", href: "/producten#kantoorwanden" },
{ label: "Maatwerk", href: "/producten#maatwerk" },
];
const socialLinks = [
@@ -48,13 +37,16 @@ export function Footer() {
<footer className="bg-[#1A2E2E]">
{/* Main Footer */}
<div className="mx-auto max-w-7xl px-4 pt-16 pb-12 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-5 lg:gap-8">
<div className="grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-4 lg:gap-8">
{/* Col 1 - Logo & Contact */}
<div className="lg:col-span-1">
<div>
<Link href="/" className="text-2xl font-extrabold tracking-tight text-white">
PROINN
</Link>
<div className="mt-6 space-y-3">
<p className="mt-4 text-sm leading-relaxed text-gray-400">
Handgemaakte stalen deuren, op maat geleverd en ge&iuml;nstalleerd vanuit Roosendaal.
</p>
<div className="mt-5 space-y-3">
{contactInfo.map((item) => (
<a
key={item.text}
@@ -66,7 +58,10 @@ export function Footer() {
</a>
))}
</div>
<div className="mt-5 space-y-2">
<p className="mt-3 text-xs text-gray-500">
Schotsbossenstraat 2, 4705AG Roosendaal
</p>
<div className="mt-4 space-y-1.5">
{companyInfo.map((item) => (
<p key={item.label} className="text-xs text-gray-500">
<span className="text-gray-400">{item.label}:</span> {item.value}
@@ -75,24 +70,7 @@ export function Footer() {
</div>
</div>
{/* Col 2 - Locaties */}
<div>
<h4 className="mb-4 text-sm font-semibold text-white">Locaties</h4>
<ul className="space-y-2.5">
{locations.map((city) => (
<li key={city}>
<Link
href={`/showrooms/${city.toLowerCase()}`}
className="text-sm text-gray-400 transition-colors hover:text-white"
>
{city}
</Link>
</li>
))}
</ul>
</div>
{/* Col 3 - Proinn */}
{/* Col 2 - Proinn */}
<div>
<h4 className="mb-4 text-sm font-semibold text-white">Proinn</h4>
<ul className="space-y-2.5">
@@ -109,9 +87,9 @@ export function Footer() {
</ul>
</div>
{/* Col 4 - Service */}
{/* Col 3 - Producten */}
<div>
<h4 className="mb-4 text-sm font-semibold text-white">Service</h4>
<h4 className="mb-4 text-sm font-semibold text-white">Producten</h4>
<ul className="space-y-2.5">
{serviceLinks.map((link) => (
<li key={link.label}>
@@ -126,7 +104,7 @@ export function Footer() {
</ul>
</div>
{/* Col 5 - Trustpilot */}
{/* Col 4 - Trustpilot */}
<div>
<div className="rounded-2xl bg-[#243636] p-6">
<p className="mb-3 text-xs font-medium uppercase tracking-wider text-gray-400">

12
components/layout/mobile-menu.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import Link from "next/link";
import { ChevronDown, Phone, Mail } from "lucide-react";
import { Phone, Mail } from "lucide-react";
import {
Sheet,
SheetContent,
@@ -11,8 +11,7 @@ import {
const menuLinks = [
{ href: "/", label: "Home" },
{ href: "/producten", label: "Producten", hasSubmenu: true },
{ href: "/maatwerk", label: "Maatwerk", hasSubmenu: true },
{ href: "/producten", label: "Producten" },
{ href: "/over-ons", label: "Over Ons" },
{ href: "/contact", label: "Contact" },
];
@@ -43,9 +42,6 @@ export function MobileMenu({ open, onOpenChange }: MobileMenuProps) {
className="flex items-center justify-between rounded-md px-3 py-3 text-base font-medium text-gray-800 transition-colors hover:bg-gray-50"
>
{link.label}
{link.hasSubmenu && (
<ChevronDown className="size-4 text-gray-400" />
)}
</Link>
</li>
))}
@@ -70,11 +66,11 @@ export function MobileMenu({ open, onOpenChange }: MobileMenuProps) {
</p>
<div className="space-y-2">
<a
href="tel:0851234567"
href="tel:0165311490"
className="flex items-center gap-2 text-sm text-gray-300 transition-colors hover:text-white"
>
<Phone className="size-4" />
085 - 1234 567
0165 311 490
</a>
<a
href="mailto:info@proinn.nl"

2
components/layout/navbar.tsx
View File

@@ -9,7 +9,7 @@ import { cn } from "@/lib/utils";
const navLinks = [
{ href: "/", label: "Home" },
{ href: "/producten", label: "Producten" },
{ href: "/maatwerk", label: "Maatwerk" },
{ href: "/over-ons", label: "Over Ons" },
{ href: "/contact", label: "Contact" },
];

4
components/layout/top-bar.tsx
View File

@@ -28,11 +28,11 @@ export function TopBar() {
{/* Contact & Language */}
<div className="flex items-center gap-4 text-xs text-gray-600">
<a
href="tel:0851234567"
href="tel:0165311490"
className="flex items-center gap-1.5 font-medium transition-colors hover:text-gray-900"
>
<Phone className="size-3.5" />
<span>085 - 1234 567</span>
<span>0165 311 490</span>
</a>
<div className="h-3.5 w-px bg-gray-400" />
<div className="flex items-center gap-1.5 font-medium">