81 lines
2.6 KiB
JavaScript
81 lines
2.6 KiB
JavaScript
import Head from "next/head";
|
|
import Image from "next/image";
|
|
import StandardStyles from "../styles/Home.module.css";
|
|
import styles from "../styles/Kontakt.module.css";
|
|
import FadeIn from "react-fade-in";
|
|
import EmailIcon from "../assets/icons/Email_Icon.png";
|
|
import DiscordIcon from "../assets/icons/Discord_Icon.png";
|
|
import FacebookIcon from "../assets/icons/Facebook_Icon.png";
|
|
import InstagramIcon from "../assets/icons/Instagram_Icon.png";
|
|
import GithubIcon from "../assets/icons/Github_Icon.png";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className={StandardStyles.main}>
|
|
<Head>
|
|
<title>AGS IT Solutions | Kontakt</title>
|
|
</Head>
|
|
<FadeIn childTag={"div"} transitionDuration={1500} className={styles.TwoColumnLayout}>
|
|
<div className={styles.columnChild}>
|
|
<h2>Kontaktformular folgt...</h2>
|
|
</div>
|
|
<div
|
|
className={styles.columnChild + " " + styles.infoContainer}
|
|
style={{ justifyContent: "space-between" }}
|
|
>
|
|
<div className={styles.contactInfo}>
|
|
<h3>AGS IT Solutions</h3>
|
|
<p>
|
|
<a href="https://maps.google.com/maps?ll=53.476797,7.517828&z=16&t=m&hl=de-DE&gl=US&mapclient=embed&cid=12121880540562836308">
|
|
Ginsterweg 5, 26605 Aurich
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href="tel:+4915753642410">+49 157 53642410</a>
|
|
</p>
|
|
<p>
|
|
<a href="mailto:info@ags-it-solutions.de">info@ags-it-solutions.de</a>
|
|
</p>
|
|
</div>
|
|
<div className={styles.mapouter}>
|
|
<div className={styles.gmap_canvas}>
|
|
<iframe
|
|
title="Google Maps"
|
|
width="100%"
|
|
height="100%"
|
|
loading="lazy"
|
|
allowFullScreen
|
|
style={{ border: "none" }}
|
|
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJRZO72VVDtkcRVMv3jSCSOag&key=AIzaSyAmGPvuzpg0nC-oBlAf3-3uJED1lLihDz4"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</FadeIn>
|
|
<FadeIn delay={300} childTag={"h1"} transitionDuration={1500}>
|
|
Social-Media
|
|
</FadeIn>
|
|
{/* Social-Media*/}
|
|
<FadeIn
|
|
childTag={"div"}
|
|
delay={300}
|
|
transitionDuration={1500}
|
|
className={styles.SocialMediaContainer}
|
|
>
|
|
<a href="https://www.instagram.com/ags_it_solutions/">
|
|
<Image height={75} width={75} src={InstagramIcon} alt="Instagram" />
|
|
</a>
|
|
<a href="https://www.facebook.com/AGS-It-Solutions-106590378715946">
|
|
<Image height={75} width={75} src={FacebookIcon} alt="Facebook" />
|
|
</a>
|
|
<a href="https://discord.gg/2Xeeq68C">
|
|
<Image height={100} width={100} src={DiscordIcon} alt="Discord" />
|
|
</a>
|
|
<a href="https://github.com/AGS-IT-Solutions">
|
|
<Image height={90} width={90} src={GithubIcon} alt="Github" />
|
|
</a>
|
|
</FadeIn>
|
|
</main>
|
|
);
|
|
}
|