src/app/collections/page.tsx

@@ -7,7 +7,7 @@ import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Mail, Sparkles, Palette } from "lucide-react";
+import { Mail, Sparkles, Palette, Heart } from "lucide-react";
 
 export default function CollectionsPage() {
   const navItems = [
@@ -116,10 +116,11 @@ export default function CollectionsPage() {
           title="Featured Perfumes"
           description="Curated selection of our most beloved and bestselling fragrances"
           tag="Best Sellers"
-          tagIcon={Sparkles}
+          tagIcon={Heart}
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="blur-reveal"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -142,6 +143,7 @@ export default function CollectionsPage() {
           textboxLayout="default"
           gridVariant="bento-grid"
           animationType="scale-rotate"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -156,6 +158,7 @@ export default function CollectionsPage() {
             { text: "Contact Us", href: "/contact" },
             { text: "Try Fragrance Finder", href: "/finder" },
           ]}
+          useInvertedBackground={false}
         />
       </div>
 

src/app/product/[id]/page.tsx

@@ -9,7 +9,7 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Mail, Sparkles, Palette } from "lucide-react";
 
-export default function ProductDetailPage() {
+export default function ProductPage() {
   const navItems = [
     { name: "Shop", id: "shop" },
     { name: "Collections", id: "collections" },
@@ -85,17 +85,17 @@ export default function ProductDetailPage() {
 
       <div id="product-hero" data-section="product-hero">
         <HeroBillboard
-          title="Premium Fragrance"
-          description="Experience luxury in every spray. Our expertly crafted fragrances combine the finest ingredients with timeless elegance."
+          title="Product Details"
+          description="Explore the finest fragrances in our collection. Each scent is carefully crafted to create a lasting impression."
           background={{ variant: "sparkles-gradient" }}
           tag="Luxury Collection"
           tagIcon={Sparkles}
           buttons={[
-            { text: "Add to Cart", href: "#" },
-            { text: "Learn More", href: "#" },
+            { text: "Browse All", href: "/collections" },
+            { text: "Find Your Scent", href: "/finder" },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/front-view-cologne-bottle-rotten-tree-branch-dark-blue-background_140725-144917.jpg"
-          imageAlt="Premium perfume bottle showcase"
+          imageAlt="Premium perfume collection showcase"
           mediaAnimation="slide-up"
         />
       </div>
@@ -113,27 +113,29 @@ export default function ProductDetailPage() {
               id: "3",              name: "White Rose Vintage",              price: "$195.00",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176156.jpg",              imageAlt: "White Rose Vintage premium perfume",              initialQuantity: 1,
             },
           ]}
-          title="Related Fragrances"
-          description="Explore other fragrances you might love"
-          tag="Similar Scents"
+          title="Featured Perfumes"
+          description="Curated selection of our most beloved and bestselling fragrances"
+          tag="Best Sellers"
           tagIcon={Sparkles}
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="blur-reveal"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="product-cta" data-section="product-cta">
         <ContactCTA
-          tag="Need Help?"
+          tag="Get In Touch"
           tagIcon={Mail}
-          title="Find Your Perfect Match"
-          description="Our fragrance experts are here to help you discover the scent that's perfect for you. Contact us for personalized recommendations."
+          title="Need Help Choosing?"
+          description="Our fragrance experts are ready to help you find the perfect scent. Whether you're looking for a personal signature or a gift for someone special, we're here to guide you."
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Contact Support", href: "/contact" },
-            { text: "Take Quiz", href: "/finder" },
+            { text: "Contact Us", href: "/contact" },
+            { text: "Try Fragrance Finder", href: "/finder" },
           ]}
+          useInvertedBackground={false}
         />
       </div>