Components
Loading preview...
Here is Banner ui component
@prebuiltui
npx shadcn@latest add https://21st.dev/r/prebuiltui/banner-ui"use client";
import React from "react";
export default function Example() {
return (
<div className="w-full flex items-center justify-center space-x-2 max-w-md py-2.5 rounded-lg font-medium text-sm text-white text-center bg-gray-800">
<p>Get 20% OFF on Your First Ticket! <span className="underline">Get your ticket</span></p>
<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5.5h13.092M8.949 1l5.143 4.5L8.949 10" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
</div>
);
};