export default function VinosMeyer(){
  return (
    <div className='min-h-screen bg-gradient-to-b from-black via-zinc-950 to-black text-white font-serif'>
      
      {/* HERO */}
      <section className='px-8 py-28 max-w-6xl mx-auto text-center'>
        <p className='uppercase tracking-[0.4em] text-zinc-500 mb-6'>Vinos Artesanales Premium</p>
        <h1 className='text-6xl md:text-7xl tracking-wide mb-6'>Vinos Meyer</h1>
        <p className='text-xl text-zinc-300 max-w-2xl mx-auto mb-10'>
          Vinos artesanales naturales de uva, jabuticaba y frutas exóticas de temporada, elaborados en pequeños lotes con carácter único.
        </p>
        <a 
          href='https://wa.me/50400000000' 
          className='inline-block px-10 py-4 rounded-full bg-white text-black font-semibold hover:bg-zinc-200 transition'
        >
          Pedir por WhatsApp
        </a>
      </section>

      {/* COLECCIÓN */}
      <section className='px-8 pb-20 max-w-6xl mx-auto'>
        <p className='text-center uppercase tracking-[0.4em] text-zinc-500 text-sm mb-10'>Colección Artesanal</p>
        <div className='grid md:grid-cols-3 gap-8'>
          <div className='p-6 rounded-3xl bg-zinc-900/80 shadow-2xl border border-zinc-800 hover:scale-[1.02] transition'>
            <h3 className='text-2xl mb-3'>Uva Morada</h3>
            <p className='text-zinc-400'>Notas intensas, aroma profundo y acabado elegante.</p>
          </div>
          <div className='p-6 rounded-3xl bg-zinc-900/80 shadow-2xl border border-zinc-800 hover:scale-[1.02] transition'>
            <h3 className='text-2xl mb-3'>Jabuticaba</h3>
            <p className='text-zinc-400'>Frutal, exótico y distintivo, de edición limitada.</p>
          </div>
          <div className='p-6 rounded-3xl bg-zinc-900/80 shadow-2xl border border-zinc-800 hover:scale-[1.02] transition'>
            <h3 className='text-2xl mb-3'>Ediciones de Temporada</h3>
            <p className='text-zinc-400'>Frutas exóticas seleccionadas según disponibilidad.</p>
          </div>
        </div>
      </section>

      {/* HISTORIA */}
      <section className='px-8 py-20 max-w-4xl mx-auto text-center'>
        <h2 className='text-4xl mb-6'>Nuestra Historia</h2>
        <p className='text-zinc-300 leading-relaxed'>
          En Vinos Meyer elaboramos cada botella con paciencia, respeto por la fruta y técnicas artesanales.
          Nuestro objetivo es crear vinos auténticos, de producción limitada, pensados para quienes valoran lo natural y exclusivo.
        </p>
      </section>

      {/* FRASE */}
      <section className='px-8 py-10 text-center border-y border-zinc-800'>
        <p className='italic text-zinc-400 text-xl'>“Cada botella cuenta una historia.”</p>
      </section>

      {/* CONTACTO */}
      <section id='contacto' className='px-8 py-20 max-w-6xl mx-auto text-center'>
        <div className='rounded-3xl bg-zinc-900/80 border border-zinc-800 p-10'>
          <h2 className='text-4xl mb-4'>Pedidos y Envíos</h2>
          <p className='text-zinc-300 mb-6'>Ventas en línea. Envíos a cargo del cliente.</p>
          <p className='text-white'>WhatsApp: +504 0000-0000</p>
          <p className='text-white'>Instagram: @vinosmeyeroficial</p>
        </div>
      </section>
    </div>
  );
}