Tweaks and updates to content

main
Midnight 1 year ago
parent f56163a6a1
commit fda6e0ec08

@ -9,8 +9,8 @@ export default function Footer() {
<Link href="/about">About</Link>
<Link href="/contact">Contact</Link>
{/* <a href="https://twitter.com/DubbelNull" target="_blank" rel="noreferrer">Twitter</a> */}
<a href="https://gitlab.com/dubbelnull" target="_blank" rel="noreferrer">GitLab</a>
{/* <a href="https://discord.gg/976Xskh8Dd" target="_blank" rel="noreferrer">Discord</a> */}
<a href="https://gitlab.com/dubbelnull" target="_blank" rel="noreferrer">Open Source</a>
<a href="https://discord.gg/976Xskh8Dd" target="_blank" rel="noreferrer">Discord</a>
<a href="https://status.dubbelnull.com" target="_blank" rel="noreferrer">Statuspage</a>
</div>
</section>

3
next-env.d.ts vendored

@ -1,3 +1,6 @@
/// <reference types="next" />
/// <reference types="next/types/global" />
/// <reference types="next/image-types/global" />
// NOTE: This file should not be edited
// see https://nextjs.org/docs/basic-features/typescript for more information.

6596
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -15,7 +15,7 @@
"@fortawesome/free-brands-svg-icons": "^5.15.3",
"@fortawesome/free-solid-svg-icons": "^5.15.3",
"@fortawesome/react-fontawesome": "^0.1.14",
"next": "11.0.1",
"next": "^11.1.4",
"react": "17.0.2",
"react-dom": "17.0.2",
"styled-components": "^5.3.0"

@ -17,14 +17,10 @@ export default function About() {
<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 Marco and their son Pascal as a result from their passion for IT. "}
{"In January of 2021 DubbelNull was founded by father and son Marco and Pascal as a result of 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. "}
{"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."}
<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>
@ -37,51 +33,37 @@ export default function About() {
<div style={{display: "flex", flexWrap: "wrap", gap: "var(--padding-sm)", justifyContent: "center"}}>
<StyledButton>#wordpress</StyledButton>
<StyledButton>#graphql</StyledButton>
<StyledButton>#websockets</StyledButton>
<StyledButton>#realtime</StyledButton>
<StyledButton>#laravel</StyledButton>
<StyledButton>#express</StyledButton>
<StyledButton>#mybb</StyledButton>
<StyledButton>#tailwindcss</StyledButton>
<StyledButton>#svelte</StyledButton>
<StyledButton>#typescript</StyledButton>
<StyledButton>#nestjs</StyledButton>
<StyledButton>#scalable</StyledButton>
<StyledButton>#php</StyledButton>
<StyledButton>#vercel</StyledButton>
</div>
<h3>{"and we're always eager to learn new stuff!"}</h3>
<h3>{"and we're very flexible with using other options"}</h3>
</section>
<hr/>
<section>
<section style={{display: "flex", gap: "50px"}}>
<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>
<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>
</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>
<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>
</div>
</section>

@ -29,15 +29,16 @@ export default function Contact() {
`}</style>
<section style={{display: "flex", flexDirection: "column", alignItems: "center", gap: "var(--padding)", padding: "var(--padding)" }}>
<h2 style={{margin: "unset"}}>{"📬 We typically respond within a few hours"}</h2>
<h2 style={{margin: "unset"}}>{"📬 Want a quote for your project or have a question?"}</h2>
<div style={{display: "flex", gap: "var(--padding)", justifyContent: "center"}}>
<div style={{display: "flex", gap: "var(--padding)", justifyContent: "center", alignItems: "center"}}>
<StyledButton type="highlight" href="mailto:contact@dubbelnull.com"><FontAwesomeIcon icon={faEnvelope}></FontAwesomeIcon> Send us an email</StyledButton>
{/* <StyledButton href="https://discord.gg/976Xskh8Dd" rel="noreferrer" target="_blank"><FontAwesomeIcon icon={faDiscord}></FontAwesomeIcon> Message us on Discord</StyledButton> */}
or
<StyledButton type="highlight" href="https://discord.gg/976Xskh8Dd" rel="noreferrer" target="_blank"><FontAwesomeIcon icon={faDiscord}></FontAwesomeIcon> Message us on Discord</StyledButton>
{/* <StyledButton href="https://twitter.com/DubbelNull" rel="noreferrer" target="_blank"><FontAwesomeIcon icon={faTwitter}></FontAwesomeIcon> DM us on Twitter</StyledButton> */}
</div>
<p>We can assist you in both the English and Dutch language.</p>
<p>We typically respond within a few hours. We can assist you in both the English and Dutch.</p>
</section>
</article>

@ -72,7 +72,7 @@ export default function Showcase() {
</div>
</section>
<section className={styles.showcaseClient}>
{/* <section className={styles.showcaseClient}>
<div>
<h3>🦊 Trick The Fox</h3>
<p>
@ -87,7 +87,7 @@ export default function Showcase() {
<div>
<img src="/img/trickthefox.png" />
</div>
</section>
</section> */}
{/* <hr/>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 409 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 386 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 631 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

@ -20,17 +20,19 @@
}
.tag {
font-size: 0.90rem;
font-size: 0.8rem;
background-color: var(--theme-color);
color: white;
padding: 0.4em 0.8em;
padding: 0.2em 1em;
border-radius: var(--padding-xl);
text-transform: lowercase;
}
.tagspan {
display: flex;
gap: var(--padding-sm);
flex-direction: column;
flex-wrap: wrap;
gap: var(--padding-xs);
}

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save