Merge version_2 into main

Merge version_2 into main

src/app/globals.css

@@ -5,12 +5,12 @@
   /* --vw is set by ThemeProvider */
 
   --background: #ffffff;;
-  --card: #fff7f7;;
-  --foreground: #1a0000;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
-  --accent: #f5c4c7;;
-  --background-accent: #f09199;;
+  --card: #fcfcfc;;
+  --foreground: #000000e6;;
+  --primary-cta: #1a1a1a;;
+  --secondary-cta: #f9f9f9;;
+  --accent: #e2e2e2;;
+  --background-accent: #c4c4c4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1264,4 +1264,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -52,7 +52,7 @@ export default function LandingPage() {
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719391860-9kxqnvrk.jpg"
           imageAlt="Premium wellness setting"
-          showDimOverlay={true}
+          showDimOverlay={false}
           logoLineHeight={1.15}
           ariaLabel="Pleasure Co. premium wellness hero section"
         />
@@ -61,7 +61,7 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <TextAbout
           title="We believe pleasure is a fundamental part of wellness. Our products are designed with premium materials, rigorous safety standards, and your complete satisfaction in mind. Every item is crafted to deliver confidence, comfort, and joy."
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Explore Our Range", href: "products" },
             { text: "Our Values", href: "contact" }
@@ -107,7 +107,7 @@ export default function LandingPage() {
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          useInvertedBackground="invertCard"
+          useInvertedBackground="noInvert"
           metrics={[
             {
               id: "1",              value: "50K+",              tag: "Happy Customers",              tagIcon: Heart,
@@ -160,7 +160,7 @@ export default function LandingPage() {
           title="Frequently Asked Questions"
           description="Everything you need to know about our products and services"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           animationType="smooth"
           faqs={[
             {
@@ -239,4 +239,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}