src/app/betting/page.tsx

@@ -1,22 +1,22 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function BettingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple 
         navItems={[{ name: "Home", id: "/" }, { name: "Games", id: "/games" }, { name: "Betting", id: "/betting" }]} 
         brandName="Swift Haul"
       />
-      <PricingCardOne 
+      <PricingCardEight 
         title="Sports Betting Arena"
         description="Get competitive odds on your favorite sporting events."
         plans={[
-            { id: "1", badge: "Premier", price: "1.85", subtitle: "Team A Win", features: ["Fast Payouts", "Live Stats"] },
-            { id: "2", badge: "Premier", price: "2.10", subtitle: "Team B Win", features: ["Fast Payouts", "Live Stats"] }
+            { id: "1", badge: "Premier", price: "1.85", subtitle: "Team A Win", buttons: [{text: "Bet Now"}], features: ["Fast Payouts", "Live Stats"] },
+            { id: "2", badge: "Premier", price: "2.10", subtitle: "Team B Win", buttons: [{text: "Bet Now"}], features: ["Fast Payouts", "Live Stats"] }
         ]}
         animationType="slide-up"
         useInvertedBackground={false}

src/app/games/page.tsx

@@ -1,24 +1,25 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function GamesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple 
         navItems={[{ name: "Home", id: "/" }, { name: "Games", id: "/games" }, { name: "Betting", id: "/betting" }]} 
         brandName="Swift Haul"
       />
-      <FeatureCardTwentyEight 
+      <FeatureCardTwentySeven 
         title="Our Casino Games"
         description="Explore our curated selection of premium casino games, from slots to live dealer experiences."
         features={[
-            { id: "1", title: "Classic Slots", subtitle: "Retro vibes", category: "Slots", value: "Popular" },
-            { id: "2", title: "Live Roulette", subtitle: "Real-time action", category: "Live", value: "New" }
+            { id: "1", title: "Classic Slots", descriptions: ["Retro vibes"], imageSrc: "" },
+            { id: "2", title: "Live Roulette", descriptions: ["Real-time action"], imageSrc: "" }
         ]}
         animationType="slide-up"
+        textboxLayout="default"
         useInvertedBackground={false}
       />
       <FooterBaseReveal logoText="Swift Haul" columns={[]} />

src/app/login/page.tsx

@@ -1,20 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 export default function LoginPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Login", id: "/login" }]} brandName="Swift Haul" />
       <div className="min-h-screen flex items-center justify-center pt-20">
-        <ContactCenter 
-            tag="Welcome Back"
-            title="Login to Your Account"
-            description="Access your logistics portal to manage shipments, track assets, and view reports."
+        <ContactText 
+            text="Login to Your Account"
             background={{ variant: "gradient-bars" }}
-            buttonText="Login"
+            useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>

src/app/responsible-gambling/page.tsx

@@ -6,7 +6,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 
 export default function ResponsibleGamblingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Responsible Gambling", id: "/responsible-gambling" }]} brandName="Swift Haul" />
       <div className="pt-20">
         <LegalSection

src/app/terms/page.tsx

@@ -6,7 +6,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 
 export default function TermsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Terms", id: "/terms" }]} brandName="Swift Haul" />
       <div className="pt-20">
         <LegalSection