@ -5,6 +5,9 @@ import Link from 'next/link';
import StyledButton from '../components/elements/styledbutton' ;
import StyledButton from '../components/elements/styledbutton' ;
import SmallStyledButton from '../components/elements/smallstyledbutton' ;
import SmallStyledButton from '../components/elements/smallstyledbutton' ;
import pascal from '../public/img/mid.png'
import marco from '../public/img/marco.png'
export default function Index() {
export default function Index() {
return (
return (
< div className = { "page " + styles . about } >
< div className = { "page " + styles . about } >
@ -16,18 +19,26 @@ export default function Index() {
< article className = "content" >
< article className = "content" >
< section >
< section >
< h2 > About DubbelNull < / h2 >
< h2 > ℹ ️ About DubbelNull < / h2 >
< p >
< h5 >
{ "We are a new and small family business from The Netherlands developing and designing web applications for clients. " }
{ "We are a new and small IT business from The Netherlands developing and designing all sorts of applications for clients. " }
{ "We specialize in TALL stack but also make use of applications like Wordpress. " }
{ "In January of 2021 DubbelNull was founded by Marco and their son Pascal as a result from their passion for IT. " }
{ "We are service focused, meaning that if a client needs something we don't explicitly offer we can always work something out." }
< br / > < br / >
< / p >
{ "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 >
< / section >
< hr / >
< hr / >
< section style = { { textAlign : "center" } } >
< section style = { { textAlign : "center" } } id = "technologies" >
< h2 > We utilize the newest tech < / h2 >
< h2 > We 💖 the newest tech < / h2 >
< div style = { { display : "flex" , flexWrap : "wrap" , gap : "var(--padding-sm)" , justifyContent : "center" } } >
< div style = { { display : "flex" , flexWrap : "wrap" , gap : "var(--padding-sm)" , justifyContent : "center" } } >
< StyledButton > # wordpress < / StyledButton >
< StyledButton > # wordpress < / StyledButton >
@ -43,36 +54,40 @@ export default function Index() {
< StyledButton > # php < / StyledButton >
< StyledButton > # php < / StyledButton >
< / div >
< / div >
< br / >
< h3 > and we ' re always eager to learn new stuff ! < / h3 >
< h3 > and are always learning new stuff < / h3 >
< div style = { { display : "flex" , flexWrap : "wrap" , gap : "var(--padding-sm)" , justifyContent : "center" } } >
< SmallStyledButton > # threejs < / SmallStyledButton >
< SmallStyledButton > # prisma2 < / SmallStyledButton >
< SmallStyledButton > # vue < / SmallStyledButton >
< SmallStyledButton > # nosql < / SmallStyledButton >
< / div >
< / section >
< / section >
< hr / >
< hr / >
< section >
< section >
< div >
< div className = { styles . aboutSectionReverse } >
< h3 > Marco van Ginkel — Client relations and communication < / h3 >
< div >
< p >
< Image src = { marco } / >
{ "lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet " }
< / div >
< / p >
< div >
< h3 > 💼 Marco van Ginkel — < span className = { styles . tag } > Client relations & communication < / span > < / h3 >
< p >
{ "lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet lorem ipsum sodor amar amalet " }
< / p >
< / div >
< / div >
< / div >
< br / >
< br / >
< div >
< div className = { styles . aboutSection } >
< h3 > Pascal van Ginkel — Full - stack webdeveloper < / h3 >
< div >
< p >
< h3 > 🐱 💻 Pascal van Ginkel — < span className = { styles . tag } > Full - stack webdeveloper < / span > < / h3 >
{ "Hello, I'm Pascal. The person behind the majority of development at DubbelNull. I have a passion for everything tech and always dive into new technologies, but my favorite by far is webdevelopment. I started making my own things nearly 6 years ago and have gotten a lot of experience with a wide range of concepts and technologies since then. I am also following a Software Engineering major at the Saxion University of Applied Sciences currently. " }
< p >
< / p >
{ "Hello, I'm Pascal. The person behind the majority of development at DubbelNull. " }
{ "I have a passion for everything tech and always dive into new technologies, but my favorite by far is webdevelopment. " }
{ "I started making my own things nearly 6 years ago and have gotten a lot of experience with a wide range of concepts and technologies since then. " }
{ "I am also following a Software Engineering major at the Saxion University of Applied Sciences currently. " }
< / p >
< / div >
< div >
< Image src = { pascal } / >
< / div >
< / div >
< / div >
< / section >
< / section >