7f67d123d6
- App Router mit TypeScript & Tailwind CSS - Landing Page mit Hero, Über uns, Shop-Teaser, Apps-Teaser, Newsletter - /shop mit 6 Platzhalter-Produkten - /apps Übersicht mit Snakkimo, Fittimo, Rezeptimo - Nav mit Apps-Dropdown, Footer - Design System: Cormorant Garamond + Mulish, Markenfarben - lib/shopify.ts als Platzhalter für Storefront API - Hero-Bild aus ZIP übernommen Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
33 lines
573 B
CSS
33 lines
573 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: 'Mulish', sans-serif;
|
|
color: #3D2B1F;
|
|
background: #FAFAF7;
|
|
}
|
|
|
|
@keyframes hcFloat {
|
|
0%, 100% { transform: translateY(0) rotate(0deg); }
|
|
50% { transform: translateY(-18px) rotate(4deg); }
|
|
}
|
|
|
|
@keyframes hcFloatSlow {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(14px); }
|
|
}
|
|
|
|
.animate-float {
|
|
animation: hcFloat 9s ease-in-out infinite;
|
|
}
|
|
|
|
.animate-float-slow {
|
|
animation: hcFloatSlow 7s ease-in-out infinite;
|
|
}
|