'use client'; import { RiMailLine } from '@remixicon/react'; import Image from './next-image-mock'; import Link from './next-link-mock'; import * as Button from './components/ui/button'; import * as Input from './components/ui/input'; import * as Label from './components/ui/label'; import * as LinkButton from './components/ui/link-button'; const footerLinksData = { product: [ { id: 'product1', href: '#', text: 'Overview' }, { id: 'product2', href: '#', text: 'Time tracking' }, { id: 'product3', href: '#', text: 'Smart scheduling' }, { id: 'product4', href: '#', text: 'Reports & insights' }, { id: 'product5', href: '#', text: 'Platform security' }, { id: 'product6', href: '#', text: 'API documentation' }, ], userCases: [ { id: 'usercase1', href: '#', text: 'For HR teams' }, { id: 'usercase2', href: '#', text: 'For People Ops' }, { id: 'usercase3', href: '#', text: 'For Startups' }, { id: 'usercase4', href: '#', text: 'For Remote teams' }, { id: 'usercase5', href: '#', text: 'Employee wellbeing' }, { id: 'usercase6', href: '#', text: 'Time-off management' }, ], resources: [ { id: 'resource1', href: '#', text: 'Blog' }, { id: 'resource2', href: '#', text: 'Help Center' }, { id: 'resource3', href: '#', text: 'Community' }, { id: 'resource4', href: '#', text: 'Product Updates' }, ], company: [ { id: 'company1', href: '#', text: 'About' }, { id: 'company2', href: '#', text: 'Careers' }, { id: 'company3', href: '#', text: 'Contact' }, { id: 'company4', href: '#', text: 'Newsletter' }, ], tools: [ { id: 'tool1', href: '#', text: 'Daily work hours' }, { id: 'tool2', href: '#', text: 'Attendance tracking' }, { id: 'tool3', href: '#', text: 'Team availability' }, { id: 'tool4', href: '#', text: 'Shift scheduling' }, ], features: [ { id: 'feature1', href: '#', text: 'One-click approvals' }, { id: 'feature2', href: '#', text: 'Smart reminders' }, { id: 'feature3', href: '#', text: 'Custom reports' }, { id: 'feature4', href: '#', text: 'Team insights' }, ], support: [ { id: 'support1', href: '#', text: 'Getting started' }, { id: 'support2', href: '#', text: 'Troubleshooting' }, { id: 'support3', href: '#', text: 'Feature requests' }, { id: 'support4', href: '#', text: 'System status' }, { id: 'support5', href: '#', text: 'Contact support' }, ], legal: [ { id: 'legal1', href: '#', text: 'Cookie preferences' }, { id: 'legal2', href: '#', text: 'Privacy policy' }, { id: 'legal3', href: '#', text: 'Terms of use' }, ], }; const languagesData = [ { id: 'lang1', text: 'English (US)' }, { id: 'lang2', text: 'English (UK)' }, { id: 'lang3', text: 'Deutsch' }, ]; const bottomLegalLinksData = [ { id: 'bottomlegal1', href: '#', text: 'Cookie preferences' }, { id: 'bottomlegal2', href: '#', text: 'Privacy policy' }, { id: 'bottomlegal3', href: '#', text: 'Terms of service' }, ]; const Logo = ({ className }: { className?: string }) => ( ); export default function Footer02() { return ( ); }