basic site added

2022-01-06 06:27:13 +01:00
parent 98aca4c433
commit 22215f3e1b
17 changed files with 6347 additions and 1858 deletions
@@ -0,0 +1,20 @@
+import React from 'react'
+import TextShuffler from '../components/actions/TextShuffler'
+import { textSHuffle } from '../functions/frontend/textShuffle'
+import GeneralLayout from '../layouts/general_layout/GeneralLayout'
+
+const index = () => {
+    return (
+        <div className='not-found-page-wrapper'>
+            <h1><TextShuffler textInput="404" /></h1>
+            <span className='hero-sub-text'>
+                <TextShuffler textInput="Oops ... page not found" />
+            </span>
+            <div className="hero-ctas-section">
+                <a href='/'>Go Back Home</a>
+            </div>
+        </div>
+    )
+}
+
+export default index
@@ -0,0 +1,14 @@
+import "../styles/main.css";
+import { Fragment } from "react";
+import Script from "next/script";
+
+function MyApp({ Component, pageProps }) {
+    return (
+        <Fragment>
+            <Component {...pageProps} />
+            <Script src="/scripts/main.js" strategy="beforeInteractive" />
+        </Fragment>
+    );
+}
+
+export default MyApp;
@@ -0,0 +1,21 @@
+import React from 'react'
+import TextShuffler from '../components/actions/TextShuffler'
+import { textSHuffle } from '../functions/frontend/textShuffle'
+import GeneralLayout from '../layouts/general_layout/GeneralLayout'
+
+const about = () => {
+    return (
+        <GeneralLayout>
+            <h1><TextShuffler textInput="Ben of all trade, master of all!" /></h1>
+            <span className='hero-sub-text'>
+                <TextShuffler textInput="So the thing about me is: I want to know it all, I want to master it all: this has lead me to dig deep into almost every aspect of web design and development. But that's not the best thing about me: the best thing is I'm willing to learn and adapt at any point: there are so many languages and libraries these days: even in my quest to master it all, it is not possible to master all the available languages and libraries: but whichever knowledge is needed at any given time, I adapt and learn: very quickly too: I see this as the best skill anyone can have in this age." />
+            </span>
+            <div className="hero-ctas-section">
+                <a href='/documents/Benjamin_Toby_CV.pdf' download={true}>See my resume</a>
+                <a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
+            </div>
+        </GeneralLayout>
+    )
+}
+
+export default about
@@ -0,0 +1,23 @@
+import React from 'react'
+import TextShuffler from '../components/actions/TextShuffler'
+import GeneralLayout from '../layouts/general_layout/GeneralLayout'
+
+const contact = () => {
+    return (
+        <GeneralLayout>
+            <h1><TextShuffler textInput="Great things await ..." /></h1>
+            <span className='hero-sub-text'>
+                <TextShuffler textInput="Let's talk" />
+            </span>
+
+            <form autoComplete='true'>
+                <input type="text" placeholder='Your Name' />
+                <input type="email" placeholder='Your Email Address' />
+                <textarea name="message" id="contact-form-message" cols="30" rows="10" placeholder='Message'></textarea>
+                <button type="submit">Submit</button>
+            </form>
+        </GeneralLayout>
+    )
+}
+
+export default contact
@@ -0,0 +1,21 @@
+import React from 'react'
+import TextShuffler from '../components/actions/TextShuffler'
+import { textSHuffle } from '../functions/frontend/textShuffle'
+import GeneralLayout from '../layouts/general_layout/GeneralLayout'
+
+const index = () => {
+    return (
+        <GeneralLayout>
+            <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 Ben, a highly talented fullstack web developer with extensive enxperience in web design, frontend and backend development." />
+            </span>
+            <div className="hero-ctas-section">
+                <a href='/documents/Benjamin_Toby_CV.pdf' download={true}>See my resume</a>
+                <a href='https://www.linkedin.com/in/benjamin-toby/' target="_blank">Linkedin</a>
+            </div>
+        </GeneralLayout>
+    )
+}
+
+export default index