From bee1b47ed445e41c916d416a11228eb63f7a6d66 Mon Sep 17 00:00:00 2001
From: wkambale <spartanwk@gmail.com>
Date: Fri, 13 Sep 2024 18:34:45 +0300
Subject: [PATCH] new updates to icons

---
 src/components/core/appFooter.vue      |   6 +-
 src/components/core/appToolbar.vue     |  30 ++--
 src/components/home/hero.vue           |   6 +-
 src/components/sponsorus/sponsorUs.vue | 181 +++++++++++++++++++++++++
 4 files changed, 202 insertions(+), 21 deletions(-)
 create mode 100644 src/components/sponsorus/sponsorUs.vue

diff --git a/src/components/core/appFooter.vue b/src/components/core/appFooter.vue
index 0fd9d25..8a9fb61 100644
--- a/src/components/core/appFooter.vue
+++ b/src/components/core/appFooter.vue
@@ -33,7 +33,7 @@
           <div class="d-flex flex-column align-start">
             <v-row no-gutters align="center" class="mb-2" style="font-size: 14px;">
               <v-col cols="auto">
-                <v-icon left>mdi-map-marker</v-icon>
+                <v-icon left color="#1e1e1e">mdi-map-marker</v-icon>
               </v-col>
               <v-col>
                 <span>TIV, Mbarara, Uganda</span>
@@ -41,7 +41,7 @@
             </v-row>
             <v-row no-gutters align="center" class="mb-2" style="font-size: 14px;">
               <v-col cols="auto">
-                <v-icon left>mdi-phone</v-icon>
+                <v-icon left color="#1e1e1e">mdi-phone</v-icon>
               </v-col>
               <v-col>
                 <span>+256 784 912769</span>
@@ -49,7 +49,7 @@
             </v-row>
             <v-row no-gutters align="center" class="mb-4" style="font-size: 14px;">
               <v-col cols="auto">
-                <v-icon left>mdi-email</v-icon>
+                <v-icon left color="#1e1e1e">mdi-email</v-icon>
               </v-col>
               <v-col>
                 <span><a href="mailto:gdgcloudmbarara@gmail.com">gdgcloudmbarara@gmail.com</a></span>
diff --git a/src/components/core/appToolbar.vue b/src/components/core/appToolbar.vue
index 0211983..89a73b8 100644
--- a/src/components/core/appToolbar.vue
+++ b/src/components/core/appToolbar.vue
@@ -36,20 +36,6 @@
 
     <v-spacer></v-spacer>
 
-    <!-- <div class="hidden-sm-and-down google-font d-flex align-center">
-      <template v-for="(page, index) in pages">
-        <v-btn
-          text
-          :key="index"
-          class="mx-0"
-          color="black"
-          :to="page.path"
-          v-if="page.visible == 1"
-          style="text-transform: none; font-size: 14px; font-weight: 500"
-        >{{ page.name }}</v-btn>
-      </template>
-    </div> -->
-
     <v-spacer></v-spacer>
 
     <div class="hidden-sm-and-down google-font d-flex">
