You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

92 lines
3.8 KiB

import Head from 'next/head'
3 years ago
import HeadComponent from '../components/head.js'
import Menu from '../components/menu.js'
3 years ago
import Image from 'next/image'
import styles from '../styles/Index.module.css'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faDiscord } from '@fortawesome/free-brands-svg-icons'
import { faTwitter } from '@fortawesome/free-brands-svg-icons'
import { faSpotify } from '@fortawesome/free-brands-svg-icons'
3 years ago
import { faSteam } from '@fortawesome/free-brands-svg-icons'
3 years ago
import { faSoundcloud } from '@fortawesome/free-brands-svg-icons'
3 years ago
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
export default function Index() {
return (
<div className={styles.page}>
3 years ago
<HeadComponent/>
<Head>
<title>Invesvpo | Landing Page</title>
</Head>
3 years ago
3 years ago
<div className={styles.leftsidetint + " slide-in-down"}>
<a href="/"><img src="/logo.png"/></a>
3 years ago
<footer>
<a href="https://dubbelnull.com/" target="_blank">Made by DubbelNull</a> with NextJS and Vercel
</footer>
3 years ago
</div>
3 years ago
<div className={styles.topcontainerbackg + " slide-in-right"}></div>
3 years ago
<div className={styles.topcontainer + " slide-in-left"}>
3 years ago
<div className={styles.topcontent}>
<Menu/>
3 years ago
</div>
<div className={styles.topcontent}>
<h1>INVESVPO</h1>
3 years ago
<p><div className="badge"><span>aka</span></div> Fuhz Elikas C2RW</p>
3 years ago
</div>
</div>
<div className={styles.bottomcontainer + " slide-in-up"}>
<div className={styles.topcontent}>
3 years ago
<h3>
{`Hey I'm Invesvpo, I make some cool 3d models including guns and I'm trying to learn more about it.`} <br/>
{`I also make music, so check out my Spotify and SoundCloud below. `}<br/>
{`A lot of my songs are made to be downtempo ambient songs.`}
</h3>
3 years ago
</div>
<div className={styles.topcontent + " " + styles.links}>
3 years ago
<div>
<a target="_blank" href="https://twitter.com/invesvpo">
<span>
<p>Twitter</p>
<FontAwesomeIcon icon={faTwitter} />
</span>
</a>
<a target="_blank" href="https://discord.com/users/221984151161667585">
<span>
<p>Discord</p>
<FontAwesomeIcon icon={faDiscord} />
</span>
</a>
<a target="_blank" href="https://soundcloud.com/invesvpo">
<span>
<p>SoundCloud</p>
<FontAwesomeIcon icon={faSoundcloud} />
</span>
</a>
<a target="_blank" href="mailto:">
<span>
<p>Email</p>
<FontAwesomeIcon icon={faEnvelope} />
</span>
</a>
<a target="_blank" href="https://steamcommunity.com/id/Invesvpo/">
<span>
<p>Steam</p>
<FontAwesomeIcon icon={faSteam} />
</span>
</a>
</div>
3 years ago
</div>
3 years ago
</div>
</div>
3 years ago
)
}