diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 0bba5ed..c9f03d5 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -18,8 +18,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "#features" },
         { label: "Pricing", href: "#pricing" },
         { label: "Dashboard", href: "/dashboard" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "#about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "Tutorials", href: "#" },
         { label: "Community", href: "#" },
@@ -45,8 +42,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -62,7 +58,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -72,9 +68,7 @@ export default function ContactPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Get Started Free",
-            href: "/contact",
-          }}
+            text: "Get Started Free",            href: "/contact"}}
           brandName="ContentFlow"
         />
       </div>
@@ -87,7 +81,7 @@ export default function ContactPage() {
             { text: "Start Free Trial", href: "#" },
             { text: "Schedule a Call", href: "#" },
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -96,35 +90,17 @@ export default function ContactPage() {
         <FaqDouble
           faqs={[
             {
-              id: "1",
-              title: "How do I get started with ContentFlow?",
-              content: "Getting started is easy! Sign up for a free trial, connect your YouTube channel, and configure your content preferences. You'll have access to all features for generating your first 10 videos free. No credit card required.",
-            },
+              id: "1",              title: "How do I get started with ContentFlow?",              content: "Getting started is easy! Sign up for a free trial, connect your YouTube channel, and configure your content preferences. You'll have access to all features for generating your first 10 videos free. No credit card required."},
             {
-              id: "2",
-              title: "What payment options do you accept?",
-              content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and wire transfers for enterprise accounts. All plans include a 14-day free trial so you can test the platform risk-free.",
-            },
+              id: "2",              title: "What payment options do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and wire transfers for enterprise accounts. All plans include a 14-day free trial so you can test the platform risk-free."},
             {
-              id: "3",
-              title: "Can I cancel my subscription anytime?",
-              content: "Absolutely. You can cancel your subscription anytime from your account settings. There are no long-term contracts or cancellation fees. Your account access will remain active until the end of your billing period.",
-            },
+              id: "3",              title: "Can I cancel my subscription anytime?",              content: "Absolutely. You can cancel your subscription anytime from your account settings. There are no long-term contracts or cancellation fees. Your account access will remain active until the end of your billing period."},
             {
-              id: "4",
-              title: "Do you offer custom plans for large teams?",
-              content: "Yes. We offer enterprise plans with custom features, dedicated support, and pricing based on your specific needs. Contact our sales team to discuss your requirements and get a custom quote.",
-            },
+              id: "4",              title: "Do you offer custom plans for large teams?",              content: "Yes. We offer enterprise plans with custom features, dedicated support, and pricing based on your specific needs. Contact our sales team to discuss your requirements and get a custom quote."},
             {
-              id: "5",
-              title: "What kind of support do you provide?",
-              content: "We provide 24/7 email support for all plans. Pro and Enterprise customers also get priority support, dedicated account managers, and access to our community Slack channel for real-time assistance.",
-            },
+              id: "5",              title: "What kind of support do you provide?",              content: "We provide 24/7 email support for all plans. Pro and Enterprise customers also get priority support, dedicated account managers, and access to our community Slack channel for real-time assistance."},
             {
-              id: "6",
-              title: "Is there an API available?",
-              content: "Yes. Our API is available for Pro and Enterprise plans. It allows you to integrate ContentFlow directly into your applications and automate your workflows even further. Full documentation is available in your dashboard.",
-            },
+              id: "6",              title: "Is there an API available?",              content: "Yes. Our API is available for Pro and Enterprise plans. It allows you to integrate ContentFlow directly into your applications and automate your workflows even further. Full documentation is available in your dashboard."},
           ]}
           title="Contact Support"
           description="Find answers to common questions or reach out to our support team"
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 8769edd..f9aa34c 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -18,8 +18,7 @@ export default function DashboardPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "#features" },
         { label: "Pricing", href: "#pricing" },
         { label: "Dashboard", href: "/dashboard" },
@@ -27,8 +26,7 @@ export default function DashboardPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "#about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -36,8 +34,7 @@ export default function DashboardPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "Tutorials", href: "#" },
         { label: "Community", href: "#" },
