feat: implement Marco's customer changes
- Remove 'Flotte ansehen' button from hero section - Remove '24/7 Support' stat from hero section - Remove 'Unsere Flotte' eyebrow from fleet section - Remove ALL 'Warum wir' / 'Why us' references from nav links, i18n keys, and legal pages - Update reviews: Ferrari references only (removed GT3 mentions) - Update Impressum with correct company data (MC Cars GmbH) - Add multi-photo gallery: DB migration (17-vehicle-photos.sql), admin UI for photo management, frontend carousel on cards and dialog - Update SEO: Ferrari-focused meta tags, title, keywords, JSON-LD - Clean up dead i18n keys (viewFleet, statSupport, fleetEyebrow, navWhy, why* keys) - Fix legal page issues: add config.js script, fix logo references to SVG - Add Playwright E2E tests (26/26 passing) - Update footer tagline across all pages
This commit is contained in:
@@ -420,6 +420,146 @@ select:focus, input:focus, textarea:focus {
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
/* Photo carousel nav */
|
||||
.vehicle-photo-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.5rem;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
.vehicle-photo:hover .vehicle-photo-nav {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.vehicle-photo-prev,
|
||||
.vehicle-photo-next {
|
||||
background: rgba(0,0,0,0.6);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
font-size: 1.2rem;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
.vehicle-photo-prev:hover,
|
||||
.vehicle-photo-next:hover {
|
||||
background: rgba(0,0,0,0.8);
|
||||
}
|
||||
.vehicle-photo-dots {
|
||||
position: absolute;
|
||||
bottom: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
}
|
||||
.vehicle-photo-dots span {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: rgba(255,255,255,0.4);
|
||||
transition: background 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
.vehicle-photo-dots span.active {
|
||||
background: #fff;
|
||||
transform: scale(1.3);
|
||||
}
|
||||
|
||||
/* Dialog gallery */
|
||||
.dialog-gallery {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 16/10;
|
||||
background: #0e1015;
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.dialog-gallery-main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.dialog-gallery-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.5rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
.dialog-gallery-prev,
|
||||
.dialog-gallery-next {
|
||||
background: rgba(0,0,0,0.6);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
font-size: 1.4rem;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background 0.2s ease;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.dialog-gallery-prev:hover,
|
||||
.dialog-gallery-next:hover {
|
||||
background: rgba(0,0,0,0.8);
|
||||
}
|
||||
.dialog-gallery-thumbs {
|
||||
position: absolute;
|
||||
bottom: 0.6rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
}
|
||||
.dialog-gallery-thumbs button {
|
||||
width: 56px;
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
border: 2px solid transparent;
|
||||
cursor: pointer;
|
||||
opacity: 0.6;
|
||||
transition: opacity 0.2s ease, border-color 0.2s ease;
|
||||
padding: 0;
|
||||
background: none;
|
||||
}
|
||||
.dialog-gallery-thumbs button.active {
|
||||
border-color: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
.dialog-gallery-thumbs button:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.dialog-gallery-thumbs button img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.vehicle-body {
|
||||
padding: 1.4rem;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user