From 8951b36ae3970d7541f1584d25235c74f0c9342b Mon Sep 17 00:00:00 2001
From: anielsen99 <amanda.nielsen@gmx.ch>
Date: Thu, 26 Mar 2026 13:37:41 +0100
Subject: [PATCH] revise discovery-section on landingPage

---
 parfum-shop/src/App.css               | 44 ++++++++++++++++-----------
 parfum-shop/src/App.jsx               |  2 +-
 parfum-shop/src/pages/LandingPage.jsx |  4 +--
 3 files changed, 30 insertions(+), 20 deletions(-)

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 <ProductDetailPage perfumeSlug="kalter-beton" />;
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
             </h2>
             <p>
-              6 Samples × 2ml.
+              Alle 6 Düfte als 2ml Samples 2ml.
               <br />
               Jeden Duft eine Woche tragen.
               <br />
               Verstehen, was funktioniert.
             </p>
+            <button className="discovery-btn">Discovery Set bestellen</button>
           </div>
 
           <div className="discovery-banner">
             <img src="/DISCOVERYSET.png" alt="Discovery Set" />
-            <button className="banner-btn">Discovery Set bestellen</button>
           </div>
         </section>
       </main>