import Container from "@/components/common/Container/Container";
import NewsletterCtaForm from "@/components/sections/home/NewsletterCtaForm";

export default function NewsletterSection() {
  return (
    <section id="newsletter" className="scroll-mt-20 bg-gradient-to-br from-[#5b3fe0] to-[#3f2ba8] py-8 text-center text-white md:py-10">
      <Container>
        <h2 className="font-display text-[clamp(28px,4.5vw,42px)] font-bold">
          Good skin energy. <span className="text-[#c7e639]">Straight to your inbox.</span>
        </h2>
        <p className="mx-auto mb-[26px] mt-3 max-w-[420px] text-sm text-[#d9d3f9]">
          Be the first to know about new launches, offers and skincare tips.
        </p>
        <NewsletterCtaForm />
      </Container>
    </section>
  );
}