personal-site/pages/index.jsx

import Head from 'next/head'
import React from 'react'
import TextShuffler from '../components/actions/TextShuffler'
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'

const index = () => {

    return (
        <GeneralLayout pageName="home">
            <Head>
                <title>Benjamin Toby | Fullstack developer, UI UX designer</title>
                <meta name="description" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, Next JS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />
            </Head>
            <h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>
            <span className='hero-sub-text'>
                <TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 500 } />
            </span>
            <div className="hero-ctas-section">
                <a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>
                <a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
                <a href='/contact' style={ {
                    backgroundColor: "transparent",
                    color: "white",
                    border: "2px solid white"
                } }>Contact Me</a>
            </div>
            <div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
        </GeneralLayout>
    )
}

export default index
update head 2022-01-06 13:03:06 +00:00			`import Head from 'next/head'`
basic site added 2022-01-06 05:27:13 +00:00			`import React from 'react'`
			`import TextShuffler from '../components/actions/TextShuffler'`
updates 2022-03-11 10:43:00 +00:00			`import threeJsAnimations from '../functions/frontend/threeJsAnimations'`
basic site added 2022-01-06 05:27:13 +00:00			`import GeneralLayout from '../layouts/general_layout/GeneralLayout'`

			`const index = () => {`
updates 2022-06-03 16:36:24 +00:00
basic site added 2022-01-06 05:27:13 +00:00			`return (`
updates 2022-06-03 16:36:24 +00:00			`<GeneralLayout pageName="home">`
update head 2022-01-06 13:03:06 +00:00			`<Head>`
updates 2022-03-11 12:19:52 +00:00			`<title>Benjamin Toby \| Fullstack developer, UI UX designer</title>`
			`<meta name="description" content="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer, React Developer, Next JS developer, Node JS developer, Javascript Developer, Linux Ubuntu, DevOps, Nginx, MySQL developer, Freelancer" />`
update head 2022-01-06 13:03:06 +00:00			`</Head>`
updates 2022-06-04 07:26:53 +00:00			`<h1><TextShuffler textInput="UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" /></h1>`
basic site added 2022-01-06 05:27:13 +00:00			`<span className='hero-sub-text'>`
updates 2022-06-04 07:26:53 +00:00			`<TextShuffler textInput="Hi, I'm Benjamin Toby, a fullstack web developer and UI/UX expert." delay={ 500 } />`
basic site added 2022-01-06 05:27:13 +00:00			`</span>`
			`<div className="hero-ctas-section">`
updates 2022-05-17 07:10:22 +00:00			`<a href='/documents/Benjamin_Toby_CV-updated.pdf' download={ true }>See my resume</a>`
basic site added 2022-01-06 05:27:13 +00:00			`<a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>`
updates 2022-03-11 12:36:23 +00:00			`<a href='/contact' style={ {`
			`backgroundColor: "transparent",`
			`color: "white",`
			`border: "2px solid white"`
			`} }>Contact Me</a>`
basic site added 2022-01-06 05:27:13 +00:00			`</div>`
updates 2022-03-11 10:43:00 +00:00			`<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>`
basic site added 2022-01-06 05:27:13 +00:00			`</GeneralLayout>`
			`)`
			`}`

			`export default index`