feat: added register interest at hero section

encryptedge · Dec 27, 2023 · f4201a8 · f4201a8
1 parent 599d085
commit f4201a8
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,15 +1,18 @@
+"use client";
 import SponsorSection from '@/components/SponsorSection'
 import CoreTeam from '@/components/CoreTeam'
 import CommunityPartners from '@/components/CommunityPartners'
 import PerksSection from '@/components/PerksSection'
 import RersourcePersons from '@/components/ResourcePersons'
 import TicketSection from '@/components/TicketSection'
 import VenueDate from '@/components/VenueDate'
-import { PlayCircleIcon } from '@heroicons/react/24/outline'
+import { PlayCircleIcon, PlusCircleIcon } from '@heroicons/react/24/outline'
 import Organisers from '@/components/Organisers'
 import RegisterDialog from '@/components/RegisterDialog'
+import { useState } from 'react'
 
 export default function Home() {
+    const [registerOpen, setRegisterOpen] = useState(false)
     return (
         <main className="text-text ">
             <section className="relative min-h-screen lg:h-screen w-screen">
@@ -45,6 +48,18 @@ export default function Home() {
                                 <span className="">Read Blog</span>
                             </div>
                         </a>
+                        <button onClick={() =>
+                             setRegisterOpen(true)
+                        }>
+                            <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
+                                    height={30}
+                                    width={30}
+                                    className=""
+                                />{' '}
+                                <span className="">Register Interest</span>
+                            </div>
+                        </button>
                     </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]">
@@ -73,6 +88,7 @@ export default function Home() {
             <RersourcePersons />
             <CommunityPartners />
             <Organisers />
+            <RegisterDialog open={registerOpen} setOpen={setRegisterOpen} />
         </main>
     )
-}
+}