feat: add reach out box

Tuhura-Tech · May 6, 2024 · ab427f0 · ab427f0
1 parent a40eb33
commit ab427f0
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 11 deletions.
diff --git a/src/components/IconCards.astro b/src/components/IconCards.astro
@@ -75,5 +75,43 @@ const { cards, location } = Astro.props;
         </a>
       ))
     }
+    <a
+      class="border border-dashed border-gray-700 dark:border-neutral-200 group flex gap-y-6 size-full hover:bg-gray-100 rounded-lg p-5 transition-all dark:hover:bg-neutral-800 dark:focus:outline-none dark:focus:outline-none dark:focus:bg-neutral-800"
+      href="/contact"
+    >
+      <Icon
+        name="mdi:school"
+        class="flex-shrink-0 size-8 text-gray-800 mt-0.5 me-6 dark:text-neutral-200"
+      />
+      <div>
+        <div>
+          <h3 class="block font-bold text-gray-800 dark:text-white">
+            Add a location
+          </h3>
+          <p class="text-gray-600 dark:text-neutral-400">
+            We are always looking for more locations.
+          </p>
+        </div>
+        <p
+          class="mt-3 inline-flex items-center gap-x-1 text-sm font-semibold text-gray-800 dark:text-neutral-200"
+        >
+          Reach Out
+          <svg
+            class="flex-shrink-0 size-4 transition ease-in-out group-hover:translate-x-1 group-focus:translate-x-1"
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="m9 18 6-6-6-6"></path>
+          </svg>
+        </p>
+      </div>
+    </a>
   </div>
 </div>
diff --git a/src/data.ts b/src/data.ts
@@ -38,6 +38,17 @@ interface HeaderLink extends Link {
   links?: Link[];
 }
 
+export interface Session {
+  title: string;
+  ages: string;
+  day: "Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday";
+  time: string;
+  description: string;
+  type: "After School" | "During School Enrichment";
+  signupLink?: string;
+  starts?: string;
+}
+
 export const board: Person[] = [
   {
     name: "Leon Bowie",
@@ -286,17 +297,6 @@ export const faqs: FAQ[] = [
   },
 ];
 
-export interface Session {
-  title: string;
-  ages: string;
-  day: "Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday";
-  time: string;
-  description: string;
-  type: "After School" | "During School Enrichment";
-  signupLink?: string;
-  starts?: string;
-}
-
 export const sessions: { location: string; sessions: Session[] }[] = [
   {
     location: "Wellington",