Merge pull request #16 from Ba3a-G/main

add: CTA for Questions
encryptedge · Jan 20, 2024 · 54359c4 · 54359c4
2 parents b66f94f + cb0a2b0
commit 54359c4
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -6,7 +6,7 @@ import PerksSection from '@/components/PerksSection'
 import RersourcePersons from '@/components/ResourcePersons'
 import TicketSection from '@/components/TicketSection'
 import VenueDate from '@/components/VenueDate'
-import { PlayCircleIcon, PlusCircleIcon } from '@heroicons/react/24/outline'
+import { PlayCircleIcon, TicketIcon, ArrowUpCircleIcon } from '@heroicons/react/24/outline'
 import Organisers from '@/components/Organisers'
 import RegisterDialog from '@/components/RegisterDialog'
 import { useState } from 'react'
@@ -44,21 +44,31 @@ export default function Home() {
                                 <PlayCircleIcon
                                     height={30}
                                     width={30}
-                                    className=""
+                                    className="me-1"
                                 />{' '}
                                 <span className="">Read Blog</span>
                             </div>
                         </a>
                         <a href="#ticketSection" className="">
                             <div className="flex text-white font-bold hover:bg-white hover:text-black hover:border-white hover:ring-1 hover:ring-white focus:ring-1 focus:ring-white">
-                                <PlusCircleIcon
+                                <TicketIcon
                                     height={30}
                                     width={30}
-                                    className=""
+                                    className="me-1"
                                 />{' '}
                                 <span className="">Get Passes</span>
                             </div>
                         </a>
+                        <a href="https://chat.whatsapp.com/Kdzl9jmcE4f2RiPcKhxguE" target='__blank' className="">
+                            <div className="flex text-white font-bold hover:bg-white hover:text-black hover:border-white hover:ring-1 hover:ring-white focus:ring-1 focus:ring-white">
+                                <ArrowUpCircleIcon
+                                    height={30}
+                                    width={30}
+                                    className="me-1"
+                                />{' '}
+                                <span className="">Questions?</span>
+                            </div>
+                        </a>
                     </div>
                     <div className="date hidden lg:block absolute top-80 right-0 rotate-90">
                         <p className="text-6xl text-primary font-bold tracking-[1.5rem]">