Event Location - Copy this React, Tailwind Component to your project

// components/IntroductionSection.js import AddCalendar from '@/components/site/addcalendar' import draMarina from '@/images/marina.webp' import drMauro from '@/images/MauroCesar.webp' import drFrancisco from '@/images/xFRANCISCO.png' import Image from 'next/image' import { CountDown } from '../countdown' const HomeSection = () => { return ( <section id="home" className="w full py 5 dark:bg gray 900"> <p className="mb 5 text center text lg font semibold leading 7 text gray 600"> O XIII TROIA 2025 ocorrerá nos dias 29 e 31 de Maio no Centro, na cidade de Campo Grande/MS. </p> <div className="countdown_wrap mt 10 text center"> <h6 className="countdown_title mb 1">Evento acontecerá em</h6> <CountDown targetDate="2025 03 29T08:00:00" /> </div> <div className="mt 6 text center"> <AddCalendar /> </div> <header> <article className="mx auto mt 6 w 11/12 rounded xl bg gradient to r from cyan 200 to blue 200 p 8 text slate 800 shadow [0_35px_60px_ 15px_rgba(0,0,0,0.3)] sm:w 4/5 md:w 3/5"> <p className="mb 3 text center indent 11 text sm font semibold sm:text base"> Caros Ortopedistas Pediátricos, os preparativos para o XIII TROIA já começaram. </p> <p className="mb 3 indent 11 text sm sm:text base"> A Comissão Organizadora liderada pela Drª Marina Juliana, juntamente com a Diretoria e a Comissão de Congressos deu início a uma série de reuniões que antecederão o Evento. </p> <p className="mb 3 indent 11 text sm sm:text base"> A grade cientifica está sendo planejada para oferecer aos congressistas um conteúdo abrangente e atualizado na área do trauma pediátrico. </p> <p className="mb 3 indent 11 text sm sm:text base"> As inscrições já foram abertas e em breve poderão ser realizadas através do site da SBOP. </p> <p className="mb 3 indent 11 text sm sm:text base"> Pela dedicação e entusiasmo dos membros da Comissão Organizadora certamente teremos um Congresso que marcará positivamente o Centro Oeste brasileiro. </p> <p className="mb 3 indent 11 text sm sm:text base"> Campo Grande esperam todos de braços abertos. Venham participar desse convívio harmonioso e salutar com os membros da Família Ortopédica Pediátrica, pois SBOP vale ser! </p> <p className="mb 3 text sm sm:text base"> Fiquem com Deus e aproveitem! </p> <p className="mb 3 text sm sm:text base">Bom congresso para todos.</p> <p className="mb 3 text sm sm:text base">Abraço e até lá!</p> <p className="text center text sm font semibold sm:text base"> Francisco Nogueira </p> <div> <Image alt="Doutor Francisco" title="Foto do Doutro Francisco" src={drFrancisco} width={400} height={400} className="m auto h 24 w 24 rounded full object cover p 2 sm:h 32 sm:w 32" /> </div> </article> <article className="mx auto mt 6 w 11/12 rounded xl bg gradient to tr from cyan 950 to cyan 50 p 8 text slate 800 shadow [0_35px_60px_ 15px_rgba(0,0,0,0.3)] sm:w 4/5 md:w 3/5"> <Image alt="Doutor Muro César de Morais Filho" title="Foto do Doutor Mauro César de Morais Filho" src={drMauro} width={800} height={800} className="m auto h 24 w 24 rounded 3xl object contain p 2 sm:h 32 sm:w 32" /> <p className="indent 11 text sm text slate 100 sm:text base"> Saudações! Convido a todos para o TROIA 2025, que será realizado pela primeira vez no Centro Oeste do Brasil, na cidade de Campo Grande/MS . As Comissões Científica e Executiva estão trabalhando para proporcionar a vocês um evento de alto nível científico, e já temos confirmada a realização do Simpósio AO como atividade pré congresso. Também será uma grande oportunidade para encontrar velhos amigos, e fazer novas conexões no âmbito profissional e pessoal. Espero todos em Campo Grande em maio de 2025! </p> <p className="mt 3 indent 11 text sm font semibold text cyan 50 sm:text base"> Grande Abraço, </p> <br /> <p className="text center text sm font semibold text cyan 50 sm:text base"> Mauro Cesar de Morais Filho </p> <p className="text center text sm font semibold text cyan 50 sm:text base"> Presidente da SBOP 2025 </p> </article> <article className="mx auto mt 6 w 11/12 rounded xl bg gradient to tr from [#d31b70] to [#ff3a94] p 8 text white sm:w 4/5 md:w 3/5"> <Image src={draMarina} alt="Doutora Marina" title="Foto da Doutora Marina" width={800} height={800} className="m auto h 24 w 24 rounded 3xl object scale down sm:h 32 sm:w 32" /> <p className="p 6 indent 11 text sm text slate 100 sm:text base"> Caros colegas! Vamos realizar um evento em campo Grande, com atualizações sobre as condutas do trauma e urgências ortopédicas pediátricas! Sejam muito bem vindos à Cidade Morena! </p> <p className="text center text sm font semibold text cyan 50 sm:text base"> Marina Juliana Pita Sassioto Silveira de Figueiredo </p> <p className="text center text sm font semibold text cyan 50 sm:text base"> Presidente do TROIA 2025 </p> </article> </header> </section> ) } export default HomeSection coloque localizaçao do evento