|
|
|
|
import Head from 'next/head'
|
|
|
|
|
import HeadComponent from '../components/head.js'
|
|
|
|
|
import Menu from '../components/menu.js'
|
|
|
|
|
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'
|
|
|
|
|
import { faSoundcloud } from '@fortawesome/free-brands-svg-icons'
|
|
|
|
|
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
|
|
|
|
|
|
export default function Index() {
|
|
|
|
|
return (
|
|
|
|
|
<div className={styles.page}>
|
|
|
|
|
<HeadComponent/>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Invesvpo | Landing Page</title>
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<div className={styles.leftsidetint + " slide-in-down"}>
|
|
|
|
|
<a href="/"><img src="/logo.png"/></a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className={styles.topcontainerbackg + " slide-in-right"}></div>
|
|
|
|
|
|
|
|
|
|
<div className={styles.topcontainer + " slide-in-left"}>
|
|
|
|
|
<div className={styles.topcontent}>
|
|
|
|
|
<Menu/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className={styles.topcontent}>
|
|
|
|
|
<h1>INVESVPO</h1>
|
|
|
|
|
<p><div className="badge"><span>aka</span></div> Fuhz — Elikas — C2RW</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className={styles.bottomcontainer + " slide-in-up"}>
|
|
|
|
|
<div className={styles.topcontent}>
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className={styles.topcontent + " " + styles.links}>
|
|
|
|
|
<a href="#"><p><FontAwesomeIcon icon={faTwitter} /> Twitter</p></a>
|
|
|
|
|
<a href="#"><p><FontAwesomeIcon icon={faSpotify} /> Spotify</p></a>
|
|
|
|
|
<a href="#"><p><FontAwesomeIcon icon={faDiscord} /> Discord</p></a>
|
|
|
|
|
<a href="#"><p><FontAwesomeIcon icon={faSoundcloud} /> SoundCloud</p></a>
|
|
|
|
|
{/* <a href="#"><p><FontAwesomeIcon icon={faEnvelope} /> Email</p></a> */}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<footer className={styles.topcontent}>
|
|
|
|
|
<a href="https://dubbelnull.com/" target="_blank">Made by DubbelNull</a> with NextJS and Vercel
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
