import Link from 'next/link';
import styles from './AboutCTA.module.css';

export default function AboutCTA() {
  return (
    <section className={styles.section}>
      <div className={styles.container}>
        <div className={styles.inner}>
          <div className={styles.decorLeaf} aria-hidden="true">🍃</div>
          <span className={styles.eyebrow}>
            <span className={styles.eyebrowIcon}>✨</span> Ready to Visit?
          </span>
          <h2 className={styles.title}>
            Reserve Your <em>Table</em> Today
          </h2>
          <p className={styles.body}>
            Reserve a table today and enjoy Waterloo's favourite South Indian meal.
          </p>
          <div className={styles.actions}>
            <Link href="/menu" className={styles.btnPrimary}>
              Explore Menu
            </Link>
            <Link href="/contact" className={styles.btnSecondary}>
              Reserve Table
            </Link>
          </div>
        </div>
      </div>
    </section>
  );
}
