diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 48827a0..d59fa61 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -30,6 +30,7 @@ export default function AboutPage() {
                         { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
+                    button={{ text: "Get Started", href: "#" }}
                 />
                 <TextSplitAbout
                     className="py-32"
diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
index 83496f9..355b1c5 100644
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -16,6 +16,7 @@ export default function CartPage() {
                         { name: "Cart", id: "/cart" },
                     ]}
                     brandName="E-Shop"
+                    button={{ text: "Checkout", href: "/cart" }}
                 />
                 <ContactSplitForm
                     title="Checkout"
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index c22e395..fece033 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -30,6 +30,7 @@ export default function FaqPage() {
                         { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
+                    button={{ text: "Get Started", href: "#" }}
                 />
                 <FaqDouble
                     title="Frequently Asked Questions"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index d6b1e4b..d4c8f40 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -16,6 +16,7 @@ export default function ShopPage() {
                         { name: "Cart", id: "/cart" },
                     ]}
                     brandName="E-Shop"
+                    button={{ text: "Cart", href: "/cart" }}
                 />
                 <ProductCardFour
                     title="Our Collection"
@@ -25,9 +26,9 @@ export default function ShopPage() {
                     gridVariant="four-items-2x2-equal-grid"
                     useInvertedBackground={false}
                     products={[
-                        { id: "1", name: "Product One", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp" },
-                        { id: "2", name: "Product Two", price: "$149", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp" },
-                        { id: "3", name: "Product Three", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp" }
+                        { id: "1", name: "Product One", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp", variant: "default" },
+                        { id: "2", name: "Product Two", price: "$149", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp", variant: "default" },
+                        { id: "3", name: "Product Three", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp", variant: "default" }
                     ]}
                 />
                 <FooterCard