80 lines
2.7 KiB
JavaScript
80 lines
2.7 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} style={{ justifyContent: "space-between" }}>
|
|
<div className={styles.contactInfo}>
|
|
<h3>AGS IT Solutions</h3>
|
|
<p>
|
|
<a href="https://maps.google.com/maps/dir//Ginsterweg+5+26605+Aurich/@53.4767968,7.5178283,14z/data=!4m5!4m4!1m0!1m2!1m1!1s0x47b642ec8d0a7b57:0xf3e20420a5c203a1">
|
|
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%"
|
|
id="gmap_canvas"
|
|
src="https://maps.google.com/maps?q=Ginsterweg%205,%2026605%20Aurich&t=&z=14&ie=UTF8&iwloc=&output=embed"
|
|
frameBorder={0}
|
|
scrolling="no"
|
|
marginHeight={0}
|
|
marginWidth={0}
|
|
></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>
|
|
);
|
|
}
|