diff --git a/components/menu.tsx b/components/menu.tsx
index 290dbf6..3b602e6 100644
--- a/components/menu.tsx
+++ b/components/menu.tsx
@@ -17,9 +17,8 @@ export default function Menu() {
-
{"💼 Marco van Ginkel — "}{"Client relations & communication"}
+
{"💼 Marco van Ginkel"} {"Client relations & communication"}
{"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 "}
@@ -77,7 +77,7 @@ export default function About() {
-
{"🐱💻 Pascal van Ginkel — "}{"Full-stack webdeveloper"}
+
{"🐱💻 Pascal van Ginkel"} {"Full-stack webdeveloper"}
{"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. "}
diff --git a/pages/contact.tsx b/pages/contact.tsx
index dde95fc..4c9f318 100644
--- a/pages/contact.tsx
+++ b/pages/contact.tsx
@@ -29,18 +29,18 @@ export default function Contact() {
}
`}
-
- {"📬 Contact us"}
- Shoot us an email
- Message us on our Discord server
- Send a DM to our Twitter account
- We have no public phone number
- {"We typically respond within a few hours during business hours."}
+
+ {"📬 We typically respond within a few hours"}
+
+
+ Shoot us an email
+ Message us on Discord
+ DM us on Twitter
+
-
)
}
\ No newline at end of file
diff --git a/pages/index.tsx b/pages/index.tsx
index 0e703eb..42c7242 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -32,9 +32,9 @@ export default function Home() {
- {"DubbelNull is a small IT development team from The Netherlands making and designing applications. "}
- {"We create both back-end servers and front-end experiences, including mobile apps and PWA. "}
- {"So as long as it's based on web protocols, we can make it."}
+ {"DubbelNull is a small IT development team from The Netherlands. We make and design web-based applications of all kinds including; "}
+ {"back-end servers, front-end experiences, mobile apps, and PWA. "}
+ {"As long as it's based on web protocols, we can make it."}
diff --git a/pages/services.tsx b/pages/services.tsx
new file mode 100644
index 0000000..0a8878b
--- /dev/null
+++ b/pages/services.tsx
@@ -0,0 +1,18 @@
+import Head from 'next/head';
+import styles from '../styles/Services.module.css';
+
+export default function Services() {
+ return (
+
+
+
{process.env.NEXT_PUBLIC_NAME} | Services
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/pages/showcase.tsx b/pages/showcase.tsx
new file mode 100644
index 0000000..8748460
--- /dev/null
+++ b/pages/showcase.tsx
@@ -0,0 +1,83 @@
+import Head from 'next/head';
+import Image from 'next/image';
+import styles from '../styles/Showcase.module.css';
+
+import larumNidis from "../public/img/larumnidis.png";
+import lifeCentreLivingston from "../public/img/lifecentrelivingston.png";
+import breehoef from "../public/img/breehoef.jpg";
+
+export default function Showcase() {
+ return (
+
+
+
{process.env.NEXT_PUBLIC_NAME} | Showcase
+
+
+
+
+
+ ⭐ Highlighted clients
+ {`
+ Take a look at some of our happy past clients and the projects we made for them.
+ Websites made before 2021 listed here were made before DubbelNull was founded by our Webdeveloper Pascal.
+ `}
+
+
+
+
+
🏘️ Larum Nidis
+
{`
+ This site was built with Wordpress in 2019 for a Dutch client.
+ It is designed to mostly be a one-pager design, but can be extended to have more pages with ease.
+ `}
+
+
+
+
+
+
+
+
+
⛪ Life Centre Livingston
+
{`
+ This site was made in 2018 with Wordpress for a local church and has many features like galleries, calendar,
+ blogging and file uploads.
+ `}
+
+
+
+
+
+
+
+
+
🐄 Breehoef
+
{`
+ A Dutch care farm contacted us in 2019 to update their website's content.
+ Along the way we ended up rebuilding the site with HTML5 to keep supporting new browsers while
+ retaining the old-school feeling that they loved and wanted to keep.
+ `}
+
+
+
+
+
+
+
+
+
+ 🏗️ Other experiences and projects
+ {`
+ In our every day lives we come across shortcomings or needs in technology, and sometimes we create our own solutions for them.
+ Sometimes we believe that these solutions could help more people and decide to release them publicly so that anyone can use them.
+ These applications also help us further showcase our quality and abilities to potential clients.
+ They are not ready for use yet, but you can still read more about them below.
+ `}
+
+ {`Maker, Picto Designer, Flame, The Moonlit Den, UNIVERSE`}
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/public/img/breehoef.jpg b/public/img/breehoef.jpg
new file mode 100644
index 0000000..a89924c
Binary files /dev/null and b/public/img/breehoef.jpg differ
diff --git a/public/img/larumnidis.png b/public/img/larumnidis.png
new file mode 100644
index 0000000..107071b
Binary files /dev/null and b/public/img/larumnidis.png differ
diff --git a/public/img/lifecentrelivingston.png b/public/img/lifecentrelivingston.png
new file mode 100644
index 0000000..be3114f
Binary files /dev/null and b/public/img/lifecentrelivingston.png differ
diff --git a/styles/About.module.css b/styles/About.module.css
index 259cb3c..7560257 100644
--- a/styles/About.module.css
+++ b/styles/About.module.css
@@ -20,9 +20,9 @@
}
.tag {
- font-size: 0.95rem;
- color: var(--theme-color);
- background-color: var(--background-color-dark);
+ font-size: 0.90rem;
+ background-color: var(--theme-color);
+ color: white;
padding: 0.4em 0.8em;
border-radius: var(--padding-xl);
text-transform: lowercase;
diff --git a/styles/Services.module.css b/styles/Services.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/styles/Showcase.module.css b/styles/Showcase.module.css
new file mode 100644
index 0000000..3081a07
--- /dev/null
+++ b/styles/Showcase.module.css
@@ -0,0 +1,14 @@
+.showcaseClient {
+ display: grid;
+ grid-template-columns: 50% auto;
+ gap: var(--padding-lg);
+ justify-content: flex-start;
+}
+
+.showcaseClient img {
+ border-radius: var(--padding);
+}
+
+.showcaseClient h3 {
+ margin: unset;
+}
\ No newline at end of file