add event page

.next/app-build-manifest.json

@@ -65,6 +65,36 @@
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
       "static/chunks/app/about/layout.js"
+    ],
+    "/usecases/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/usecases/page.js"
+    ],
+    "/usecases/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/usecases/layout.js"
+    ],
+    "/events/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/events/page.js"
+    ],
+    "/events/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/events/layout.js"
+    ],
+    "/events/versefest/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/events/versefest/page.js"
+    ],
+    "/events/blockchainweek1/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/events/blockchainweek1/page.js"
     ]
   }
 }

.next/server/app-paths-manifest.json

@@ -1,7 +1,8 @@
 {
-  "/(main)/page": "app/(main)/page.js",
+  "/_not-found/page": "app/_not-found/page.js",
-  "/features/page": "app/features/page.js",
-  "/heroverse/page": "app/heroverse/page.js",
   "/community/page": "app/community/page.js",
-  "/about/page": "app/about/page.js"
+  "/about/page": "app/about/page.js",
+  "/events/page": "app/events/page.js",
+  "/(main)/page": "app/(main)/page.js",
+  "/events/blockchainweek1/page": "app/events/blockchainweek1/page.js"
 }

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("61d88bdfde5b4f52")
+/******/ 		__webpack_require__.h = () => ("8a7555a893af4987")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

src/app/events/page.jsx

@@ -5,14 +5,14 @@ import Commevents from '@/components/Commevents'
 import Events from '@/components/Events'
 import Socials from '@/components/Socials'
 import Blogposts from '@/components/Blogposts'
