Load site meta tags and trust badges from Meshkee business info.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/layout/Footer.tsx

@@ -3,8 +3,16 @@ import { Instagram, MapPin, Phone, Send } from "lucide-react";
 import { Container } from "@/components/Container";
 import { Placeholder } from "@/components/Placeholder";
 import { footerLinks, site } from "@/lib/data";
+import type { BusinessTrustBadge } from "@/lib/meshkee";
 
-export function Footer({ logoSrc }: { logoSrc: string }) {
+export function Footer({
+  logoSrc,
+  trustBadges = [],
+}: {
+  logoSrc: string;
+  trustBadges?: BusinessTrustBadge[];
+}) {
+  const badges = trustBadges.filter((badge) => badge.embedHtml?.trim());
   return (
     <footer id="contact" className="mt-6 bg-navy-deep text-white">
       <Container className="grid gap-10 py-12 sm:grid-cols-2 lg:grid-cols-4">
@@ -60,14 +68,17 @@ export function Footer({ logoSrc }: { logoSrc: string }) {
             <Phone className="size-4" />
             {site.phone}
           </a>
-          <div className="mt-5 flex gap-3">
-            <span className="overflow-hidden rounded-lg bg-white">
-              <Placeholder src="/placeholders/enamad.svg" className="size-16 object-cover" />
-            </span>
-            <span className="overflow-hidden rounded-lg bg-white">
-              <Placeholder src="/placeholders/samandehi.svg" className="size-16 object-cover" />
-            </span>
-          </div>
+          {badges.length > 0 ? (
+            <div className="mt-5 flex flex-wrap items-center gap-3">
+              {badges.map((badge) => (
+                <div
+                  key={badge.kind}
+                  className="trust-badge overflow-hidden rounded-lg bg-white p-1 [&_img]:block [&_img]:h-16 [&_img]:w-auto"
+                  dangerouslySetInnerHTML={{ __html: badge.embedHtml }}
+                />
+              ))}
+            </div>
+          ) : null}
         </div>
       </Container>
       <div className="border-t border-white/10">