'use client';

import { useLanguage } from '@/context/LanguageContext';
import { SparklesIcon } from '@heroicons/react/24/outline';
import NewsletterForm from './NewsletterForm';

export default function NewsletterSection() {
  const { t } = useLanguage();

  return (
    <section className="section-padding text-white" style={{ backgroundColor: '#002F44' }}>
      <div className="container-page">
        <div className="max-w-2xl mx-auto text-center">
          <SparklesIcon className="w-12 h-12 mx-auto text-primary-yellow" />
          <h2 className="mt-6 text-3xl md:text-4xl font-bold">
            {t('home.newsletter.title')}
          </h2>
          <p className="mt-4 text-gray-300">
            {t('home.newsletter.description')}
          </p>
          <NewsletterForm />
        </div>
      </div>
    </section>
  );
}