'use client'; import { RiFacebookCircleFill, RiInstagramFill, RiTwitterXLine, } from '@remixicon/react'; import Image from './next-image-mock'; import Link from './next-link-mock'; import * as Button from './components/ui/button'; import * as LinkButton from './components/ui/link-button'; const footerLinksData = { solutions: [ { id: 'solution1', href: '#', text: 'Spend management' }, { id: 'solution2', href: '#', text: 'Approval automation' }, { id: 'solution3', href: '#', text: 'Treasury ops' }, { id: 'solution4', href: '#', text: 'Team collaboration' }, ], company: [ { id: 'company1', href: '#', text: 'About' }, { id: 'company2', href: '#', text: 'Blog' }, { id: 'company3', href: '#', text: 'Careers' }, { id: 'company4', href: '#', text: 'Contact' }, ], legal: [ { id: 'legal1', href: '#', text: 'Terms of service' }, { id: 'legal2', href: '#', text: 'Privacy policy' }, { id: 'legal3', href: '#', text: 'Cookie settings' }, ], product: [ { id: 'product1', href: '#', text: 'Overview' }, { id: 'product2', href: '#', text: 'Smart workflows' }, { id: 'product3', href: '#', text: 'Real-time insights' }, ], developers: [ { id: 'developer1', href: '#', text: 'API reference' }, { id: 'developer2', href: '#', text: 'Webhooks' }, { id: 'developer3', href: '#', text: 'Authentication' }, { id: 'developer4', href: '#', text: 'System status' }, { id: 'developer5', href: '#', text: 'Changelog' }, ], }; const Logo = ({ className }: { className?: string }) => ( ); const AppleIcon = ({ className }: { className?: string }) => ( ); export default function Footer04() { return ( ); }