contact.astro

---
import ContactForm from '../components/forms/ContactForm.astro';
import Layout from '../layouts/Page.astro';
import Container from '../components/core/Container.astro';

const seo = {
	title: 'Kontakt | Mejker',
	description: 'Kontakt stranica uduženja "Mejker Srbija".',
};
---

<Layout {seo}>
	<Container>
		<section class="contact-hero__section">
			<div class="contact-hero__text-section">
				<h1>Kontaktirajte nas</h1>
				<p>
					Ukoliko želite da stupite u kontakt sa nama, možete nam postalti mejl
					na adresu <a href="mailto:office@maker.rs">office@maker.rs</a> ili nam
					pošaljite poruku na <a href="https://instagram.com/makersrbija"
						>Instagram</a
					>.
				</p>
			</div>
		</section>
	</Container>
</Layout>

<style>
	.contact-hero__section {
		margin: var(--section-margin) auto;
		display: grid;
		/* grid-template-columns: 1fr 1fr; */
		min-height: calc(90vh - var(--navbar-height));
		gap: 3rem;
	}
	.contact-hero__text-section {
		padding: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: var(--theme-surface-1);
		border-radius: var(--theme-shape-radius);
	}
	.col-2__container {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	@media (max-width: 768px) {
		.contact-hero__section {
			grid-template-columns: 1fr;
		}
	}
</style>