Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -57,7 +57,10 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="female-products" data-section="female-products">
+      <div id="female-products" data-section="female-products" style={{
+        background: 'linear-gradient(135deg, #ffc0cb 0%, #ffb6d9 50%, #ffc0cb 100%)',
+        padding: '2rem'
+      }}>
         <ProductCardThree
           title="Women's Collection"
           description="Explore our curated selection of premium skincare, makeup, and beauty essentials"
@@ -87,7 +90,10 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="male-products" data-section="male-products">
+      <div id="male-products" data-section="male-products" style={{
+        background: 'linear-gradient(135deg, #00d4aa 0%, #00a878 50%, #00d4aa 100%)',
+        padding: '2rem'
+      }}>
         <ProductCardThree
           title="Men's Collection"
           description="Premium technology, professional tools, and executive fashion for the modern man"
@@ -122,7 +128,7 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <AboutMetric
-          title="Cybe Store - Your Ultimate Shopping Destination for Premium Products Across Multiple Cultures and Languages. Now Supporting Portuguese (Brazil) and German."
+          title="Cybe Store - Your Ultimate Shopping Destination for Premium Products. Supporting English, Spanish, Portuguese (Brazil), French, German, Italian, and Japanese for global customers."
           useInvertedBackground={true}
           metricsAnimation="slide-up"
           metrics={[