@extends('layouts.app') @section('title', 'Startseiten-Varianten – Vorschau | KOTSCH.TECH') @section('meta_description', 'Interne Vorschau: 10 alternative Startseiten-Entwürfe für KOTSCH.TECH, jeweils mit eigenem Layout-Ansatz, gleicher Marke.') @section('robots', 'noindex, nofollow') @section('content')
Interne Vorschau

Startseiten-Varianten

Deine Favoriten index1 (Cinema-Bänder) und index2 (Broken-Grid) bleiben erhalten – darunter findest du 10 neue Varianten in derselben Familie. Gleiche Marke, gleiche Farben. Klick dich durch.

Zur aktuellen Startseite
@php $groups = [ [ 'title' => '★ Deine Favoriten — Basis für die neuen', 'items' => [ 1 => ['Cinema-Bänder', 'Vollflächige, filmische Sektionsbänder zum Durchscrollen', 'fa-film'], 2 => ['Broken-Grid / Overlap', 'Asymmetrisch geschichtete, überlappende Panels', 'fa-shapes'], ], ], [ 'title' => 'Neu — 10 Varianten in dieser Familie (Cinema × Broken-Grid)', 'items' => [ 11 => ['Cinema — verfeinert', 'Noch filmischer, klare Kapitel, ein CTA pro Band', 'fa-film'], 12 => ['Broken-Grid — verfeinert', 'Mutigere Overlaps, große Geister-Typo, präzise Schichtung', 'fa-shapes'], 13 => ['Hybrid', 'Filmische Bänder, Inhalt als Broken-Grid angeordnet', 'fa-layer-group'], 14 => ['Cinema — dunkel & dramatisch', 'Überwiegend dunkel, leuchtende Akzente, hoher Kontrast', 'fa-moon'], 15 => ['Broken-Grid — editorial', 'Magazin-Typo, große Nummern, mehrspaltig', 'fa-newspaper'], 16 => ['Cinema — Parallax', 'Ebenen driften beim Scrollen in den Bändern', 'fa-layer-group'], 17 => ['Broken-Grid — diagonal', 'Schrägen & clip-paths, dynamisch-kantig', 'fa-shapes'], 18 => ['Cinema — hell & luftig', 'Viel Weißraum, sanfte Mesh-Verläufe, ruhig', 'fa-feather'], 19 => ['Broken-Grid × Bento', 'Overlap trifft modulares Bento-Raster', 'fa-table-cells-large'], 20 => ['Hybrid — Max-Motion', 'Bänder + gebrochenes Grid + viel Bewegung', 'fa-wand-magic-sparkles'], ], ], [ 'title' => 'Weitere aus Runde 2', 'items' => [ 3 => ['Sticky-Stack-Cards', 'Karten, die beim Scrollen andocken & stapeln', 'fa-layer-group'], 4 => ['Mega-Typo Statement', 'Riesige kinetische Typografie als Layout', 'fa-font'], 5 => ['Aurora / Gradient-Mesh', 'Atmosphärische Gradient-Meshes & Glas-Panels', 'fa-wand-magic-sparkles'], 6 => ['Kinetic Marquee', 'Laufende Marquee-Bänder, Agentur-Energie', 'fa-bars-staggered'], 7 => ['Hover-Reveal-Verzeichnis', 'Editoriale Bereichsliste mit Hover-Vorschau', 'fa-list'], 8 => ['Neo-Brutalist', 'Rohe Rahmen, harte Schatten (jetzt auch standalone in arthurkotsch.online)', 'fa-cube'], 9 => ['Radial / Orbit-Hub', 'Bereiche orbital um die Marke angeordnet', 'fa-circle-nodes'], 10 => ['Soft / Claymorphism', 'Weiche Clay-Karten, runde Formen, einladend', 'fa-cloud'], ], ], ]; @endphp @foreach ($groups as $group)

{{ $group['title'] }}

@foreach ($group['items'] as $n => $v) {{ $v[0] }} {{ $v[1] }} /index{{ $n }} ansehen @endforeach
@endforeach
@endsection