+import Eventhero from '@/components/Eventhero'
+import Eventpage1 from '@/components/Eventpage1'
 
 export default function events() {
     return (
       <>
-        <Communhero />
+        <Eventhero />
-        <Socials />
+        <Eventpage1 />
-        <Events />
-        <Blogposts />
 
         </>
   )

src/components/Build.jsx

@@ -49,7 +49,7 @@ import {
   
   export default function Build() {
     return (
-      <div className=" lg:pt-16 lg:pb-24 pt-24 pb-24">
+      <div className=" lg:pt-16 lg:pb-24 pt-24 bg-gradient-to-b from-purple-50/80 to-purple-50/10 ">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-4xl sm:text-center">
             <p className="mt-2 h3-title">Build Your Own Verse</p>

src/components/Crm.jsx

@@ -49,7 +49,7 @@ import {
   
   export default function Crm() {
     return (
-      <div className="bg-white lg:py-20 py-24 mb-12">
+      <div className=" bg-gradient-to-b from-purple-50/10 to-white lg:py-20 py-24 mb-12">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <div className="mx-auto max-w-4xl sm:text-center">
 

src/components/Eventhero.jsx

@@ -0,0 +1,84 @@
+'use client'
+
+import { useState } from 'react'
+import { Dialog, DialogPanel } from '@headlessui/react'
+import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
+
+
+export default function Eventhero() {
+    return (
+
+<div className="overflow-hidden  bg-gradient-to-b from-purple-50/80 to-purple-50/10 ">
+            <div className="mx-auto max-w-7xl px-6 pb-24 pt-36 lg:px-8 lg:pt-32">
+              <div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
+                <div className="relative w-full max-w-xl lg:shrink-0 xl:max-w-2xl">
+                  <h1 className="text-4xl font-bold tracking-tight text-gradient-dark sm:text-6xl">
+                    We’re changing the way people connect.
+                  </h1>
+                  <p className="mt-6 section-text sm:max-w-md lg:max-w-none">
+                  Join the most immersive and interactive connecting experiences in the borderless worlds of OurVerse, where innovation meets collaboration. 
+                  From groundbreaking keynotes to virtual networking, OurVerse Events are designed to connect, inspire, and empower.
+                  </p>
+                  <div className="mt-10 flex items-center gap-x-6">
+                    <a
+                      href="#"
+                      className="rounded-2xl font-semibold btn-gradient-dark2"
+                    >
+                      Get started
+                    </a>
+                  </div>
+                </div>
+                <div className="mt-14 flex justify-end gap-8 sm:-mt-44 sm:justify-start sm:pl-20 lg:mt-0 lg:pl-0">
+                  <div className="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-none xl:pt-80">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
+                    </div>
+                  </div>
+                  <div className="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
+                    </div>
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80"
+                        className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
+                    </div>
+                  </div>
+                  <div className="w-44 flex-none space-y-8 pt-32 sm:pt-0">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80"
+                        className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
+                    </div>
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>    
+    )
+}
+

src/components/Eventpage1.jsx

@@ -0,0 +1,141 @@
+import { CheckIcon } from '@heroicons/react/20/solid'
+
+const events = [
+  {
+    name: 'VerseFest 2024',
+    date: 'Nov 21-24',
+    location: 'OurWorld Verse',
+    languages: ['ENG', 'ARABIC'],
+    signupLink: 'https://ourverse.tf/events/versefest.html',
+  },
+  {
+    name: 'Freelance Fest 2024',
+    date: 'Oct 23-24',
+    location: 'OurWorld Verse',
+    languages: ['ARABIC'],
+    signupLink: 'https://ourverse.tf/events/versefest.html',
+  },
+  // More events can be added here...
+]
+
+// A function to return small flag icons for the specified languages
+const languageIcons = {
+  ENG: '🇬🇧', // English flag icon (Union Jack)
+  ARABIC: '🇦🇪', // Arabic flag icon (UAE as an example)
+}
+
+function classNames(...classes) {
+  return classes.filter(Boolean).join(' ')
+}
+
+export default function Eventpage1() {
+  return (
+    <div className="relative bg-white pt-8 pb-24">
+      <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
+        <h2 className="text-intro">Events</h2>
+        <p className="mt-2 h3-title">
+          Get Involved
+        </p>
+        <p className="mx-auto mt-4 max-w-prose section-text font-display">
+          Join the latest events from OurVerse community.
+        </p>
+      </div>
+      <div className="px-4 sm:px-6 mt-12 lg:px-8 max-w-6xl mx-auto">
+        <div className="mt-8 flow-root">
+          <div className="-mx-4 -my-2 sm:-mx-6 lg:-mx-8">
+            <div className="inline-block min-w-full py-2 align-middle">
+              <table className="min-w-full border-separate border-spacing-0">
+                <thead>
+                  <tr>
+                    <th
+                      scope="col"
+                      className="sticky top-0 z-10 border-b border-gray-300 bg-white bg-opacity-75 py-3.5 pl-4 pr-3 text-left section-text backdrop-blur backdrop-filter sm:pl-6 lg:pl-8"
+                    >
+                      Event
+                    </th>
+                    <th
+                      scope="col"
+                      className="sticky top-0 z-10 hidden border-b border-gray-300 bg-white bg-opacity-75 px-3 py-3.5 text-left section-text  backdrop-blur backdrop-filter sm:table-cell"
+                    >
+                      Date
+                    </th>
+                    <th
+                      scope="col"
+                      className="sticky top-0 z-10 hidden border-b border-gray-300 bg-white bg-opacity-75 px-3 py-3.5 text-left section-text  backdrop-blur backdrop-filter lg:table-cell"
+                    >
+                      Location
+                    </th>
+                    <th
+                      scope="col"
+                      className="sticky top-0 z-10 border-b border-gray-300 bg-white bg-opacity-75 px-3 py-3.5 text-left section-text  backdrop-blur backdrop-filter"
+                    >
+                      Language
+                    </th>
+                    <th
+                      scope="col"
+                      className="sticky top-0 z-10 border-b border-gray-300 bg-white bg-opacity-75 py-3.5 pl-3 pr-4 backdrop-blur backdrop-filter sm:pr-6 lg:pr-8"
+                    >
+                      <span className="sr-only">Sign Up</span>
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {events.map((event, eventIdx) => (
+                    <tr key={event.name}>
+                      <td
+                        className={classNames(
+                          eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
+                          'whitespace-nowrap py-4 pl-4 pr-3 text-base font-medium text-gray-900 sm:pl-6 lg:pl-8',
+                        )}
+                      >
+                        {event.name}
+                      </td>
+                      <td
+                        className={classNames(
+                          eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
+                          'hidden whitespace-nowrap px-3 py-4 text-base text-gray-500 sm:table-cell',
+                        )}
+                      >
+                        {event.date}
+                      </td>
+                      <td
+                        className={classNames(
+                          eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
+                          'hidden whitespace-nowrap px-3 py-4 text-base text-gray-500 lg:table-cell',
+                        )}
+                      >
+                        {event.location}
+                      </td>
+                      <td
+                        className={classNames(
+                          eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
+                          'whitespace-nowrap px-3 py-4 text-base text-gray-500',
+                        )}
+                      >
+                        {event.languages.map((lang) => (
+                          <span key={lang} className="inline-block mx-2">
+                            {languageIcons[lang]}
+                          </span>
+                        ))}
+                      </td>
+                      <td
+                        className={classNames(
+                          eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
+                          'relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-8 lg:pr-8',
+                        )}
+                      >
+                        <a href={event.signupLink} target="_blank" rel="noopener noreferrer" className="text-indigo-600 hover:text-indigo-900">
+                          Sign Up<span className="sr-only">, {event.name}</span>
+                        </a>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}

src/components/Events.jsx

@@ -37,7 +37,7 @@ const featuredPost = {
           
           <article className="mx-auto w-full max-w-2xl lg:mx-0 lg:max-w-lg">
             <h2 className="text-intro">Community</h2>
-            <h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Events</h1> 
+            <h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Latest News & Updates</h1> 
             <img
                 alt=""
                 src="/images/futurefest.jpg"
@@ -51,15 +51,17 @@ const featuredPost = {
             </time>
             <p className="mt-2 section-text font-display ">{featuredPost.description}</p>
             <div className="mt-4 flex flex-col justify-between gap-6 sm:mt-8 sm:flex-row-reverse sm:gap-8 lg:mt-4 lg:flex-col">
-              <div className="flex">
+            <div className="mt-4 flex items-center gap-x-6">
-                <a
+                    <a
-                  href={featuredPost.href}
+                      href="#"
-                  aria-describedby="featured-post"
+                      className="rounded-2xl font-semibold btn-gradient-dark2 text-sm leading-6"
-                  className="text-sm font-semibold leading-6 text-cyan-600 hover:text-purple-700 mt-2"
+                    >
-                >
+                      Learn More
-                  Learn More <span aria-hidden="true">&rarr;</span>
+                    </a>
-                </a>
+                    <a href="/events" className="text-sm font-semibold leading-6 text-cyan-600 hover:text-purple-700">
-              </div>
+                      See more events <span aria-hidden="true">→</span>
+                    </a>
+                  </div>
 
             </div>
           </article>

src/components/Socials.jsx

@@ -47,7 +47,7 @@ export default function Socials() {
       <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
         <h2 className="text-intro">Socials</h2>
         <p className="mt-2 h3-title">
-          Get Involved
+          Join the Conversation
         </p>
         <p className="mx-auto mt-4 max-w-prose section-text font-display ">
           Be a part of our global community by participating in open discussions and follow the most recent updates and news from OurVerse.