Visionen bag truckwash.io
Siden 2023 har holdet bag truckwash.io arbejdet imod visionen om at skabe ét system, hvor alle relevante arbejdsgange til lastbilvask digitaliseres og sammenkobles for at lette dagligdagen for alle interessenter – vognmænd, disponenter, chauffører, vaskehalsoperatører og vognvaskere.
-
Det betyder:
+
Derfor har vi udviklet:
- En portal til vognmænd og disponenter, hvor de kan håndtere alt omkring deres vaske
- - En portal til vaskeoperatører, hvor de kan håndtere alle aspekter omkring driften af en vaskehal
- En app til chauffører, hvor de kan booke, vaske og optjene loyalitetspoint
+ - En portal til vaskeoperatører, hvor de kan håndtere alle aspekter omkring driften af en vaskehal
+ - En app til vognvaskere, hvor de kan indskrive køretøjer, lave vaskecertifikater, tage imod betalinger etc.
-
Vi driver 7 vaskehaller på tværs af Danmark og har derfor dyb indblik i branchen. Det betyder, at vi kan udvikle IT løsninger, der tilfredsstiller behovene blandt alle interessenter
+
Vi driver Danmarks største kæde for lastbilvask og har derfor dyb indblik i branchen. Det betyder, at vi kan udvikle IT løsninger, der tilfredsstiller behovene blandt alle interessenter
Team
@@ -38,28 +115,28 @@ import team from "@/assets/img/team.jpg";
Grundlægger
Forretnings-udvikling
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -69,28 +146,28 @@ import team from "@/assets/img/team.jpg";
CEO
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -100,28 +177,28 @@ import team from "@/assets/img/team.jpg";
IT chef
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -156,15 +233,32 @@ import team from "@/assets/img/team.jpg";
margin-bottom: 0;
}
+.text-image-section .wrapper .content {
+ padding-left: 0;
+}
+.text-image-section.reverse .wrapper .content {
+ padding-right: 0;
+ padding-left: 6%;
+}
+
.text-image-section.template-2 .wrapper .content{
background-color: #13324C;
padding-top: 70px;
padding-bottom: 70px;
+ padding-right: 6%;
+ padding-left: 6%;
display: flex;
flex-direction: column;
justify-content: center;
}
+.text-image-section .container .section-heading {
+ font-size: 34px;
+ color: #13324C;
+ line-height: 1;
+ margin-bottom: 20px;
+}
+
.text-image-section .wrapper .content h2{
font-size: 26px;
color: #13324C;
@@ -189,6 +283,10 @@ import team from "@/assets/img/team.jpg";
color: inherit;
}
+.text-image-section .wrapper .content p + ul {
+ margin-block-start: 0;
+}
+
.text-image-section .wrapper .content li{
font-size: 16px;
color: #13324C;
@@ -211,15 +309,15 @@ import team from "@/assets/img/team.jpg";
.text-image-section .wrapper .content .btn{
font-size: 14px;
font-weight: 600;
- color: #13324C;
- background-color: #FFB833;
+ color: #ffffff;
+ background-color: #2c3e50;
padding: 12px 24px;
border-radius: 3px;
transition: background-color 0.3s ease;
}
.text-image-section .wrapper .content .btn:hover{
- background-color: #FFA833;
+ background-color: #333333;
}
.text-image-section .wrapper .image{
@@ -254,6 +352,10 @@ import team from "@/assets/img/team.jpg";
padding: 10px;
}
+ .text-image-section .container .section-heading {
+ padding: 0 10px;
+ }
+
.text-image-section .wrapper .image{
width: 100%;
}
diff --git a/src/views/pages/LandingPage.vue b/src/views/pages/LandingPage.vue
index 881f34f4..62163e79 100644
--- a/src/views/pages/LandingPage.vue
+++ b/src/views/pages/LandingPage.vue
@@ -1,97 +1,21 @@
-
Truckwash.io
-
Digitale løsninger til lastbilvask – en bedre oplevelse for vognmænd, chauffører og operatører af vaskehaller
+
VELKOMMEN TIL
+
Truck Wash kundeportal
-
-
-
-
-
Digitale løsning til kunder af vaskehaller
-
Kundeportal til disponenter og vognmænd:
-
- - Tilføj og administrer køretøjer
- - Book vask med reference nummer
- - Se data for historiske vaske
- - Download vaskecertifikater
- - Download fakturaer
-
-
- Opret
- Login
-
-
App til chauffører
-
- - Find nærmeste vaskehal
- - Benyt Selv Vask udenfor bemandet åbningstid
- - Book vask med reference nummer
- - Optjen loyalitetspoint
-
-
- Opret
- Login
-
-
-
-
-
-
-
-
-
-
-
Digitale løsninger til vaskehals operatører
-
Styringsmodul til vaskehals operatører:
-
- - Sæt priser produkter, åbningstider, medarbejdere)
- - Adminitrerer vaskelog og bookinger
- - Oprette nye kunder med tilhørende nummerplader
- - Se dashboards for afdelingens performance
-
-
- Book demo
- Login
-
-
-
Indskrivnings- og kassesystem til vognvaskere
-
- - Indskriv køretøjer hurtigt med scanning af nummerplade
- - Tilføj billeder og reference nummer til indskrivning
- - Håndter bookinger med ét klik (inkl. automatisk generering af vaskecertifikat)
- - Adminitrerer vaskelog og bookinger
- - Se dashboards for afdelingens performance
-
-
- Book demo
- Login
-
-
-
-
![]()
-
+
+
+
+
+
Ved at klikke ”Log in” accepterer du truckwash.io terms of service og privacy policy
@@ -261,4 +185,92 @@ import jimmyScaled from '@/assets/img/jimmy-scaled.jpg';
}
}
/* end text-image*/
+
+.login-section .wrapper {
+ min-height: min-content;
+}
+
+.login-section .wrapper .main{
+ width: 100%;
+ padding: 40px 20px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+.login-section .wrapper .main .logo{
+ display: flex;
+ max-width: 230px;
+ margin-bottom: 40px;
+}
+
+.login-section .wrapper .main .logo img{
+ width: 100%;
+ height: auto;
+ aspect-ratio: 183/32;
+ object-fit: contain;
+}
+
+.login-section .wrapper .main form{
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+ max-width: 400px;
+ margin-bottom: 40px;
+ width: 100%;
+}
+
+.login-section .wrapper .main form .form-field{
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+
+.login-section .wrapper .main form .form-field label{
+ color: #13324C;
+ font-size: 16px;
+ line-height: 1;
+ display: flex;
+ gap: 16px;
+}
+
+.login-section .wrapper .main form input{
+ border: 1.5px solid #333;
+ border-radius: 8px;
+ margin-top: 4px;
+ font-size: 16px;
+ line-height: 1;
+}
+
+.login-section .wrapper .main form input:not([type="checkbox"]) {
+ min-height: 40px;
+}
+
+.login-section .wrapper .main p{
+ max-width: 400px;
+ text-align: center;
+ font-size: 16px;
+ color: #13324C;
+}
+
+.login-section .wrapper .main a{
+ text-decoration: underline;
+ color: inherit;
+}
+
+.login-section .wrapper .main .submit{
+ width: 100%;
+ border-radius: 30px;
+ background-color: #13324C;
+ border: 0;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 16px;
+ min-height: 43px;
+ margin: 20px 0;
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 1a7ec243..96ef03eb 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -122,7 +122,7 @@ export default defineConfig(({ mode }) => {
]
},
manifest: {
- name: 'Truck Wash',
+ name: 'Truck Wash Kundeportal',
short_name: 'Truck Wash',
description: 'Access your Truck Wash accounts and transactions from anywhere.',
theme_color: '#063651',
@@ -134,8 +134,8 @@ export default defineConfig(({ mode }) => {
orientation: 'portrait',
launch_handler: { client_mode: 'navigate-existing' },
icons: [
- { src: 'icons/icon-192x192.png', sizes: '192x192', type: 'image/png' },
- { src: 'icons/icon-512x512.png', sizes: '512x512', type: 'image/png' },
+ { src: 'favicons/web-app-manifest-192x192.png', sizes: '192x192', type: 'image/png' },
+ { src: 'favicons/web-app-manifest-512x512.png', sizes: '512x512', type: 'image/png' },
// Optional: add a maskable icon
// { src: 'icons/icon-512x512-maskable.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' }
],