ADD events

src/app/events/freelancefest/page.jsx

@@ -0,0 +1,10 @@
+import  Freelancefest_2024  from '@/components/events/Freelancefest_2024'
+
+
+export default function freelancefest() {
+  return (
+    <>
+      <Freelancefest_2024 />
+    </>
+  )
+}

src/components/Banner.jsx

@@ -1,15 +1,15 @@
 import { XMarkIcon } from '@heroicons/react/20/solid'
 
-export default function Example() {
+export default function Banner() {
   return (
     <div className="flex items-center gap-x-6 btn-gradient px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
       <p className="text-sm leading-6 text-white">
-        <a href="#">
+        <a href="events/freelancefest.html">
-          <strong className="font-semibold">OurVerse FutureFest 2024</strong>
+          <strong className="font-semibold">OurVerse FreelanceFest 2024</strong>
           <svg viewBox="0 0 2 2" aria-hidden="true" className="mx-2 inline h-0.5 w-0.5 fill-current">
             <circle r={1} cx={1} cy={1} />
           </svg>
-          Join us from Nov 22 – 24 to see what’s coming next&nbsp;<span aria-hidden="true">&rarr;</span>
+          Join us from Oct 26 - 28 to see what’s coming next&nbsp;<span aria-hidden="true">&rarr;</span>
         </a>
       </p>
       <div className="flex flex-1 justify-end">

src/components/Eventbanner.jsx

@@ -19,20 +19,25 @@ export default function Eventbanner() {
             <div className="absolute py-4 inset-x-0 bottom-0 rounded-bl-lg rounded-br-lg bg-purple-950 bg-opacity-90 p-6 backdrop-blur backdrop-filter sm:flex sm:items-center sm:justify-between lg:inset-x-auto lg:inset-y-0 lg:w-96  lg:flex-col lg:items-start lg:rounded-br-none lg:rounded-tl-lg">
               <div>
                 <h2 className="mt-4 lg:text-3xl text-xl font-bold text-white">OurVerse </h2>
-                    <h2 className="lg:text-3xl text-xl font-bold text-white">FutureFest 2024</h2>
+                    <h2 className="lg:text-3xl text-xl font-bold text-white">FreelenceFest 2024</h2>
-                    <h3 className="text-xl font-bold text-white">Nov 22 - 24</h3>
+                    <h3 className="text-xl font-bold text-white">Oct 26 - 28</h3>
                 <p className="mt-4 text-md text-gray-300">
-                OurVerse's OurFutureFest connects freelancers, innovators, and businesses in the Metaverse, empowering them to explore new technologies and collaborate seamlessly across boundaries.
+                OurVerse's FreelanceFest connects freelancers, innovators, and businesses in the Metaverse, empowering them to explore new technologies and collaborate seamlessly across boundaries.
                 </p>
               </div>
               <a
-                href="#"
+                href="https://portal.ourverse.tf/ev/752" target="_blank" rel="noreferrer"
                 className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-dark bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full"
               >
                 Register Now
               </a>
             </div>
           </div>
+          <div className="mt-6">
+            <a href="https://www.ourverse.tf/events.html" className="text-lg font-semibold leading-6 text-link">
+                      See more events <span aria-hidden="true">→</span>
+                    </a>
+          </div>
           </div>
         </div>
     )

src/components/Eventpage1.jsx

@@ -1,6 +1,13 @@
 import { CheckIcon } from '@heroicons/react/20/solid'
 
 const events = [
+  {
+    name: 'FreelanceFest 2024',
+    date: 'Oct 26-28',
+    location: 'OurWorld Verse',
+    languages: ['ENG', 'ARABIC'],
+    signupLink: 'https://portal.ourverse.tf/ev/752',
+  },
   {
     name: 'VerseFest 2024',
     date: 'Nov 21-24',
@@ -8,13 +15,7 @@ const events = [
     languages: ['ENG', 'ARABIC'],
     signupLink: '#',
   },
-  {
+
-    name: 'Freelance Fest 2024',
-    date: 'Oct 23-24',
-    location: 'OurWorld Verse',
-    languages: ['ENG', 'ARABIC'],
-    signupLink: '#',
-  },
   // More events can be added here...
 ]
 

src/components/events/Freelancefest_2024.jsx

@@ -0,0 +1,93 @@
+import { CheckCircleIcon, InformationCircleIcon } from '@heroicons/react/20/solid'
+
+export default function Freelancefest_2024() {
+  return (
+    <div className="bg-white px-6 py-32 lg:px-8">
+      <div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
+        <p className="text-base font-semibold leading-7 text-purple-600">Events</p>
+        <h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Elevate Your Freelance Career at the First-Ever OurVerse FreelanceFest 2024 in the Metaverse!
+        </h1>
+        <h2 className="mt-2 text-2xl font-semibold tracking-tight text-purple-700">October 26 – 28, 2024
+        </h2>
+        <div className="mt-6 pb-6 flex items-center gap-x-6">
+            <a
+              href="https://portal.ourverse.tf/ev/752" target='_blank' rel='noreferrer'
+              className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
+            >
+              Register Now
+            </a>
+          </div>
+        <p className="mt-6 text-xl leading-8">
+        Join us for the <span className='font-semibold'>OurVerse FreelanceFest</span>, a groundbreaking event designed to help freelancers across the globe level up their careers!
+        </p>
+        <div className="mt-6 max-w-2xl">
+          <p>
+          Whether you're just starting or already well-established, this immersive experience in the metaverse offers invaluable insights, practical skills, and the tools you need to thrive in today’s freelance marketplace.
+          </p>
+
+          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">&#11088; Event Highlight
+          </h2>
+          <p className="mt-4">
+          Hosted virtually in <span className='font-semibold'>OurVerse (portal.ourverse.tf)</span>, a dynamic virtual space that blends cutting-edge technology with immersive experiences, this event will transport you to a vibrant digital world where you can connect, learn, and grow with fellow freelancers. Whether you’re attending from your desktop or VR headset, expect a fully interactive environment that makes networking and learning more engaging than ever before.
+          </p>
+          <p className="mt-4">
+          <span className='font-semibold'>📅 Event Dates</span>: October 26 – 28, 2024. <br />
+          <span className='font-semibold'>🌍 Languages</span>: Events will be held in both English and Arabic, ensuring accessibility for a global audience.
+          <br />
+          <span className='font-semibold'>🎟️ Full Schedule</span>: See the complete agenda and event details <a href="https://portal.ourverse.tf/ev/752" target='_blank' className="text-link font-semibold underline">here</a>.
+          </p> 
+
+          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">🚀 What to Expect
+          </h2>
+          <p className="mt-4">
+            <span className="font-semibold">⭐  Day 1 – Freelancing 101: Foundations for Success</span><br />
+            Kick off the festival with a solid foundation in freelancing. We'll cover the essentials, from setting up your freelance career to navigating online platforms, standing out in the market, and understanding the dos and don’ts of working for yourself.
+          </p>
+          <p className="mt-4">
+            <span className="font-semibold">⭐ Day 2 – Building a Winning Profile</span><br />
+            Your profile is your calling card. Learn how to present yourself professionally, select the perfect photo, craft a bio that attracts clients, and showcase your portfolio. Get tips on how to highlight your strengths and command attention in a crowded market.
+          </p>
+          <p className="mt-4">
+            <span className="font-semibold">⭐ Day 3 – Writing Proposals That Convert</span><br />
+            Master the art of proposal writing. Learn how to tailor your approach, ask smart questions, and write proposals that stand out. We’ll walk you through real examples and share strategies to help you win more clients.
+          </p>
+
+          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">&#10067; Why You Should Attend
+          </h2>
+          <ul className="mt-4 list-disc pl-5">
+            <li><span className='font-semibold'>Interactive Q&A and Discussions</span> – Engage with speakers and fellow freelancers in real-time.</li>
+            <li><span className='font-semibold'>Networking</span> – Meet and collaborate with freelancers from around the world.</li>
+            <li><span className='font-semibold'>International Attendees</span> – Experience a diverse freelance community, expanding your opportunities globally.</li>
+            <li><span className='font-semibold'>Free of Cost</span> – This value-packed event is entirely free to attend!</li>
+          </ul>
+
+          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">🤝 Meet the Experts
+          </h2>
+          <p className="mt-4">
+            <span className='font-semibold'>Mariam Firwana</span> – A seasoned freelancer with over 7 years of experience on Upwork, Mariam will share her secrets to building a standout profile and writing proposals that land top clients. <a href="https://www.linkedin.com/in/mariam-firwana" className="text-link font-semibold underline">Connect with her on LinkedIn</a>.
+          </p>
+          <p className="mt-4">
+            <span className='font-semibold'>Ramy Aldamati</span> – Specializing in scaling freelance businesses, Rami will offer advice on handling complex projects, dealing with clients, and taking your freelance career to the next level. <a href="https://www.linkedin.com/in/ramyaldamati" className="text-link font-semibold underline">Connect with him on LinkedIn</a>.
+          </p>
+
+          <h2 className="mt-8 text-2xl font-semibold tracking-tight text-purple-700">🚀 Ready to Level Up?
+          </h2>
+          <p className="mt-4">
+          Register now at <a href="https://portal.ourverse.tf/ev/752" target='_blank' className="text-link font-semibold underline">OurVerse FreelanceFest 2024</a> and reserve your spot at this exclusive event! Attendees will receive an official certification and gain the skills, knowledge, and confidence needed to advance in the competitive freelancing landscape.
+          </p>
+          <p className="mt-4">
+          This is your chance to learn, grow, and connect in a cutting-edge virtual space. Whether you’re looking to secure your first client or scale your business, OurVerse FreelanceFest has everything you need to succeed. Don’t miss out—register now and step into the future of freelancing!
+          </p>
+          <div className="mt-10 pb-6 flex items-center gap-x-6">
+            <a
+              href="https://portal.ourverse.tf/ev/752" target='_blank' rel='noreferrer'
+              className="rounded-2xl btn-dark text-base font-semibold px-3.5 py-2.5"
+            >
+              Register Now!
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}