import Title from "@/components/Title";
import styles from "./styles.module.css";

function SpecialOfferBanner({ title }: { title: string }) {
  return (
    <div className={styles.container}>
      <img src="/wrapped-gift.webp" alt="Wrapped Gift" />
      <div className="text-container">
        <Title className={styles.title} variant="h3">
          {title}
        </Title>
        <p className={styles.text}>Everything for free. Trial include!</p>
      </div>
    </div>
  );
}

export default SpecialOfferBanner;
