import Head from 'next/head' ;
import styles from '../styles/About.module.css' ;
import Link from 'next/link' ;
import StyledButton from '../components/elements/styledbutton' ;
export default function About() {
return (
< div className = { "page " + styles . about } >
< Head >
< title > { process . env . NEXT_PUBLIC_NAME } | About < / title >
< / Head >
< section className = "container" >
< article className = "content" >
< section >
< h2 > { "ℹ ️ } < / h2 >
< h5 >
{ "We are a new and small IT business from The Netherlands developing and designing all sorts of applications for clients. " }
{ "In January of 2021 DubbelNull was founded by Marco and their son Pascal as a result from their passion for IT. " }
< br / > < br / >
{ "We get our motivation from seeing clients succeed thanks to the products we craft for them. " }
{ "And in an effort to service those clients we keep expanding our set of skills and learning together. " }
< br / > < br / >
{ "Currently we specialize PHP and NodeJS based webdevelopment stacks including templaters like ReactJS and Blade, " }
{ "but we also use pre-made platforms like WordPress and MyBB. " }
{ "What tool we use depends entirely on what we feel is right for your budget and project. " }
< br / > < br / >
{ "For more information on exactly what kind of projects we handle, feel free to visit our " } < Link href = "/services" > Services < / Link > { " page. " }
< / h5 >
< / section >
< hr / >
< section style = { { textAlign : "center" } } id = "technologies" >
< h2 > { "We 💖 the newest tech" } < / h2 >
< div style = { { display : "flex" , flexWrap : "wrap" , gap : "var(--padding-sm)" , justifyContent : "center" } } >
< StyledButton > # wordpress < / StyledButton >
< StyledButton > # graphql < / StyledButton >
< StyledButton > # websockets < / StyledButton >
< StyledButton > # laravel < / StyledButton >
< StyledButton > # express < / StyledButton >
< StyledButton > # tailwindcss < / StyledButton >
< StyledButton > # svelte < / StyledButton >
< StyledButton > # typescript < / StyledButton >
< StyledButton > # nestjs < / StyledButton >
< StyledButton > # php < / StyledButton >
< / div >
< h3 > { "and we're always eager to learn new stuff!" } < / h3 >
< / section >
< hr / >
< section >
< div className = { styles . aboutSectionReverse } >
< div >
< img src = "/img/pascal.jpg" alt = "picture of pascal" / >
< / div >
< div >
< h3 className = { styles . tagspan } > { "💻 Pascal van Ginkel" } < span className = { styles . tag } > { "Full-stack webdeveloper" } < / span > < / h3 >
< p >
{ "Hello, I'm Pascal. The person behind the majority of development at DubbelNull. " } < br / >
{ "I am a versatile full-stack software engineer. I know my way around many languages and work with a variety of frameworks/libraries like Laravel, NestJS, React and Svelte." } < br / > < br / >
{ "I started making my own things over half a decade ago and have gotten a lot of experience with a wide range of concepts and technologies since then." } < br / >
{ "I am currently studying Software Engineering at the Saxion University of Applied Sciences and specialize in web related development. " }
< / p >
< / div >
< / div >
< br / >
< div className = { styles . aboutSection } >
< div >
< h3 className = { styles . tagspan } > { "💼 Marco van Ginkel" } < span className = { styles . tag } > { "Client relations & communication" } < / span > < / h3 >
< p >
{ "Hello, I'm Marco. I do client relations and financial administration at DubbelNull." }
< / p >
< / div >
< div >
< img src = "/img/marco.png" alt = "picture of marco" / >
< / div >
< / div >
< / section >
< / article >
< / section >
< / div >
)
}
