add event

src/app/events/versefest/page.jsx

@@ -3,7 +3,9 @@ import { Header } from '@/components/Header'
 import { Newsletter } from '@/components/Newsletter'
 import { Schedule } from '@/components/Schedule'
 import { Speakers } from '@/components/Speakers'
+import Venue from '@/components/Venue'
 import { Sponsors } from '@/components/Sponsors'
+import Experiences from '@/components/Experiences'
 
 export default function versefest() {
   return (
@@ -11,8 +13,10 @@ export default function versefest() {
       <Header />
       <Event1 />
       <Sponsors />
+      <Venue /> 
       <Speakers />
       <Schedule />
+      <Experiences />
       <Newsletter />
     </>
   )

src/components/Event1.jsx

@@ -13,24 +13,26 @@ export function Event1() {
           <h1 className="font-display text-3xl font-semibold tracking-tighter text-blue-700 sm:text-7xl">
             VerseFest 2024
           </h1>
-          <h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tighter text-blue-600 text-xl">
+          <h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tight text-blue-600 text-xl">
           <CalendarIcon className="h-8 w-8 mx-0.2 inline-block -mt-0.5" /> OCT 24-26 • 12 PM - 6 PM UTC 
           </h2>
-          <h2 className="lg:mt-0 mt-0 font-display lg:text-2xl font-normal tracking-tighter text-blue-600 text-xl">
+          <h2 className="lg:mt-0 mt-0 font-display lg:text-2xl font-normal tracking-tight text-blue-600 text-xl">
           <MapPinIcon className="h-8 w-8 mx-0.2 inline-block -mt-0.5" /> OURWORLD METAVERSE
           </h2>
-          <div className="mt-6 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-blue-900">
+          <div className="mt-6 space-y-6 font-normal lg:max-w-3xl lg:text-xl text-base -tracking-normal leading-tight text-blue-900">
             <p>
             Get ready to step into the future with <span className='font-semibold text-blue-700'>VerseFest 2024 by OurVerse!</span>  
             </p>
             <p>
             This groundbreaking free virtual event is designed to unite freelancers, 
-            entrepreneurs, startups, investors, gamers, and Web3 enthusiasts from every corner of the globe. <br></br>
+            entrepreneurs, startups, investors, gamers, and Web3 enthusiasts from every corner of the globe.
+            </p>
+            <p>
             Over three exciting days, you’ll immerse yourself in an innovative metaverse, discover the latest trends in technology, 
             and connect with like-minded pioneers.
             </p>
             <p>
-            VerseFest isn’t just another online conference—it’s a fully interactive experience that redefines what’s possible in the digital realm. From engaging talks and hands-on demos to networking opportunities in stunning virtual environments, VerseFest 2024 is where the world comes together to explore the next frontier.
+            From engaging talks and hands-on demos to networking opportunities in stunning virtual environments, VerseFest 2024 is where the world comes together to explore the next frontier.
             </p>
           </div>
           <div className="mt-10 pb-8 flex items-center gap-x-6">

src/components/Experiences.jsx

@@ -0,0 +1,120 @@
+import {
+    ArrowPathIcon,
+    CloudArrowUpIcon,
+    Cog6ToothIcon,
+    FingerPrintIcon,
+    LockClosedIcon,
+    ServerIcon,
+    CubeIcon,
+    DocumentMagnifyingGlassIcon,
+    CpuChipIcon,
+    ShieldCheckIcon,
+    FilmIcon,
+    GlobeAltIcon,
+    RocketLaunchIcon,
+  } from '@heroicons/react/20/solid'
+  
+  const products = [
+    {
+      id: 1,
+      name: 'Verse Talks',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 2,
+      name: 'Verse Demos',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 3,
+      name: 'Verse Labs',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 4,
+      name: 'Verse Jams',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 5,
+      name: 'Fireside Chats',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 6,
+      name: 'Verse Playground',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 7,
+      name: 'Verse Pitches',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    },
+    {
+      id: 8,
+      name: 'Verse Mixers',
+      href: '#',
+      imageSrc: '/images/healthcare.jpg',
+      imageAlt:
+        'Inspiring talks from thought leaders who are shaping the future of the metaverse and beyond. Expect bold ideas and forward-thinking insights.',
+    }
+
+    // More products...
+  ]
+  
+  export default function Experiences() {
+    return (
+      <div className="bg-white lg:py-20 py-24">
+        <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 font-display text-4xl font-medium tracking-tighter text-blue-700 sm:text-5xl">Verse Experiences</p>
+            <p className="mt-4 font-normal text-2xl tracking-tight text-blue-900">
+            VerseFest 2024 is packed with dynamic experiences that cater to every interest 
+            and level of expertise. Here’s what you can look forward to:
+            </p>
+          </div>
+        </div>
+        <div className="mx-auto lg:mt-12 max-w-7xl px-6 mt-8 mb-12 lg:px-8">
+        <div className="mt-2 grid grid-cols-1 gap-x-8 gap-y-8 sm:grid-cols-2 sm:gap-y-10 lg:grid-cols-4">
+          {products.map((product) => (
+            <div key={product.id} className="group relative">
+              <div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-gray-100">
+                <img alt={product.imageAlt} src={product.imageSrc} className="object-cover object-center" />
+                <div aria-hidden="true" className="flex items-end p-4 opacity-100 group-hover:opacity-100">
+                  <div className="w-full rounded-md bg-white bg-opacity-75 px-4 py-2 text-center text-sm font-medium text-blue-700 backdrop-blur backdrop-filter">
+                   <a href="#">
+                    <span aria-hidden="true" className="absolute inset-0" />
+                    {product.name}
+                  </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+        </div>
+      </div>
+    )
+  }
+  

src/components/Schedule.jsx

@@ -293,17 +293,18 @@ function ScheduleStatic() {
 
 export function Schedule() {
   return (
-    <section id="schedule" aria-label="Schedule" className="py-20 sm:py-32">
+    <section id="schedule" aria-label="Schedule" className="py-12 lg:py-20">
       <Container className="relative z-10">
         <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
           <h2 className="font-display text-4xl font-medium tracking-tighter text-blue-600 sm:text-5xl">
-            Our three day schedule is jam-packed with brilliant, creative, evil
-            geniuses.
+          Our three-day schedule is jam-packed with insightful sessions from industry leaders. 
           </h2>
           <p className="mt-4 font-display text-2xl tracking-tight text-blue-900">
-            The worst people in our industry giving the best talks you’ve ever
-            seen. Nothing will be recorded and every attendee has to sign an NDA
-            to watch the talks.
+          Each day is designed to immerse you in the latest trends, 
+          innovations, and opportunities in the metaverse, Web3, AI, and beyond.
+          </p>
+          <p className="mt-4 font-display text-2xl tracking-tight text-blue-900">
+          From hands-on workshops to panel discussions and networking events, VerseFest 2024 offers something for everyone. 
           </p>
         </div>
       </Container>

src/components/Speakers.jsx

@@ -181,7 +181,7 @@ export function Speakers() {
     <section
       id="speakers"
       aria-labelledby="speakers-title"
-      className="py-20 lg:py-24"
+      className="py-20 lg:py-12"
     >
       <ImageClipPaths id={id} />
       <Container>

src/components/Venue.jsx

@@ -0,0 +1,42 @@
+import { CloudArrowUpIcon, LockClosedIcon, ServerIcon } from '@heroicons/react/20/solid'
+
+
+export default function Venue() {
+  return (
+    <div className="overflow-hidden bg-white py-24 lg:py-24">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
+          <div className="lg:pr-8 lg:pt-4">
+            <div className="lg:max-w-lg">
+              <p className="mt-2 text-3xl font-medium tracking-tight text-blue-700 lg:text-5xl">OurWorld Verse</p>
+              <p className="mt-6 text-lg leading-8 text-blue-900">
+              Hosted within the dynamic environment of OurVerse, 'OurWorld Verse' is more than just a virtual venue—
+              it's a fully immersive experience.
+              </p>
+              <p className="mt-6 text-lg leading-8 text-blue-900">
+              Designed to showcase the endless possibilities of the metaverse, 
+              this digital space allows you to explore, connect, and interact in ways that go far beyond traditional event venues.
+              </p>
+              <p className="mt-6 text-lg leading-8 text-blue-900">
+              Navigate through stunning virtual landscapes, engage with other participants in real-time, 
+              and discover the cutting-edge features of our metaverse platform.
+              </p>
+            </div>
+          </div>
+          <video
+          autoPlay
+          loop
+          muted
+          playsInline
+          width={2432}
+          height={1442}
+          className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"
+            >
+          <source src="/videos/ourverse3.mp4" type="video/mp4" />
+          Your browser does not support the video tag.
+         </video>
+        </div>
+      </div>
+    </div>
+  )
+}