Components
Support Links This component provides a clean and intuitive way to direct users to various support channels. It's built to be flexible, allowing you to easily configure the title, icon, and support items through props.
Loading preview...
import { SupportLinks, SupportItem } from "@/components/ui/support"; // Adjust path as needed
// Sample data for the support links.
// Replace imageSrc with your actual asset URLs.
const supportItems: SupportItem[] = [
{
title: "Live chat",
href: "#",
imageSrc: "https://app.deel.com/assets/headset-DJPSjmqI.png",
},
{
title: "Help center",
href: "#",
imageSrc: "https://app.deel.com/assets/book-BLgYn5a7.png",
},
{
title: "Blog",
href: "#",
imageSrc: "https://app.deel.com/assets/document-BLlWMzKN.png",
},
];
/**
* A demo component to display the SupportLinks component.
*/
export default function SupportLinksDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center bg-background p-4">
<SupportLinks title="How can I get support?" items={supportItems} />
</div>
);
}