@@ -45,8 +42,7 @@ export default function DashboardPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -62,7 +58,7 @@ export default function DashboardPage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -72,9 +68,7 @@ export default function DashboardPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Get Started Free",
-            href: "/contact",
-          }}
+            text: "Get Started Free",            href: "/contact"}}
           brandName="ContentFlow"
         />
       </div>
@@ -83,14 +77,14 @@ export default function DashboardPage() {
         <HeroLogoBillboardSplit
           logoText="Dashboard"
           description="Access your complete content automation workspace. Monitor video generation, scheduling, analytics, and YouTube uploads all in one intuitive interface. Real-time insights help you optimize content performance and scale your channel efficiently."
-          background={{ variant: "grid" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Log In", href: "#" },
             { text: "Start Free Trial", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
           layoutOrder="default"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-modern-saas-dashboard-showing-content--1772980108937-4fee86e3.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-modern-saas-dashboard-showing-content--1772980108937-4fee86e3.png"
           imageAlt="ContentFlow dashboard interface showing analytics"
           frameStyle="browser"
           mediaAnimation="blur-reveal"
@@ -104,34 +98,16 @@ export default function DashboardPage() {
           description="Everything you need to manage your content automation and growth"
           metrics={[
             {
-              id: "1",
-              value: "Real-Time",
-              title: "Performance Tracking",
-              items: [
-                "Live view counts",
-                "Engagement metrics",
-                "Audience demographics",
-              ],
+              id: "1",              value: "Real-Time",              title: "Performance Tracking",              items: [
+                "Live view counts",                "Engagement metrics",                "Audience demographics"],
             },
             {
-              id: "2",
-              value: "50+",
-              title: "Videos at Once",
-              items: [
-                "Batch generation and upload",
-                "Multi-channel scheduling",
-                "Parallel processing",
-              ],
+              id: "2",              value: "50+",              title: "Videos at Once",              items: [
+                "Batch generation and upload",                "Multi-channel scheduling",                "Parallel processing"],
             },
             {
-              id: "3",
-              value: "100%",
-              title: "Automation Control",
-              items: [
-                "Custom generation rules",
-                "Scheduling templates",
-                "Advanced analytics",
-              ],
+              id: "3",              value: "100%",              title: "Automation Control",              items: [
+                "Custom generation rules",                "Scheduling templates",                "Advanced analytics"],
             },
           ]}
           animationType="slide-up"
@@ -144,7 +120,7 @@ export default function DashboardPage() {
         <HeroLogoBillboardSplit
           logoText="Ready to Access?"
           description="Log in to your ContentFlow dashboard and start automating your video creation workflow. Sign up now to get your free trial account."
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Open Dashboard", href: "#" },
             { text: "Request Access", href: "/contact" },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d128a61..bf4dfb7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,8 +25,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "#features" },
         { label: "Pricing", href: "#pricing" },
         { label: "Dashboard", href: "/dashboard" },
@@ -34,8 +33,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "#about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -43,8 +41,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "Tutorials", href: "#" },
         { label: "Community", href: "#" },
@@ -52,8 +49,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -69,7 +65,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -79,9 +75,7 @@ export default function HomePage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Get Started Free",
-            href: "/contact",
-          }}
+            text: "Get Started Free",            href: "/contact"}}
           brandName="ContentFlow"
         />
       </div>
@@ -90,14 +84,14 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="ContentFlow"
           description="Automate your sketch animation drama content creation, management, and YouTube Shorts uploads. Generate viral-ready content at scale with AI-powered tools and intelligent scheduling."
-          background={{ variant: "grid" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Start Free Trial", href: "/contact" },
             { text: "Watch Demo", href: "#features" },
           ]}
           buttonAnimation="slide-up"
           layoutOrder="default"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-modern-saas-dashboard-showing-content--1772980108937-4fee86e3.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-modern-saas-dashboard-showing-content--1772980108937-4fee86e3.png"
           imageAlt="ContentFlow dashboard interface"
           frameStyle="browser"
           mediaAnimation="blur-reveal"
@@ -126,93 +120,57 @@ export default function HomePage() {
           tag="Core Features"
           features={[
             {
-              title: "AI-Powered Generation",
-              description: "Generate sketch animation drama scripts and storyboards using advanced AI trained on viral content",
-              icon: Brain,
+              title: "AI-Powered Generation",              description: "Generate sketch animation drama scripts and storyboards using advanced AI trained on viral content",              icon: Brain,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/an-ai-script-generation-interface-showin-1772980109041-3b3d5bde.png",
-                  imageAlt: "AI script generation interface",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/an-ai-script-generation-interface-showin-1772980109041-3b3d5bde.png",                  imageAlt: "AI script generation interface"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-storyboard-preview-showing-multiple-an-1772980108614-7d1ec0ec.png",
-                  imageAlt: "Storyboard preview",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-storyboard-preview-showing-multiple-an-1772980108614-7d1ec0ec.png",                  imageAlt: "Storyboard preview"},
               ],
             },
             {
-              title: "Intelligent Batch Processing",
-              description: "Create multiple video variations in seconds. Generate 50+ unique animations from one concept automatically",
-              icon: Zap,
+              title: "Intelligent Batch Processing",              description: "Create multiple video variations in seconds. Generate 50+ unique animations from one concept automatically",              icon: Zap,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-batch-processing-control-panel-showing-1772980108015-c1a586a9.png",
-                  imageAlt: "Batch processing control panel",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-batch-processing-control-panel-showing-1772980108015-c1a586a9.png",                  imageAlt: "Batch processing control panel"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-video-rendering-queue-showing-multiple-1772980108860-d9d292f3.png",
-                  imageAlt: "Video rendering queue",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-video-rendering-queue-showing-multiple-1772980108860-d9d292f3.png",                  imageAlt: "Video rendering queue"},
               ],
             },
             {
-              title: "Smart Scheduling System",
-              description: "Schedule uploads across multiple channels. Automatic timing optimization based on audience analytics",
-              icon: Clock,
+              title: "Smart Scheduling System",              description: "Schedule uploads across multiple channels. Automatic timing optimization based on audience analytics",              icon: Clock,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-content-calendar-interface-showing-sch-1772980109481-59f384a3.png",
-                  imageAlt: "Content calendar interface",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-content-calendar-interface-showing-sch-1772980109481-59f384a3.png",                  imageAlt: "Content calendar interface"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/performance-analytics-dashboard-showing--1772980108584-70a6db1f.png",
-                  imageAlt: "Performance analytics dashboard",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/performance-analytics-dashboard-showing--1772980108584-70a6db1f.png",                  imageAlt: "Performance analytics dashboard"},
               ],
             },
             {
-              title: "YouTube Integration",
-              description: "Direct integration with YouTube Shorts. Auto-upload with optimized metadata, thumbnails, and hashtags",
-              icon: Upload,
+              title: "YouTube Integration",              description: "Direct integration with YouTube Shorts. Auto-upload with optimized metadata, thumbnails, and hashtags",              icon: Upload,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/youtube-channel-management-interface-int-1772980108391-e4b42bad.png",
-                  imageAlt: "YouTube channel management",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/youtube-channel-management-interface-int-1772980108391-e4b42bad.png",                  imageAlt: "YouTube channel management"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/auto-metadata-optimization-interface-sho-1772980252867-1bf42194.jpg",
-                  imageAlt: "Auto-metadata optimization",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/auto-metadata-optimization-interface-sho-1772980252867-1bf42194.jpg",                  imageAlt: "Auto-metadata optimization"},
               ],
             },
             {
-              title: "Real-Time Analytics",
-              description: "Track views, engagement, retention rates. AI insights on what's working and what to improve next",
-              icon: BarChart3,
+              title: "Real-Time Analytics",              description: "Track views, engagement, retention rates. AI insights on what's working and what to improve next",              icon: BarChart3,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/comprehensive-performance-metrics-dashbo-1772980108512-e5b58e8f.png",
-                  imageAlt: "Performance metrics dashboard",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/comprehensive-performance-metrics-dashbo-1772980108512-e5b58e8f.png",                  imageAlt: "Performance metrics dashboard"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/detailed-engagement-breakdown-showing-vi-1772980114226-296902e7.png",
-                  imageAlt: "Detailed engagement breakdown",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/detailed-engagement-breakdown-showing-vi-1772980114226-296902e7.png",                  imageAlt: "Detailed engagement breakdown"},
               ],
             },
             {
-              title: "Content Library Management",
-              description: "Organize, tag, and reuse content. Build a searchable library of all your generated assets and variations",
-              icon: Library,
+              title: "Content Library Management",              description: "Organize, tag, and reuse content. Build a searchable library of all your generated assets and variations",              icon: Library,
               mediaItems: [
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/content-library-browser-showing-organize-1772980108274-2f3f2237.png",
-                  imageAlt: "Content library browser",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/content-library-browser-showing-organize-1772980108274-2f3f2237.png",                  imageAlt: "Content library browser"},
                 {
-                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/advanced-search-and-tagging-interface-sh-1772980109494-7d7dfd31.png",
-                  imageAlt: "Advanced search and tagging",
-                },
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/advanced-search-and-tagging-interface-sh-1772980109494-7d7dfd31.png",                  imageAlt: "Advanced search and tagging"},
               ],
             },
           ]}
