componenets standardization 1

frontend/src/marketing/pages/Pricing.tsx

@@ -14,6 +14,7 @@ import { PricingTable, PricingPlan } from "../../components/ui/pricing-table";
 import PricingTable1 from "../../components/ui/pricing-table/pricing-table-1";
 import { Link } from "react-router-dom";
 import { Plan, convertToPricingPlan } from "../../utils/pricingHelpers";
+import Button from "../../components/ui/button/Button";
 
 const Pricing: React.FC = () => {
   const [plans, setPlans] = useState<Plan[]>([]);
@@ -326,12 +327,15 @@ const Pricing: React.FC = () => {
         <section className="max-w-7xl mx-auto px-6 pb-24">
           <div className="text-center py-12">
             <p className="text-error-600">{error}</p>
-            <button
+            <Button
+              variant="primary"
+              tone="brand"
+              size="md"
               onClick={() => window.location.reload()}
               className="mt-4 px-6 py-2 bg-[var(--color-primary)] text-white rounded-lg hover:bg-[var(--color-primary-dark)]"
             >
               Retry
-            </button>
+            </Button>
           </div>
         </section>
       )}