@@ -101,4 +87,18 @@ export default {
 .v-btn {
   letter-spacing: normal;
 }
-</style>
\ No newline at end of file
+</style>
+
+  <!-- <div class="hidden-sm-and-down google-font d-flex align-center">
+      <template v-for="(page, index) in pages">
+        <v-btn
+          text
+          :key="index"
+          class="mx-0"
+          color="black"
+          :to="page.path"
+          v-if="page.visible == 1"
+          style="text-transform: none; font-size: 14px; font-weight: 500"
+        >{{ page.name }}</v-btn>
+      </template>
+    </div> -->
\ No newline at end of file
diff --git a/src/components/home/hero.vue b/src/components/home/hero.vue
index f4e2545..60a23e9 100644
--- a/src/components/home/hero.vue
+++ b/src/components/home/hero.vue
@@ -16,13 +16,13 @@
           <!-- <span style="color: #4285f4">{{ communityInfo.community_name }}</span> -->
         </p>
         <p class="google-font mt-3 mb-0" style="font-size: 19px">
-          <v-icon>mdi-calendar-month</v-icon> {{ devfestInfo.date }}
+          <v-icon color="#1e1e1e">mdi-calendar-month</v-icon> {{ devfestInfo.date }}
         </p>
         <p class="google-font mt-0 mb-0" style="font-size: 19px">
-          <v-icon>mdi-clock-time-eight-outline</v-icon> {{ devfestInfo.time }}
+          <v-icon color="#1e1e1e">mdi-clock-time-eight-outline</v-icon> {{ devfestInfo.time }}
         </p>
         <p class="google-font mt-0" style="font-size: 19px">
-          <v-icon>mdi-map-marker</v-icon> {{ devfestInfo.venue }}
+          <v-icon color="#1e1e1e">mdi-map-marker</v-icon> {{ devfestInfo.venue }}
         </p>
         <p class="google-font text--secondary" style="font-weight: 500; font-size: 18px">
           {{ devfestInfo.desc.short }}
diff --git a/src/components/sponsorus/sponsorUs.vue b/src/components/sponsorus/sponsorUs.vue
new file mode 100644
index 0000000..c855101
--- /dev/null
+++ b/src/components/sponsorus/sponsorUs.vue
@@ -0,0 +1,181 @@
+<template>
+    <v-container class="sponsor-page" fluid>
+      <v-row>
+        <v-col cols="12" class="text-center mt-8">
+          <v-img 
+            max-width="300" 
+            :src="require('@/assets/img/df24mbralogo.png')" 
+            alt="DevFest Mbarara 2024"
+          ></v-img>
+          <h1 class="google-font display-2 my-6">Why Sponsor DevFest Mbarara 2024?</h1>
+          <p class="subtitle-1">
+            Your sponsorship will help keep DevFest Mbarara affordable and accessible to a wide and diverse audience.
+          </p>
+        </v-col>
+      </v-row>
+  
+      <v-row>
+        <v-col cols="12" md="6">
+          <h2 class="google-font headline mb-4">Why should you sponsor DevFest Mbarara?</h2>
+          <p class="body-1">
+            Here are just some of the benefits of being a sponsor:
+          </p>
+          <ul>
+            <li>Visibility to potential new customers and/or employees</li>
+            <li>Elevating and establishing your corporate identity within the community</li>
+            <li>Present your services or products to the expected 1000 attendees</li>
+            <li>Enhance your company's reputation by supporting and investing in the open-source community</li>
+          </ul>
+        </v-col>
+  
+        <v-col cols="12" md="6">
+          <h2 class="google-font headline mb-4">Sponsorship Packages</h2>
+          <p>Sign up early to become one of our launch sponsors with extra exposure!</p>
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Bronze</v-card-title>
+            <v-card-subtitle>$ 2,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>Distribute swag</li>
+                <li>On sponsors page</li>
+                <li>5 Free tickets</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+  
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Silver</v-card-title>
+            <v-card-subtitle>$ 5,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>Bronze package</li>
+                <li>On swag shirt</li>
+                <li>In website footer</li>
+                <li>1 Pull-up banner</li>
+                <li>1 announcement</li>
+                <li>10 Free tickets</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+  
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Gold</v-card-title>
+            <v-card-subtitle>$ 10,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>Silver package</li>
+                <li>2 announcements</li>
+                <li>15 Free tickets</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+  
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Platinum</v-card-title>
+            <v-card-subtitle>$ 15,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>Gold package</li>
+                <li>1 tutorial</li>
+                <li>3 announcements</li>
+                <li>3 Pull-up banners</li>
+                <li>Joint Press Release</li>
+                <li>Exhibition space</li>
+                <li>10-minute spot</li>
+                <li>20 Free tickets</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
+  
+      <v-row>
+        <v-col cols="12">
+          <h2 class="google-font headline mb-4">Expo Packages</h2>
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Expo 1</v-card-title>
+            <v-card-subtitle>UGX 250,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>Desk in expo hall</li>
+                <li>Pull-up banner</li>
+                <li>1 Free ticket</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+  
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Expo 2</v-card-title>
+            <v-card-subtitle>UGX 500,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>Double the space of Expo 1</li>
+                <li>Logo on website</li>
+                <li>Workshop session about products</li>
+                <li>Free participation in job fair</li>
+                <li>2 Free tickets</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+  
+          <v-card outlined class="my-4">
+            <v-card-title class="google-font">Expo 3</v-card-title>
+            <v-card-subtitle>UGX 1,000,000</v-card-subtitle>
+            <v-card-text>
+              <ul>
+                <li>3 times the space of Expo 1</li>
+                <li>Branding beyond the expo hall</li>
+                <li>Logo on website</li>
+                <li>Workshop session about products</li>
+                <li>Free participation in job fair</li>
+                <li>3 Free tickets</li>
+              </ul>
+            </v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
+  
+      <v-row>
+        <v-col cols="12" class="text-center mt-8">
+          <v-btn
+            color="black"
+            dark
+            rounded
+            href="#"
+            target="_blank"
+            class="my-4"
+          >
+            View Our Prospectus
+          </v-btn>
+          <h3 class="google-font headline mb-4">Contact Us</h3>
+          <p>Interested in sponsoring? Reach out to us via devfestmbara@gmail.com or contact us below:</p>
+          <v-form>
+            <v-text-field label="Your Name" outlined></v-text-field>
+            <v-text-field label="Email" outlined></v-text-field>
+            <v-textarea label="Message" outlined></v-textarea>
+            <v-btn color="black" dark>Send Message</v-btn>
+          </v-form>
+        </v-col>
+      </v-row>
+    </v-container>
+  </template>
+  
+  <script>
+  export default {
+    data: () => ({
+      // Add any dynamic data if required
+    }),
+  };
+  </script>
+  
+  <style scoped>
+  .sponsor-page {
+    background-color: #f9f9f9;
+    padding: 20px;
+  }
+  
+  .google-font {
+    font-family: 'Google Sans', sans-serif;
+  }
+  </style>
+  
\ No newline at end of file