You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
3.7 KiB

3 years ago
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>{" About DubbelNull"}</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 father and son Marco and Pascal as a result of their passion for IT. "}
3 years ago
<br/><br/>
{"Currently we specialize PHP and NodeJS based webdevelopment stacks like: Wordpress, NestJS, SvelteKit, Laravel and more."}
{"What tool we use depends entirely on what we feel is right for your budget and project, and adapting to other ones is never out of the question."}
3 years ago
<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>#realtime</StyledButton>
3 years ago
<StyledButton>#laravel</StyledButton>
<StyledButton>#mybb</StyledButton>
3 years ago
<StyledButton>#tailwindcss</StyledButton>
<StyledButton>#svelte</StyledButton>
<StyledButton>#typescript</StyledButton>
<StyledButton>#nestjs</StyledButton>
<StyledButton>#scalable</StyledButton>
3 years ago
<StyledButton>#php</StyledButton>
<StyledButton>#vercel</StyledButton>
3 years ago
</div>
<h3>{"and we're very flexible with using other options"}</h3>
3 years ago
</section>
<hr/>
<section style={{display: "flex", gap: "50px"}}>
3 years ago
<div>
<h3 className={styles.tagspan}>{"💻 Pascal van Ginkel"} <span><span className={styles.tag}>{"Full-stack webdeveloper"}</span></span></h3>
<p>
{"Hello, I'm Pascal. I am a software engineer and in charge of development at DubbelNull. "}
</p>
3 years ago
</div>
<div>
<h3 className={styles.tagspan}>{"💼 Marco van Ginkel"} <span><span className={styles.tag}>{"Client relations & communication"}</span></span></h3>
<p>
{"Hello, I'm Marco. I do client relations and financial administration at DubbelNull."}
</p>
3 years ago
</div>
</section>
</article>
</section>
</div>
)
}