diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index dd70fac..48827a0 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -30,11 +30,11 @@ export default function AboutPage() {
                         { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "/contact" }}
                 />
                 <TextSplitAbout
                     className="py-32"
                     title="Our Story"
+                    useInvertedBackground={false}
                     description={[
                         "Luxuria was founded on a simple premise: travel should be as unique as the traveler.",                        "With over a decade of experience in the luxury travel sector, our team of experts is dedicated to crafting experiences that go beyond the expected."
                     ]}
diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
index d9986c0..83496f9 100644
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -8,7 +8,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function CartPage() {
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={[
@@ -16,13 +16,11 @@ export default function CartPage() {
                         { name: "Cart", id: "/cart" },
                     ]}
                     brandName="E-Shop"
-                    button={{ text: "View Cart", href: "/cart" }}
                 />
                 <ContactSplitForm
                     title="Checkout"
                     description="Complete your purchase details"
                     useInvertedBackground={false}
-                    buttons={[{ text: "Confirm Order" }]}
                     inputs={[
                         { name: "name", placeholder: "Full Name", type: "text", required: true },
                         { name: "address", placeholder: "Shipping Address", type: "text", required: true },
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index 8aa1784..c22e395 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -30,13 +30,13 @@ export default function FaqPage() {
                         { name: "Contact", id: "/contact" },
                     ]}
                     brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "/contact" }}
                 />
                 <FaqDouble
                     title="Frequently Asked Questions"
                     description="Common questions about our travel planning services."
                     textboxLayout="split"
                     faqsAnimation="slide-up"
+                    useInvertedBackground={false}
                     faqs={[
                         { id: "1", title: "How do you tailor travel experiences?", content: "We conduct a detailed consultation to understand your preferences, interests, and travel style to curate a bespoke itinerary." },
                         { id: "2", title: "Can you handle last-minute requests?", content: "While we recommend planning in advance, we can accommodate last-minute requests subject to availability." },
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 02dcf7e..d6b1e4b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -8,7 +8,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function ShopPage() {
     return (
-        <ThemeProvider>
+        <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={[
@@ -16,7 +16,6 @@ export default function ShopPage() {
                         { name: "Cart", id: "/cart" },
                     ]}
                     brandName="E-Shop"
-                    button={{ text: "View Cart", href: "/cart" }}
                 />
                 <ProductCardFour
                     title="Our Collection"
@@ -26,8 +25,9 @@ export default function ShopPage() {
                     gridVariant="four-items-2x2-equal-grid"
                     useInvertedBackground={false}
                     products={[
-                        { id: "1", name: "Product One", price: "$99", variant: "Standard", 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", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.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" },
+                        { 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" }
                     ]}
                 />
                 <FooterCard