@@ -232,28 +190,13 @@ export default function HomePage() {
           description="Choose your content generation package and start creating professional videos"
           products={[
             {
-              id: "1",
-              name: "Starter Pack (50 Videos/Month)",
-              price: "$299",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-sta-1772980108402-23b36d37.png?_wi=1",
-              imageAlt: "Starter content package",
-              initialQuantity: 1,
+              id: "1",              name: "Starter Pack (50 Videos/Month)",              price: "$299",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-sta-1772980108402-23b36d37.png",              imageAlt: "Starter content package",              initialQuantity: 1,
             },
             {
-              id: "2",
-              name: "Pro Pack (200 Videos/Month)",
-              price: "$799",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-pro-1772980108049-394efe18.png?_wi=1",
-              imageAlt: "Pro content package",
-              initialQuantity: 1,
+              id: "2",              name: "Pro Pack (200 Videos/Month)",              price: "$799",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-pro-1772980108049-394efe18.png",              imageAlt: "Pro content package",              initialQuantity: 1,
             },
             {
-              id: "3",
-              name: "Enterprise (Unlimited)",
-              price: "Custom",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-ent-1772980108122-1a31ef02.png?_wi=1",
-              imageAlt: "Enterprise content package",
-              initialQuantity: 1,
+              id: "3",              name: "Enterprise (Unlimited)",              price: "Custom",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-ent-1772980108122-1a31ef02.png",              imageAlt: "Enterprise content package",              initialQuantity: 1,
             },
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -269,44 +212,20 @@ export default function HomePage() {
           description="Real results from creators using ContentFlow"
           metrics={[
             {
-              id: "1",
-              value: "6M+",
-              title: "Views Generated Monthly",
-              items: [
-                "Across all user channels",
-                "Zero trends or gimmicks",
-                "Organic growth focused",
-              ],
+              id: "1",              value: "6M+",              title: "Views Generated Monthly",              items: [
+                "Across all user channels",                "Zero trends or gimmicks",                "Organic growth focused"],
             },
             {
-              id: "2",
-              value: "5000+",
-              title: "Active Creators",
-              items: [
-                "Growing daily",
-                "Multiple countries",
-                "Various content styles",
-              ],
+              id: "2",              value: "5000+",              title: "Active Creators",              items: [
+                "Growing daily",                "Multiple countries",                "Various content styles"],
             },
             {
-              id: "3",
-              value: "10x",
-              title: "Time Savings",
-              items: [
-                "Content creation 90% faster",
-                "Automation reduces manual work",
-                "More time for strategy",
-              ],
+              id: "3",              value: "10x",              title: "Time Savings",              items: [
+                "Content creation 90% faster",                "Automation reduces manual work",                "More time for strategy"],
             },
             {
-              id: "4",
-              value: "98%",
-              title: "Uptime Guaranteed",
-              items: [
-                "Enterprise-grade infrastructure",
-                "24/7 monitoring",
-                "Redundant systems",
-              ],
+              id: "4",              value: "98%",              title: "Uptime Guaranteed",              items: [
+                "Enterprise-grade infrastructure",                "24/7 monitoring",                "Redundant systems"],
             },
           ]}
           animationType="slide-up"
@@ -322,29 +241,17 @@ export default function HomePage() {
           author="Maya Patel, Content Studio Founder"
           avatars={[
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-creativ-1772980107979-c89bd731.png",
-              alt: "Maya Patel",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-creativ-1772980107979-c89bd731.png",              alt: "Maya Patel"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-tech-fo-1772980107495-de6701ae.png",
-              alt: "Alex Chen",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-tech-fo-1772980107495-de6701ae.png",              alt: "Alex Chen"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-creativ-1772980107826-87966686.png",
-              alt: "Jordan Rodriguez",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-creativ-1772980107826-87966686.png",              alt: "Jordan Rodriguez"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-busines-1772980107186-334e9100.png",
-              alt: "Sam Kim",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-busines-1772980107186-334e9100.png",              alt: "Sam Kim"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-marketi-1772980108034-9d34690d.png",
-              alt: "Casey Morgan",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-marketi-1772980108034-9d34690d.png",              alt: "Casey Morgan"},
             {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-strateg-1772980107471-3cfed0ac.png",
-              alt: "Blake Thompson",
-            },
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/professional-headshot-photo-of-a-strateg-1772980107471-3cfed0ac.png",              alt: "Blake Thompson"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -356,35 +263,17 @@ export default function HomePage() {
         <FaqDouble
           faqs={[
             {
-              id: "1",
-              title: "How does the AI generation work?",
-              content: "Our AI analyzes viral sketch animation drama content patterns and generates unique scripts, storyboards, and visual concepts. The system learns from your channel's top performers to create content optimized for your audience. All generated content is 100% original with no copyright issues.",
-            },
+              id: "1",              title: "How does the AI generation work?",              content: "Our AI analyzes viral sketch animation drama content patterns and generates unique scripts, storyboards, and visual concepts. The system learns from your channel's top performers to create content optimized for your audience. All generated content is 100% original with no copyright issues."},
             {
-              id: "2",
-              title: "Can I customize the generated content?",
-              content: "Absolutely. Every generated video can be edited, customized, and refined before upload. You have full control over themes, characters, storylines, and visual style. Use templates or start from scratch with our intuitive editor.",
-            },
+              id: "2",              title: "Can I customize the generated content?",              content: "Absolutely. Every generated video can be edited, customized, and refined before upload. You have full control over themes, characters, storylines, and visual style. Use templates or start from scratch with our intuitive editor."},
             {
-              id: "3",
-              title: "Does it really work without trends?",
-              content: "Yes. ContentFlow focuses on building sustainable, algorithmic growth based on viewer retention and engagement. We've helped creators reach 6M+ views using evergreen storytelling and quality over trends. Your success metrics prove this works long-term.",
-            },
+              id: "3",              title: "Does it really work without trends?",              content: "Yes. ContentFlow focuses on building sustainable, algorithmic growth based on viewer retention and engagement. We've helped creators reach 6M+ views using evergreen storytelling and quality over trends. Your success metrics prove this works long-term."},
             {
-              id: "4",
-              title: "How long does it take to set up?",
-              content: "Setup takes 15-20 minutes. Connect your YouTube channel, configure your content preferences (animation style, themes, upload frequency), and you're ready to go. First batch of content generates within 30 minutes.",
-            },
+              id: "4",              title: "How long does it take to set up?",              content: "Setup takes 15-20 minutes. Connect your YouTube channel, configure your content preferences (animation style, themes, upload frequency), and you're ready to go. First batch of content generates within 30 minutes."},
             {
-              id: "5",
-              title: "Can I schedule uploads to multiple channels?",
-              content: "Yes. ContentFlow supports managing and uploading to multiple YouTube channels simultaneously. Schedule content weeks in advance with smart timing optimization based on each channel's analytics.",
-            },
+              id: "5",              title: "Can I schedule uploads to multiple channels?",              content: "Yes. ContentFlow supports managing and uploading to multiple YouTube channels simultaneously. Schedule content weeks in advance with smart timing optimization based on each channel's analytics."},
             {
-              id: "6",
-              title: "What about copyright and licensing?",
-              content: "All music, sound effects, and visual assets are licensed for commercial use. We handle all licensing obligations. Every video generated is copyright-safe and YouTube-compliant. No worries about strikes or takedowns.",
-            },
+              id: "6",              title: "What about copyright and licensing?",              content: "All music, sound effects, and visual assets are licensed for commercial use. We handle all licensing obligations. Every video generated is copyright-safe and YouTube-compliant. No worries about strikes or takedowns."},
           ]}
           title="Common Questions"
           description="Everything you need to know about ContentFlow"
@@ -403,7 +292,7 @@ export default function HomePage() {
             { text: "Start Free Trial", href: "/contact" },
             { text: "Schedule Demo", href: "/contact" },
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 40a1928..415b2d1 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -19,8 +19,7 @@ export default function PricingPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Features", href: "#features" },
         { label: "Pricing", href: "/pricing" },
         { label: "Dashboard", href: "#" },
@@ -28,8 +27,7 @@ export default function PricingPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "#about" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
@@ -37,8 +35,7 @@ export default function PricingPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Documentation", href: "#" },
         { label: "Tutorials", href: "#" },
         { label: "Community", href: "#" },
@@ -46,8 +43,7 @@ export default function PricingPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
@@ -63,7 +59,7 @@ export default function PricingPage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="large"
-      background="grid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
@@ -73,9 +69,7 @@ export default function PricingPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Get Started Free",
-            href: "/contact",
-          }}
+            text: "Get Started Free",            href: "/contact"}}
           brandName="ContentFlow"
         />
       </div>
