NiekRabelink/jouwdriedee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add accurate photorealistic 3D print product & category photos and rewrite all copy to professional maker-focused texts

Browse Source
This commit is contained in:
Niek Rabelink
2026-10-31 17:49:33 +01:00
parent d55cb97bfd
commit 7964bbd9ec
21 changed files with 330 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/shop/catalog.blade.php
+9 -10
View File
@@ -1,18 +1,17 @@
@extends('layouts.app')
@section('title', '3D Print Catalogus 🎁 | Jouwdriedee.nl')
@section('title', '3D Print Catalogus | Jouwdriedee.nl')
@section('content')
<!-- Page Header -->
<div class="bg-gradient-to-b from-amber-50 to-[#FFFDF9] border-b border-slate-200/80 py-6 sm:py-8">
<div class="bg-slate-50 border-b border-slate-200/80 py-6 sm:py-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row sm:items-center justify-between gap-3">
<div>
<div class="inline-flex items-center space-x-1.5 px-3 py-1 rounded-full bg-white border border-slate-200 text-[10px] sm:text-xs font-black text-rose-500 shadow-2xs mb-2">
<span>🧸</span>
<span>Onze Collectie 3D Prints</span>
<div class="inline-flex items-center space-x-1.5 px-3 py-1 rounded-full bg-white border border-slate-200 text-xs font-bold text-slate-700 shadow-2xs mb-2">
<span>Overzicht 3D Modellen</span>
</div>
<h1 class="font-heading text-2xl sm:text-4xl font-black text-slate-900 tracking-tight">Kies Jouw Favoriete Print! 🎁</h1>
<p class="text-xs text-slate-500 mt-1">Fidget toys, Pokémon figuren en popculture collectibles vers uit de 3D printer.</p>
<h1 class="font-heading text-2xl sm:text-4xl font-black text-slate-900 tracking-tight">Onze 3D Print Collectie</h1>
<p class="text-xs text-slate-500 mt-1">Fidget toys, Pokémon figuren en popculture modellen. Geprint op aanvraag in jouw gewenste kleur.</p>
</div>
@if(request()->hasAny(['category', 'material', 'q', 'sort']))
<a href="{{ route('catalog') }}" class="playful-btn px-3 py-1.5 rounded-xl bg-white border border-slate-200 text-xs font-bold text-rose-600 hover:bg-rose-50 flex items-center space-x-1 self-start shadow-2xs">
@@ -87,7 +86,7 @@
<!-- Categorie filter -->
<div>
<label class="block text-xs font-bold text-slate-700 mb-2">Categorieën 🧸</label>
<label class="block text-xs font-bold text-slate-700 mb-2">Categorieën</label>
<div class="space-y-1">
<a href="{{ route('catalog', array_merge(request()->except('category', 'page'), [])) }}" class="flex items-center justify-between px-3 py-2 rounded-xl text-xs font-bold transition {{ !request('category') ? 'bg-amber-100 text-amber-950 font-black' : 'text-slate-600 hover:bg-slate-50' }}">
<span>Alle categorieën</span>
@@ -102,7 +101,7 @@
<!-- Materiaal filter -->
<div>
<label class="block text-xs font-bold text-slate-700 mb-2">Materiaal 🌈</label>
<label class="block text-xs font-bold text-slate-700 mb-2">Filament Materiaal</label>
<div class="space-y-1">
<a href="{{ route('catalog', array_merge(request()->except('material', 'page'), [])) }}" class="flex items-center justify-between px-3 py-1.5 rounded-xl text-xs font-bold transition {{ !request('material') ? 'bg-sky-100 text-sky-950 font-black' : 'text-slate-600 hover:bg-slate-50' }}">
<span>Alle materialen</span>
@@ -119,7 +118,7 @@
<div class="hidden lg:block">
<label class="block text-xs font-bold text-slate-700 mb-1.5">Sorteren</label>
<select name="sort" onchange="this.form.submit()" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-3 py-2 text-xs font-bold text-slate-700 focus:bg-white focus:outline-none">
<option value="newest" {{ request('sort') === 'newest' ? 'selected' : '' }}>Nieuwste eerst ✨</option>
<option value="newest" {{ request('sort') === 'newest' ? 'selected' : '' }}>Nieuwste toevoegingen</option>
<option value="price_asc" {{ request('sort') === 'price_asc' ? 'selected' : '' }}>Prijs: Laag naar hoog</option>
<option value="price_desc" {{ request('sort') === 'price_desc' ? 'selected' : '' }}>Prijs: Hoog naar laag</option>
</select>