From f4201a8a4eb1809e18c049f2bd3be6d3f6aa76ab Mon Sep 17 00:00:00 2001
From: "Jyotirmoy Bandyopadhyaya [Bravo68]" <jbandyopadhayaya@gmail.com>
Date: Wed, 27 Dec 2023 09:02:27 +0530
Subject: [PATCH] feat: added register interest at hero section

---
 app/page.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index ec6c172..194daa5 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,3 +1,4 @@
+"use client";
 import SponsorSection from '@/components/SponsorSection'
 import CoreTeam from '@/components/CoreTeam'
 import CommunityPartners from '@/components/CommunityPartners'
@@ -5,11 +6,13 @@ 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>
     )
-}
+}
\ No newline at end of file