
import styles from './contactdetails.module.css'
import Image from 'next/image'




export default function ContactDetails() {

  return (
    <section className={styles.formdt}>
        <div className={styles.title}>
            <h3>Ajuda-nos a alcançar o teu sucesso</h3>
        </div>
        <div className={styles.details}>
            <div className={styles.emailsec}>
                <h3>E-mail</h3>
                <div className={styles.line}>
                    <span><a href='email:hello@creativediscovery.eu'>hello@creativediscovery.eu</a></span>
                    <a href='email:hello@creativediscovery.eu'><Image src="/assets/ext-link.png" width="33" height="33" alt=""/></a>
                </div>
            </div>
            <div className={styles.phonesec}>
                <h3>Telefone</h3>
                <div className={styles.line}>
                    <span><a href='tel:+351934197153'>+351 934 197 153</a></span>
                    <a href='tel:+351934197153'><Image src="/assets/ext-link.png" width="33" height="33" alt=""/></a>
                </div>
            </div>
            <div className={styles.addresssec}>
                <h3>Morada</h3>
                <div className={styles.line}>
                    <span><a href='https://maps.app.goo.gl/kxJA3zoHLEVFExhS8'>Rua Dr. José Joaquim de Almeida, Edíficio Parque Oceano, nº2, 2ºpiso, loja 1, 2780-337 Oeiras</a></span>
                    <a href='https://maps.app.goo.gl/kxJA3zoHLEVFExhS8'><Image src="/assets/ext-link.png" width="33" height="33" alt=""/></a>
                </div>
            </div>
        </div>
    </section>

  )
}