diff --git a/htdocs/assets/images/contact-heroimage.svg b/htdocs/assets/images/contact-heroimage.svg
new file mode 100644
index 0000000..b0f4a7e
--- /dev/null
+++ b/htdocs/assets/images/contact-heroimage.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index f858cc9..12e3f53 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -706,11 +706,6 @@ video {
margin-bottom: 0.30rem;
}
-.my-auto {
- margin-top: auto;
- margin-bottom: auto;
-}
-
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -1032,6 +1027,14 @@ video {
width: 100vw;
}
+.w-\[40\%\] {
+ width: 40%;
+}
+
+.w-\[230px\] {
+ width: 230px;
+}
+
.rotate-\[15deg\] {
--tw-rotate: 15deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1164,14 +1167,14 @@ video {
border-width: 2px;
}
-.border-\[5px\] {
- border-width: 5px;
-}
-
.border-\[3px\] {
border-width: 3px;
}
+.border-\[5px\] {
+ border-width: 5px;
+}
+
.border-b-\[2px\] {
border-bottom-width: 2px;
}
@@ -1184,14 +1187,14 @@ video {
border-top-width: 1px;
}
-.border-t-\[5px\] {
- border-top-width: 5px;
-}
-
.border-t-\[3px\] {
border-top-width: 3px;
}
+.border-t-\[5px\] {
+ border-top-width: 5px;
+}
+
.border-\[rgba\(255\2c _255\2c _255\2c _0\.15\)\] {
border-color: rgba(255, 255, 255, 0.15);
}
@@ -1234,6 +1237,15 @@ video {
border-top-color: rgb(56 189 248 / var(--tw-border-opacity));
}
+.border-b-accent_primary {
+ --tw-border-opacity: 1;
+ border-bottom-color: rgb(56 189 248 / var(--tw-border-opacity));
+}
+
+.border-b-accent_secondary_transparent {
+ border-bottom-color: rgba(255, 255, 255, 0.30);
+}
+
.bg-\[rgba\(0\2c _0\2c _0\2c _0\.4\)\] {
background-color: rgba(0, 0, 0, 0.4);
}
@@ -1331,11 +1343,6 @@ video {
padding-right: 1.75rem;
}
-.px-\[0\.65rem\] {
- padding-left: 0.65rem;
- padding-right: 0.65rem;
-}
-
.px-\[0\.80rem\] {
padding-left: 0.80rem;
padding-right: 0.80rem;
@@ -1563,6 +1570,10 @@ video {
outline-offset: 2px;
}
+.outline-accent_primary {
+ outline-color: #38BDF8;
+}
+
.blur-2xl {
--tw-blur: blur(40px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1889,6 +1900,10 @@ video {
margin-top: 7rem;
}
+ .lg\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
.lg\:block {
display: block;
}
@@ -1929,6 +1944,14 @@ video {
width: 350px;
}
+ .lg\:w-auto {
+ width: auto;
+ }
+
+ .lg\:w-\[40\%\] {
+ width: 40%;
+ }
+
.lg\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
diff --git a/htdocs/contact.php b/htdocs/contact.php
index e9bec26..14accae 100644
--- a/htdocs/contact.php
+++ b/htdocs/contact.php
@@ -17,8 +17,25 @@ require 'core/query_functions.php';
- 
+