chore: update footer text, enhance rate card layout, and refine styles

components/Footer.js

@@ -3,7 +3,7 @@ export default function Footer() {
     <footer className="footer">
       <div className="footer-content">
         <p>
-          Built with <span className="heart">❤️</span> and Amara Chukwu
+          Built with <span className="heart">❤️</span>
         </p>
         <p className="footer-year">© {new Date().getFullYear()}</p>
       </div>

components/RateCard.js

@@ -7,27 +7,24 @@ export default function RateCard({ provider, rate, href, isBest, index, formatCu
       className={`rate-card ${isBest ? 'best' : ''}`}
       style={{ animationDelay: `${index * 0.1}s` }}
     >
-      {logo && (
-        <div className="provider-logo-background">
-          <img
-            src={logo}
-            alt={`${provider} logo`}
-            className="provider-logo-faded"
-          />
-        </div>
-      )}
-
-      <div className="rate-card-content">
-        <div className="rate-card-header">
+      <div className="rate-card-header">
+        <div className="provider-info">
+          {logo && (
+            <img
+              src={logo}
+              alt={`${provider} logo`}
+              className="provider-logo"
+            />
+          )}
           <h3 className="provider-name">{provider}</h3>
-          {isBest && <span className="best-badge">Best Rate</span>}
         </div>
+        {isBest && <span className="best-badge">Best Rate</span>}
+      </div>
 
-        <div className="rate-value">{formatCurrency(rate)}</div>
+      <div className="rate-value">{formatCurrency(rate)}</div>
 
-        <div className="rate-card-footer">
-          <span className="visit-link">Visit provider →</span>
-        </div>
+      <div className="rate-card-footer">
+        <span className="visit-link">Visit provider →</span>
       </div>
     </a>
   );