import type { NextPage } from "next";

import AboutMe from "../components/AboutMe";
import Services from "../components/Services";
import Contact from "../components/Contact";
import FullStory from "../components/FullStory";
import { NextSeo } from "next-seo";
import Head from "next/head";

const Home: NextPage = () => {
	return (
		<>
			<Head>
				<meta name="viewport" content="width=device-width, initial-scale=1.0" />
			</Head>
			<NextSeo
				title="Roman Developer"
				description="Primárně se zaměřuji na vývoj frontendů webových aplikací. Jsem schopný dělat vývoj i backedy webových aplikací."
				canonical="https://romanjaros.cz"
				openGraph={{
					url: "https://romanjaros.cz",
					type: "websites",
					title: "Roman Jaroš, Developer",
					description: "Portfolio web vývojáře Roman Jaroš",
					site_name: "Roman Developer",
					locale: "Czech Republic",
					images: [
						{
							url: "http://romanjaros.cz/me.svg",
							alt: "me",
						},
					],
				}}
			/>
			<div className="mx-auto w-full md:w-4/5">
				<div className="text-center mb-20">
					<div className="mytitle text-3xl lg:text-6xl justify-center">
						<span className="mytitle-left">{"<"}</span>
						<h1 className="mytitle-left">Roman</h1>
						<h1 className="mytitle-right">Developer</h1>
						<span className="mytitle-left">&nbsp;{"/>"}</span>
					</div>
				</div>
				<AboutMe />
				<Services />
				<Contact />
				<FullStory />
			</div>
		</>
	);
};

export default Home;
