<script>
    import "../styles/contacts.css";
    import Button from "../components/Button/Button.svelte";
</script>

<div class="contacts-page">
    <div class="contact-us">
        <div class="contact-us-container">
            <div class="contact-title">
                <h1>Contatta<span>ci</span></h1>
                <span class="divider"></span>
            </div>
            <p>
                Siamo qui per <span style="font-weight: bold;">ascoltarti</span>.
            </p>
            <div class="contact-info-container">
                <div class="contact-info-item">
                    <h4 class="contact-info-type">EMAIL</h4>
                    <a href="mailto:info@cimaprogetti.it"
                        >info@cimaprogetti.it</a
                    >
                </div>
                <div class="contact-info-item">
                    <h4 class="contact-info-type">WHATSAPP</h4>
                    <a href="https://wa.me/393382451171" target="_blank"
                        >+39 338 245 1171</a
                    >
                </div>
            </div>
            <Button
                text="PRENOTA UNA CALL"
                borderWidth="1.5px"
                borderColor="var(--text-color)"
                color="transparent"
                textColor="var(--text-color)"
                href="https://google.com"
                margin="1rem 0 0"
            />
        </div>
        <div class="contact-image"></div>
    </div>
    <div class="behind-cima">
        <h2>PEOPLE BEHIND CIMA</h2>
        <div class="profiles-container">
            <div class="behind-cima-profile">
                <h1>Nicola Leone CIARDI</h1>
                <div class="profile-role">
                    <span class="divider"></span>
                    <h4>CO-FOUNDER & CEO</h4>
                </div>
                <p>Management and computer science</p>
                <div class="contact-info-container-personal">
                    <div class="contact-info-item">
                        <h4 class="contact-info-type">EMAIL</h4>
                        <a
                            href="mailto:nicolaleone.ciardi@cimaprogetti.it"
                            class="personal"
                            >nicolaleone.ciardi@cimaprogetti.it</a
                        >
                    </div>
                    <div class="contact-info-item">
                        <h4 class="contact-info-type">WHATSAPP</h4>
                        <a
                            href="https://wa.me/393382451178"
                            target="_blank"
                            class="personal">+39 338 245 1178</a
                        >
                    </div>
                </div>
                <Button
                    text="Parliamone!"
                    href="https://google.com"
                    margin="2rem 0 0"
                />
            </div>

            <div class="behind-cima-profile">
                <h1>Valentina MADAUDO</h1>
                <div class="profile-role">
                    <span class="divider"></span>
                    <h4>CO-FOUNDER & CFO</h4>
                </div>
                <p>Jr Engineer & economist for sustainable development</p>
                <div class="contact-info-container-personal">
                    <div class="contact-info-item">
                        <h4 class="contact-info-type">EMAIL</h4>
                        <a
                            href="mailto:valentina.madaudo@cimaprogetti.it"
                            class="personal"
                            >valentina.madaudo@cimaprogetti.it</a
                        >
                    </div>
                    <div class="contact-info-item">
                        <h4 class="contact-info-type">WHATSAPP</h4>
                        <a
                            href="https://wa.me/393393580805"
                            target="_blank"
                            class="personal">+39 339 358 0805</a
                        >
                    </div>
                </div>
                <Button
                    text="Confrontiamoci!"
                    href="https://google.com"
                    margin="2rem 0 0"
                />
            </div>
        </div>
    </div>
</div>
