Components
Support
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.
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>
);
}