chore: modularize ui components

2025-12-01 22:57:12 +01:00
parent 5c22b9b844
commit c460ea27d4
8 changed files with 270 additions and 216 deletions
@@ -0,0 +1,22 @@
+export default function RateCard({ provider, rate, href, isBest, index, formatCurrency }) {
+  return (
+    <a
+      href={href}
+      target="_blank"
+      rel="noopener noreferrer"
+      className={`rate-card ${isBest ? 'best' : ''}`}
+      style={{ animationDelay: `${index * 0.1}s` }}
+    >
+      <div className="rate-card-header">
+        <h3 className="provider-name">{provider}</h3>
+        {isBest && <span className="best-badge">Best Rate</span>}
+      </div>
+
+      <div className="rate-value">{formatCurrency(rate)}</div>
+
+      <div className="rate-card-footer">
+        <span className="visit-link">Visit provider →</span>
+      </div>
+    </a>
+  );
+}