import Link from "next/link"; import type { ComponentType, SVGProps } from "react"; import { CONTACT } from "@/lib/vulai-content"; import { PLATFORM } from "@/lib/platform-content"; import { getSocialLinks } from "@db/queries/settings"; import BrandLogo from "@/components/brand-logo"; type IconProps = SVGProps; // Brand glyphs kept inline so the footer needs no icon dependency. Each draws // with currentColor so the buttons can tint to the platform's brand colour on // hover. const SocialIcons: Record> = { Instagram: (props) => ( ), YouTube: (props) => ( ), TikTok: (props) => ( ), X: (props) => ( ), Facebook: (props) => ( ), }; // Brand colour each social button tints to on hover. const SOCIAL_BRAND_HOVER: Record = { Instagram: "hover:text-[#E4405F] hover:border-[#E4405F]/40", YouTube: "hover:text-[#FF0000] hover:border-[#FF0000]/40", TikTok: "hover:text-white hover:border-white/40", X: "hover:text-white hover:border-white/40", Facebook: "hover:text-[#1877F2] hover:border-[#1877F2]/40", }; function MailIcon(props: IconProps) { return ( ); } function PhoneIcon(props: IconProps) { return ( ); } function WhatsAppIcon(props: IconProps) { return ( ); } export default async function SiteFooter() { const phoneTel = CONTACT.phone.replace(/\s/g, ""); const whatsappNumber = CONTACT.phone.replace(/[^\d]/g, ""); const socials = await getSocialLinks(); return ( ); }