feat: use standard pricing cards on pricing page

Merge version_20_1778183030962 into main

src/components/sections/pricing/PricingMediaCards.tsx

@@ -68,7 +68,10 @@ const PricingMediaCards = ({
             </div>
 
             <div className="flex flex-col justify-center gap-5 w-full md:w-1/2">
-              <span className="px-3 py-1 w-fit text-sm card rounded">{plan.price}{plan.period}</span>
+              <div className="flex items-baseline gap-2">
+                <span className="text-5xl font-bold">{plan.price}</span>
+                <span className="text-sm text-muted-foreground">/{plan.period}</span>
+              </div>
               <h3 className="text-4xl md:text-5xl font-medium truncate">{plan.tag}</h3>
 
               <div className="flex flex-col gap-3">

src/pages/Pricing.tsx

@@ -1,8 +1,8 @@
-import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
+import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
 
 export default function PricingPage() {
   return (
-    <PricingMediaCards
+    <PricingCenteredCards
       tag="Flexible Pricing"
       title="Plans Designed for Growth"
       description="Choose the Finflow plan that best fits your business size and evolving financial demands."
@@ -10,7 +10,7 @@ export default function PricingPage() {
         {
           tag: 'For Startups',
           price: '$99',
-          period: 'per month',
+          period: 'month',
           features: [
             'Basic Analytics',
             'Standard Security',
@@ -21,13 +21,11 @@ export default function PricingPage() {
             text: 'Start Free Trial',
             href: '#',
           },
-          imageSrc:
-            'https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-minimalist-graphic-representing-a-star-1778165800791-0c8ad310.png?_wi=2',
         },
         {
           tag: 'For Growing Businesses',
           price: '$499',
-          period: 'per month',
+          period: 'month',
           features: [
             'Advanced Analytics',
             'Enhanced Security',
@@ -39,13 +37,11 @@ export default function PricingPage() {
             text: 'Get Pro Plan',
             href: '#',
           },
-          imageSrc:
-            'https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-abstract-image-symbolizing-a-growing--1778165802033-739245ed.png?_wi=2',
         },
         {
           tag: 'For Enterprises',
           price: 'Custom',
-          period: 'contact us',
+          period: '',
           features: [
             'All Pro Features',
             'Dedicated Account Manager',
@@ -57,8 +53,6 @@ export default function PricingPage() {
             text: 'Contact Sales',
             href: '#contact',
           },
-          imageSrc:
-            'https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-powerful-abstract-representation-of-a--1778165802382-ab2df0f2.png?_wi=2',
         },
       ]}
     />