"use client"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import Link from "next/link"; import { Mail } from "lucide-react"; import { cn } from "@/lib/utils"; interface ButtonItem { label: string; href?: string; variant?: | "default" | "secondary" | "outline" | "ghost" | "link" | "destructive"; } interface Cta8Props { badge?: { label: string; variant?: "default" | "secondary" | "outline"; }; heading?: string; description?: string; buttons?: ButtonItem[]; footnote?: string; className?: string; } export const cta8Demo: Cta8Props = { badge: { label: "Newsletter", variant: "secondary" }, heading: "Stay in the loop", description: "Get the latest updates, articles, and resources delivered straight to your inbox every week. Join thousands of subscribers.", buttons: [ { label: "Subscribe Now", href: "https://beste.co" }, { label: "Learn More", href: "https://beste.co", variant: "outline" }, ], footnote: "No spam. Unsubscribe anytime.", }; export function Cta8({ badge, heading, description, buttons = [], footnote, className, }: Cta8Props) { return (

{badge && ( {badge.label} )} {heading && (

)} {description && (
{description}
)} {buttons.length > 0 && (
{buttons.map((button, index) => ( ))}
)} {footnote && (
{footnote}
)}

); }

)} {description && ( {description} )} {buttons.length > 0 && ( {buttons.map((button, index) => ( {button.label} ))} )} {footnote && ( {footnote} )}

)} {description && (
{description}
)} {buttons.length > 0 && (
{buttons.map((button, index) => ( ))}
)} {footnote && (
{footnote}
)}