@@ -86,28 +80,13 @@ export default function PricingPage() {
           description="Choose your content generation package and start creating professional videos"
           products={[
             {
-              id: "1",
-              name: "Starter Pack (50 Videos/Month)",
-              price: "$299",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-sta-1772980108402-23b36d37.png?_wi=2",
-              imageAlt: "Starter content package",
-              initialQuantity: 1,
+              id: "1",              name: "Starter Pack (50 Videos/Month)",              price: "$299",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-sta-1772980108402-23b36d37.png",              imageAlt: "Starter content package",              initialQuantity: 1,
             },
             {
-              id: "2",
-              name: "Pro Pack (200 Videos/Month)",
-              price: "$799",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-pro-1772980108049-394efe18.png?_wi=2",
-              imageAlt: "Pro content package",
-              initialQuantity: 1,
+              id: "2",              name: "Pro Pack (200 Videos/Month)",              price: "$799",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-pro-1772980108049-394efe18.png",              imageAlt: "Pro content package",              initialQuantity: 1,
             },
             {
-              id: "3",
-              name: "Enterprise (Unlimited)",
-              price: "Custom",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-ent-1772980108122-1a31ef02.png?_wi=2",
-              imageAlt: "Enterprise content package",
-              initialQuantity: 1,
+              id: "3",              name: "Enterprise (Unlimited)",              price: "Custom",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfNB1PVKLQvnTd29Ef03DMndRI/a-product-package-mockup-showing-the-ent-1772980108122-1a31ef02.png",              imageAlt: "Enterprise content package",              initialQuantity: 1,
             },
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -123,34 +102,16 @@ export default function PricingPage() {
           description="Transparent pricing with exceptional value"
           metrics={[
             {
-              id: "1",
-              value: "100%",
-              title: "Money-Back Guarantee",
-              items: [
-                "30-day satisfaction guarantee",
-                "No questions asked",
-                "Full refund policy",
-              ],
+              id: "1",              value: "100%",              title: "Money-Back Guarantee",              items: [
+                "30-day satisfaction guarantee",                "No questions asked",                "Full refund policy"],
             },
             {
-              id: "2",
-              value: "24/7",
-              title: "Priority Support",
-              items: [
-                "Dedicated success manager",
-                "Live chat support",
-                "Video tutorial library",
-              ],
+              id: "2",              value: "24/7",              title: "Priority Support",              items: [
+                "Dedicated success manager",                "Live chat support",                "Video tutorial library"],
             },
             {
-              id: "3",
-              value: "∞",
-              title: "Unlimited Revisions",
-              items: [
-                "Edit generated content",
-                "Request new variations",
-                "Custom modifications",
-              ],
+              id: "3",              value: "∞",              title: "Unlimited Revisions",              items: [
+                "Edit generated content",                "Request new variations",                "Custom modifications"],
             },
           ]}
           animationType="slide-up"
@@ -167,7 +128,7 @@ export default function PricingPage() {
             { text: "Start Free Trial", href: "/contact" },
             { text: "Talk to Sales", href: "/contact" },
           ]}
-          background={{ variant: "grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>