componenets standardization 1

frontend/src/marketing/pages/CaseStudies.tsx

@@ -8,6 +8,7 @@ import {
 } from "@heroicons/react/24/outline";
 import SEO from "../components/SEO";
 import { getMetaTags } from "../config/metaTags";
+import Button from "../../components/ui/button/Button";
 
 const CaseStudies: React.FC = () => {
   const renderCta = (cta: { label: string; href: string }, className: string) => {
@@ -190,10 +191,12 @@ const CaseStudies: React.FC = () => {
             <p className="text-base text-gray-700 leading-relaxed">
               Igny8's roadmap is shaped by an active community of customer strategists, agency partners, and product marketers. Join and get early access to features, template libraries, and industry benchmarks.
             </p>
-            <button className="inline-flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-primary-dark)] text-white px-6 py-3 text-sm font-semibold hover:shadow-lg transition">
+            <Button
+              variant="gradient"
+              endIcon={<ArrowRightIcon className="h-4 w-4" />}
+            >
               Join the CAB waitlist
-              <ArrowRightIcon className="h-4 w-4" />
-            </button>
+            </Button>
           </div>
         </div>
       </section>