diff --git a/parfum-shop/src/App.css b/parfum-shop/src/App.css index 34dff87..dc8b25f 100644 --- a/parfum-shop/src/App.css +++ b/parfum-shop/src/App.css @@ -302,7 +302,10 @@ grid-template-columns: 600px 1fr; gap: 28px; align-items: center; - padding: 40px 20px 50px; + background-color: #ff6a00; + margin: 20px; + border-radius: 24px; + padding: 40px 38px; } .discovery-copy h2 { @@ -311,14 +314,35 @@ line-height: 0.95; font-weight: 300; letter-spacing: -0.04em; - color: #1d1d1d; + color: #fff; } .discovery-copy p { margin-top: 18px; font-size: 15px; line-height: 1.5; - color: #555; + color: #fff; +} + +.discovery-btn { + border: none; + border-radius: 999px; + padding: 12px 18px; + font-size: 14px; + cursor: pointer; + transition: transform 0.2s ease, opacity 0.2s ease; + background-color: #fff; + color: #ff6a00; +} + +.discovery-btn:hover { + transform: translateY(-1px); + box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); +} + +.discovery-btn:active { + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); + background: rgba(255, 255, 255, 0.8); } .discovery-banner { @@ -337,20 +361,6 @@ display: block; } -.banner-btn { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - border: none; - border-radius: 999px; - padding: 12px 18px; - background: rgba(255, 255, 255, 0.22); - color: white; - backdrop-filter: blur(10px); - cursor: pointer; -} - /* --------------------------------------------------- */ /* RESPONSIVE */ diff --git a/parfum-shop/src/App.jsx b/parfum-shop/src/App.jsx index cacd0fa..3ddaf40 100644 --- a/parfum-shop/src/App.jsx +++ b/parfum-shop/src/App.jsx @@ -2,7 +2,7 @@ import LandingPage from "./pages/LandingPage"; import ProductDetailPage from "./components/ProductDetailPage"; function App() { - const showDetailPage = true; + const showDetailPage = false; if (showDetailPage) { return ; diff --git a/parfum-shop/src/pages/LandingPage.jsx b/parfum-shop/src/pages/LandingPage.jsx index 53f50b9..c9459bd 100644 --- a/parfum-shop/src/pages/LandingPage.jsx +++ b/parfum-shop/src/pages/LandingPage.jsx @@ -251,17 +251,17 @@ function LandingPage() { DISCOVERY SET

- 6 Samples × 2ml. + Alle 6 Düfte als 2ml Samples 2ml.
Jeden Duft eine Woche tragen.
Verstehen, was funktioniert.

+
Discovery Set -