personal-site/pages/work.jsx

35 lines
1.2 KiB
React
Raw Normal View History

2022-02-04 11:25:05 +00:00
import React from 'react'
import Head from 'next/head'
import TextShuffler from '../components/actions/TextShuffler'
import GeneralLayout from '../layouts/general_layout/GeneralLayout'
import PortfolioEntry from '../components/PortfolioEntry'
2022-03-11 10:43:00 +00:00
import threeJsAnimations from '../functions/frontend/threeJsAnimations'
2022-02-04 11:25:05 +00:00
const about = () => {
const portfolioEntries = require("../components/portfolioEntries.json");
2022-03-11 10:43:00 +00:00
React.useEffect(() => {
threeJsAnimations()
}, [])
2022-02-04 11:25:05 +00:00
return (
<GeneralLayout>
<Head>
<title>My Work | Tben</title>
<meta name="description" content="Some of my Work" />
</Head>
<h1><TextShuffler textInput="My Work" /></h1>
2022-03-11 12:45:49 +00:00
<span className='hero-sub-text'>
2022-02-04 11:25:05 +00:00
<TextShuffler textInput="Some of my work ..." />
</span>
2022-03-11 12:45:49 +00:00
<div className='portfolio-entries-block mt-4'>
2022-02-04 11:25:05 +00:00
{ portfolioEntries.map(entry => <PortfolioEntry key={ entry.title } title={ entry.title } description={ entry.description } url={ entry.url } image={ entry.image } />) }
</div>
2022-03-11 10:43:00 +00:00
<div className='fixed top-0 left-0 -z-10' id='homepage-animation-wrapper'></div>
2022-02-04 11:25:05 +00:00
</GeneralLayout>
)
}
export default about