2022-01-06 13:03:06 +00:00
import Head from 'next/head'
2022-01-06 05:27:13 +00:00
import React from 'react'
import TextShuffler from '../components/actions/TextShuffler'
2022-03-11 10:43:00 +00:00
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
2022-01-06 05:27:13 +00:00
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
const index = ( ) => {
2022-03-11 10:43:00 +00:00
React . useEffect ( ( ) => {
threeJsAnimations ( )
} , [ ] )
2022-01-06 05:27:13 +00:00
return (
< GeneralLayout >
2022-01-06 13:03:06 +00:00
< Head >
< title > Benjamin Toby < / title >
< meta name = "description" content = "UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" / >
< / Head >
2022-01-06 05:27:13 +00:00
< h1 > < TextShuffler textInput = "UI/UX designer, Full Stack Web Developer, Web/graphic/motion designer" / > < / h1 >
< span className = 'hero-sub-text' >
2022-01-06 08:05:14 +00:00
< TextShuffler textInput = "Hi, I'm Benjamin Toby, a highly talented fullstack web developer with extensive enxperience in web design, frontend and backend development." / >
2022-01-06 05:27:13 +00:00
< / span >
< div className = "hero-ctas-section" >
2022-03-11 10:43:00 +00:00
< a href = '/documents/Benjamin_Toby_CV.pdf' download = { true } > See my resume < / a >
2022-01-06 05:27:13 +00:00
< a href = 'https://www.linkedin.com/in/benjamin-toby/' target = "_blank" > Linkedin < / a >
< / div >
2022-03-11 10:43:00 +00:00
< div className = 'fixed top-0 left-0 -z-10' id = 'homepage-animation-wrapper' > < / div >
2022-01-06 05:27:13 +00:00
< / GeneralLayout >
)
}
export default index