text: import React from 'react';
  import Link from 'next/link';
  import useSWR from 'swr';
  import PageTitle from '../components/pageTitle'
  
  const fetcher = (...args) => fetch(...args).then((res) => res.json());
  
  const Index = () => {
    const { data, error } = useSWR('/api/get-promo', fetcher);
    return (
      <div>
        <PageTitle title='Seja bem vindo!' />
        <p className='mt-10 text-center'>
          O restaurante X sempre busca por atender melhor seus clientes. <br />
          Por isso, estamos sempre abertos a ouvir a sua opinião.
        </p>
        <div className='text-center my-12'>
          <Link href='/pesquisa'>
            <a className='bg-blue-400 px-12 py-4 font-bold rounded-lg shadow-lg hover:shadow'>
              Dar opinião ou sugestão
            </a>
          </Link>
        </div>
        {!data && <p>Carregando...</p>}
        {!error && data && data.showCupon && (
          <p className='m-10 text-center'>{data.message}</p>
        )}
      </div>
    );
  };
  
  export default Index;
  