import styles from './PromoSection.module.css';

export default function PromoSection() {
  return (
    <section id="specials" className={styles.section}>
      <div className={styles.overlay}></div>
      <div className={styles.container}>
        <div className={styles.content}>
          <div className={styles.pill}>WEEKEND SPECIAL</div>
          <h2 className={styles.title}>Royal South Indian Thali</h2>
          <p className={styles.description}>
            A limited edition 21-item feast served exclusively on Saturdays and 
            Sundays. Experience the true diversity of Southern flavours in one 
            sitting.
          </p>
          <div className={styles.details}>
            <span className={styles.detailItem}>🕒 12:00 PM - 4:00 PM</span>
            <span className={styles.detailDivider}>•</span>
            <span className={styles.detailItem}>💵 $24.99 Per Person</span>
          </div>
          <a href="#contact" className={styles.btnReserve}>
            Reserve for This Weekend
          </a>
        </div>
      </div>
    </section>
  );
}