src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
-  --card: #fcfcfc;;
-  --foreground: #00120ae6;;
-  --primary-cta: #15ad59;;
+  --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
   --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --accent: #facc15;;
+  --background-accent: #fef08a;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
 import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
@@ -66,40 +66,31 @@ export default function LandingPage() {
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardTwo
+        <ProductCardSeven
           title="Hero Products & Routines"
           description="Curated bestsellers proven to deliver visible results. Choose your perfect routine."
           tag="BESTSELLERS"
           products={[
             {
               id: "1",
-              brand: "LUMINOUS",
               name: "Gentle Cleanse",
               price: "$32.00",
-              rating: 5,
-              reviewCount: "2.4k",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643704607-300wohbd.jpg",
               imageAlt: "Gentle Cleanse facial cleanser",
               isFavorited: false
             },
             {
               id: "2",
-              brand: "LUMINOUS",
               name: "Hydra Boost Moisturizer",
               price: "$38.00",
-              rating: 5,
-              reviewCount: "3.1k",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643705437-1xkd5321.jpg",
               imageAlt: "Hydra Boost Moisturizer jar",
               isFavorited: false
             },
             {
               id: "3",
-              brand: "LUMINOUS",
               name: "Renewal Serum",
               price: "$48.00",
-              rating: 5,
-              reviewCount: "3.8k",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643706151-xqxlt09a.jpg",
               imageAlt: "Renewal Serum dropper bottle",
               isFavorited: false