About
A footer with contacts and social links: the phone and email are real tel: and mailto: links with visible values, and the address sits in an address tag. From VibeUI — 1,600+ components with agent-ready install briefs at vibeui.club.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Contacts Footer to your project and fits it to your theme.
Code
How Contacts Footer is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Footer006 } from "@/components/ui/vibeui-footer-006"
export default function Demo() {
return <Footer006 {...{"brand":"Clearview","address":"12 Riverside Walk, London, entrance from the park side, second floor","hours":"Mon–Fri, 9:00–19:00","contacts":[{"label":"Phone","value":"+44 20 7000 1122","href":"tel:+442070001122"},{"label":"Email","value":"hello@clearview.co.uk","href":"mailto:hello@clearview.co.uk"},{"label":"Telegram","value":"@clearview_support","href":"#telegram"}],"socials":[{"label":"Telegram","short":"TG","href":"#telegram"},{"label":"LinkedIn","short":"IN","href":"#linkedin"},{"label":"YouTube","short":"YT","href":"#youtube"},{"label":"Instagram","short":"IG","href":"#instagram"}],"socialsLabel":"Find us on social media","legal":"© 2026 Clearview Clinic. Licence LO-77-01-000000"}} />
}
More in Navigation
View all
Sidebar
229
Tabs
60
Newsletter Signup Footer
15
Progress Bar Stepper
36
Footer 2
200
Navbar with Theme Toggle
43
Sortable Sidebar Navigation
51
Pagination
43
