import { ChevronRight } from "lucide-react"
import { Button } from "@/components/ui/button"
import {
Card,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card"
export function Banner1() {
return (
<div className="py-4 px-4">
<Card>
<CardHeader className="p-8">
<CardTitle className="mb-1 text-2xl">30 Days Free Trial</CardTitle>
<CardDescription className="pb-24">Pay 0$ for the First Month</CardDescription>
<Button variant="ghost" size="sm" className="max-w-max">
<ChevronRight />Check our offer
</Button>
</CardHeader>
</Card>
</div>
)
}
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
