edit events

.next/app-build-manifest.json

@@ -35,6 +35,46 @@
       "static/chunks/webpack.js",
       "static/chunks/main-app.js",
       "static/chunks/app/_not-found/page.js"
+    ],
+    "/features/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/features/page.js"
+    ],
+    "/features/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/features/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"
+    ],
+    "/community/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/community/page.js"
+    ],
+    "/community/layout": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/community/layout.js"
+    ],
+    "/events/blockchainweek1/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/events/blockchainweek1/page.js"
+    ],
+    "/events/blockchainweek2/page": [
+      "static/chunks/webpack.js",
+      "static/chunks/main-app.js",
+      "static/chunks/app/events/blockchainweek2/page.js"
     ]
   }
 }

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

@@ -1,5 +1,7 @@
 {
-  "/_not-found/page": "app/_not-found/page.js",
-  "/(main)/page": "app/(main)/page.js",
-  "/events/versefest/page": "app/events/versefest/page.js"
+  "/community/page": "app/community/page.js",
+  "/events/blockchainweek1/page": "app/events/blockchainweek1/page.js",
+  "/events/blockchainweek2/page": "app/events/blockchainweek2/page.js",
+  "/events/versefest/page": "app/events/versefest/page.js",
+  "/(main)/page": "app/(main)/page.js"
 }

.next/server/webpack-runtime.js

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

src/app/community/page.jsx

@@ -12,8 +12,6 @@ export default function community() {
         <Communhero />
         <Socials />
         <Events />
-        <Blogposts />
-
         </>
   )
 }

src/components/Bottom.jsx

@@ -14,7 +14,7 @@ export default function Bottom() {
             <div className="mt-10 flex items-center justify-center gap-x-6">
               <a
                 href="#"
-                className="rounded-md btn-gradient-dark2 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
+                className="rounded-2xl btn-gradient-dark2 px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
               >
                 Sign Up Now
               </a>

src/components/Casestudies.jsx

@@ -1,136 +1,105 @@
 const posts = [
-    {
-      id: 1,
-      title: 'OurWorld Verse',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/ow.jpg',
-      type: 'Education',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 2,
-      title: 'Art Gallery',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/artgallery.jpg',
-      type: 'Education',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 3,
-      title: 'Conference',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/conf.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 4,
-      title: 'DJ Concert',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/dj.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 5,
-      title: 'Frozen World',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/env.jpg',
-      type: 'Education',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 6,
-      title: 'Hospital',
-      href: '#',
-      description:
-        'Illo sint voluptas. Error voluptates culpa eligendi.',
-      imageUrl:
-        '/images/usecases/hospital.jpg',
-      type: 'Healthcare',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 7,
-      title: 'Office',
-      href: '#',
-      description:
-        'Real Estate',
-      imageUrl:
-        '/images/usecases/office.jpg',
-      type: 'Real Estate',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 8,
-      title: 'Safer Office',
-      href: '#',
-      description:
-        'Real Estate',
-      imageUrl:
-        '/images/usecases/safer.jpg',
-      type: 'Real Estate',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 9,
-      title: 'Store',
-      href: '#',
-      description:
-        'Commercials',
-      imageUrl:
-        '/images/usecases/store.jpg',
-      type: 'E-commerce',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 10,
-      title: 'UAE Presidental Court',
-      href: '#',
-      description:
-        'Commercials',
-      imageUrl:
-        '/images/usecases/uae.jpg',
-      type: 'Government',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 11,
-      title: 'KM Universe',
-      href: '#',
-      description:
-        'Commercials',
-      imageUrl:
-        '/images/usecases/universe.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
-    {
-      id: 12,
-      title: 'Anita Cafe',
-      href: '#',
-      description:
-        'Events',
-      imageUrl:
-        '/images/usecases/cafe.jpg',
-      type: 'Events',
-      datetime: '2020-03-16',
-    },
+
+  {
+    id: 2,
+    title: 'Art Gallery',
+    href: '#',
+    description:
+      'Explore an immersive metaverse art gallery showcasing creativity and innovation in a virtual space.',
+    imageUrl:
+      '/images/usecases/artgallery.jpg',
+    type: 'Education',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 4,
+    title: 'DJ Concert',
+    href: '#',
+    description:
+      'Join an electrifying DJ concert in the metaverse and experience music like never before.',
+    imageUrl:
+      '/images/usecases/dj.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 5,
+    title: 'Frozen World',
+    href: '#',
+    description:
+      'Dive into the Frozen World metaverse, a unique educational environment to learn about the impact of global warming.',
+    imageUrl:
+      '/images/usecases/env.jpg',
+    type: 'Education',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 6,
+    title: 'Hospital',
+    href: '#',
+    description:
+      'Discover a metaverse hospital designed to provide insights into healthcare facilities and technology.',
+    imageUrl:
+      '/images/usecases/hospital.jpg',
+    type: 'Healthcare',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 7,
+    title: 'Office',
+    href: '#',
+    description:
+      'Step into a virtual office space in the metaverse, perfect for real estate exploration and remote collaboration.',
+    imageUrl:
+      '/images/usecases/office.jpg',
+    type: 'Real Estate',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 9,
+    title: 'Beauty Concept Store',
+    href: '#',
+    description:
+      'Experience a virtual concept store, demonstrating e-commerce solutions within a metaverse setting.',
+    imageUrl:
+      '/images/usecases/store.jpg',
+    type: 'E-commerce',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 10,
+    title: 'UAE Presidential Court',
+    href: '#',
+    description:
+      'Explore the UAE Presidential Court metaverse to learn about government initiatives and infrastructure.',
+    imageUrl:
+      '/images/usecases/uae.jpg',
+    type: 'Government',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 11,
+    title: 'KM Universe',
+    href: '#',
+    description:
+      'Participate in events and explore the limitless possibilities of the KM Universe metaverse.',
+    imageUrl:
+      '/images/usecases/universe.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
+  {
+    id: 12,
+    title: 'Anita Cafe',
+    href: '#',
+    description:
+      'Visit Anita Cafe in the metaverse, where you can engage in social events and experience virtual dining.',
+    imageUrl:
+      '/images/usecases/cafe.jpg',
+    type: 'Events',
+    datetime: '2020-03-16',
+  },
+  
   ]
   
   export default function Casestudies() {

src/components/Communhero.jsx

@@ -6,24 +6,32 @@ export default function Communhero() {
       {/* Background image with lower z-index */}
       <img
         alt=""
-        src="/images/bgimage2.jpg"
+        src="/images/bgimage3.jpg"
         className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
       />
       
       {/* Gradient overlay with a slightly higher z-index */}
-      <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
+      <div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] via-[#443b62]/85 to-white/0 -z-10"></div>
       
       {/* Content container with a higher z-index */}
       <div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
-          A United Community Creating the Future of Virtual Worlds
+          <h2 className="mt-2 text-3xl font-semibold tracking-tight text-gradient sm:text-4xl">
+          A United Community <br/>Creating the Future of <br/>Virtual Worlds
           </h2>
-          <p className="mt-6 text-lg leading-8 text-purple-50">
+          <p className="mt-6 text-lg leading-8 max-w-xl text-purple-50">
           Join a global movement where visionaries, creators, and innovators come together to shape immersive digital experiences. 
           Powered by cutting-edge technology and collaboration, OurVerse is transforming the way we connect, learn, 
           and build in virtual spaces. Be part of the journey to redefine the digital future.
           </p>
+          <div className="mt-10 pb-8 flex items-center gap-x-6">
+            <a
+              href="#"
+              className="rounded-2xl btn-gradient-dark2 font-semibold px-3.5 py-2.5"
+            >
+              Join OurVerse
+            </a>
+          </div>
         </div>
       </div>
     </div>

src/components/Event1.jsx

@@ -10,7 +10,7 @@ export function Event1() {
       <BackgroundImage className="-bottom-14 -top-20" />
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
-          <h1 className="font-display text-3xl font-semibold tracking-tighter text-purple-700 sm:text-7xl">
+          <h1 className="font-display text-3xl font-semibold tracking-tighter text-gradient sm:text-7xl">
             VerseFest 2024
           </h1>
           <h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tight text-purple-600 text-xl">
@@ -21,7 +21,7 @@ export function Event1() {
           </h2>
           <div className="mt-6 space-y-6 font-normal lg:max-w-3xl lg:text-xl text-base -tracking-normal leading-tight text-purple-900">
             <p>
-            Get ready to step into the future with <span className='font-semibold text-purple-700'>VerseFest 2024 by OurVerse!</span>  
+            Get ready to step into the future with <span className='font-semibold text-gradient'>VerseFest 2024 by OurVerse!</span>  
             </p>
             <p>
             This groundbreaking free virtual event is designed to unite freelancers, 
@@ -38,7 +38,7 @@ export function Event1() {
           <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
               href="#"
-              className="rounded-xl bg-purple-700 px-6 py-3.5 lg:max-w-4xl max-w-2xl text-base tracking-tight font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
+              className="rounded-xl bg-purple-700 px-6 py-3.5 lg:max-w-4xl max-w-2xl text-base tracking-tight font-semibold btn-gradient-dark2"
             >
               Get Your FREE Ticket  <TicketIcon className="h-5 w-5 mx-0.3 inline-block -mt-0.5" />
             </a>

src/components/Events.jsx

@@ -43,7 +43,7 @@ const featuredPost = {
                 src="/images/futurefest.jpg"
                 className="mt-4 aspect-auto w-full rounded-2xl bg-purple-50 object-cover lg:aspect-auto lg:h-[20.5rem]"
               />
-            <h2 id="featured-post" className="mt-8 text-3xl font-semibold tracking-tight text-cyan-700 lg:text-4xl">
+            <h2 id="featured-post" className="mt-8 text-3xl font-semibold tracking-tight text-gradient lg:text-4xl">
               {featuredPost.title}
             </h2>
             <time dateTime={featuredPost.datetime} className="mt-2 block text-sm leading-6 text-purple-600">
@@ -55,7 +55,7 @@ const featuredPost = {
                 <a
                   href={featuredPost.href}
                   aria-describedby="featured-post"
-                  className="text-sm font-semibold leading-6 text-cyan-700 hover:text-purple-700 mt-2"
+                  className="text-sm font-semibold leading-6 text-cyan-600 hover:text-purple-700 mt-2"
                 >
                   Learn More <span aria-hidden="true">&rarr;</span>
                 </a>
@@ -71,7 +71,7 @@ const featuredPost = {
                     <time dateTime={post.datetime} className="block text-sm leading-6 text-purple-600">
                       {post.date}
                     </time>
-                    <h2 className="mt-2 text-lg font-semibold text-cyan-700 group-hover:text-purple-700">
+                    <h2 className="mt-2 text-lg font-semibold text-gradient group-hover:text-purple-700">
                       <a href={post.href}>
                         <span className="absolute inset-0" />
                         {post.title}
@@ -83,7 +83,7 @@ const featuredPost = {
                   <a
                   href={post.href}
                   aria-describedby="post"
-                  className="text-sm font-semibold leading-6 text-cyan-700 hover:text-purple-700 mt-2"
+                  className="text-sm font-semibold leading-6 text-cyan-600 hover:text-purple-700 mt-2"
                 >
                   Learn More <span aria-hidden="true">&rarr;</span>
                 </a>

src/components/Experiences.jsx

@@ -72,7 +72,8 @@ import {
       <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-purple-700 sm:text-5xl">Verse Spaces</p>
+            <p className="mt-2 text-intro">Rooms</p>
+            <p className="mt-2 font-display text-4xl font-medium tracking-tighter text-gradient sm:text-5xl">Verse Spaces</p>
             <p className="mt-4 font-normal text-2xl tracking-tight text-purple-900">
             VerseFest 2024 is packed with dynamic experiences that cater to every interest 
             and level of expertise in 6 different virtual spaces within OurWorld Verse.

src/components/FAQ.jsx

@@ -40,7 +40,7 @@ export default function FAQ() {
     <div className="bg-white">
       <div className="mx-auto max-w-7xl px-6 lg:px-8 lg:py-4 pt-12 pb-20 mb-20">
         <div className="mx-auto max-w-4xl divide-y divide-purple-900/10">
-          <h2 className="lg:text-4xl text-3xl font-medium leading-10 tracking-tight text-purple-700">Frequently Asked Questions</h2>
+          <h2 className="lg:text-4xl text-3xl font-medium leading-10 tracking-tight text-gradient">Frequently Asked Questions</h2>
           <dl className="mt-10 space-y-6 divide-y divide-purple-900/10">
             {faqs.map((faq) => (
               <Disclosure key={faq.question} as="div" className="pt-6">

src/components/Featurehero.jsx

@@ -10,15 +10,15 @@ export default function Featurehero() {
       />
 
       {/* Gradient Overlay from left to right */}
-      <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
+      <div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] to-white/0 -z-10"></div>
 
       <div className="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl">
-      <div className="absolute inset-0 bg-gradient-to-b from-[#938dc3] via-[#b5b1d7] to-white"></div>
+      <div className="absolute inset-0 bg-gradient-to-b from-[#302b4b] via-[#b5b1d7] to-white"></div>
       </div>
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <h2 className="lg:text-6xl font-semibold tracking-tight text-white text-xl">The Future of Collaboration</h2>
-          <p className="mt-6 text-lg leading-8 text-purple-300">
+          <h2 className="lg:text-6xl font-semibold tracking-tight text-gradient text-xl">The Future of Collaboration</h2>
+          <p className="mt-6 text-lg leading-8 text-purple-100">
           Unlock the future of communication and collaboration inside immersive virtual environments.
            OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
           </p>

src/components/Schedule.jsx

@@ -227,7 +227,7 @@ function ScheduleTabbed() {
 function DaySummary({ day }) {
   return (
     <>
-      <h3 className="text-2xl font-semibold tracking-tight text-purple-900">
+      <h3 className="text-2xl font-semibold tracking-tight text-gradient">
         <time dateTime={day.dateTime}>{day.date}</time>
       </h3>
       <p className="mt-1.5 text-base tracking-tight text-purple-900">
@@ -293,10 +293,10 @@ function ScheduleStatic() {
 
 export function Schedule() {
   return (
-    <section id="schedule" aria-label="Schedule" className="py-12 mb-24">
+    <section id="schedule" aria-label="Schedule" className="pb-12 pt-24 mb-24">
       <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-purple-600 sm:text-5xl">
+          <h2 className="font-display text-4xl font-medium tracking-tighter text-gradient sm:text-5xl">
           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-purple-900">

src/components/Socials.jsx

@@ -1,5 +1,6 @@
 import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
 import { FaTelegramPlane, FaTwitter, FaYoutube, FaInstagram, FaLinkedin, FaFacebookF } from 'react-icons/fa' // Importing specific icons
+import { FaSquareXTwitter } from "react-icons/fa6";
 
 const features = [
   {
@@ -11,7 +12,7 @@ const features = [
   {
     name: 'X',
     description: 'Follow us on X to receive the latest updates, insights, and news from OurVerse and our community.',
-    icon: FaTwitter,
+    icon: FaSquareXTwitter,
     link: 'https://x.com/OurVerseTF', // Replace with actual Twitter link
   },
   {
@@ -36,7 +37,7 @@ const features = [
     name: 'Facebook',
     description: "Join our community on Facebook to follow and be part of discussions about the evolution of immersive virtual experiences.",
     icon: FaFacebookF,
-    link: '#', // Replace with actual Facebook link
+    link: 'https://www.facebook.com/profile.php?id=61566233156241', // Replace with actual Facebook link
   },
 ]
 
@@ -44,7 +45,7 @@ export default function Socials() {
   return (
     <div className="relative bg-white py-16 sm:py-24 lg:py-32">
       <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-lg font-mono font-medium text-purple-600">Socials</h2>
+        <h2 className="text-intro">Socials</h2>
         <p className="mt-2 h3-title">
           Get Involved
         </p>
@@ -62,7 +63,7 @@ export default function Socials() {
                 <div className="flow-root rounded-lg bg-gray-50 px-6 pb-8">
                   <div className="-mt-6">
                     <div>
-                      <span className="inline-flex items-center justify-center rounded-md bg-gradient-to-r from-purple-200 to-purple-600 p-3 shadow-lg">
+                      <span className="inline-flex items-center justify-center rounded-md btn-gradient-dark2 px-6 py-6 shadow-lg">
                         <feature.icon aria-hidden="true" className="h-6 w-6 text-white" />
                       </span>
                     </div>

src/components/Speakers.jsx

@@ -1,3 +1,4 @@
+
 'use client'
 
 import { useEffect, useId, useState } from 'react'
@@ -36,7 +37,7 @@ import sashaastiadiImage from '@/images/avatars/sasha_astiadi.jpeg'
 const days = [
   {
     name: 'Opening Day',
-    date: 'Oct 24',
+    date: 'Nov 22',
     dateTime: '2022-04-04',
     speakers: [
       {
@@ -69,16 +70,11 @@ const days = [
         role: 'Event Host, PO at OurVerse',
         image: sashaastiadiImage
       },
-      {
-        name: 'Victor Muhagachi',
-        role: 'Co-founder at Dunia Yetu',
-        image: victormuhagachiImage,
-      },
     ],
   },
   {
     name: 'Speakers & Workshops',
-    date: 'Oct 25',
+    date: 'Nov 23',
     dateTime: '2022-04-05',
     speakers: [
       {
@@ -115,7 +111,7 @@ const days = [
   },
   {
     name: 'Interviews',
-    date: 'Oct 26',
+    date: 'Nov 24',
     dateTime: '2022-04-06',
     speakers: [
       {
@@ -200,7 +196,7 @@ export function Speakers() {
         <div className="mx-auto max-w-2xl lg:mx-0">
           <h2
             id="speakers-title"
-            className="font-display text-4xl font-medium tracking-tighter text-purple-700 sm:text-5xl"
+            className="font-display text-4xl font-medium tracking-tighter text-gradient sm:text-5xl"
           >
             Speakers
           </h2>
@@ -243,7 +239,7 @@ export function Speakers() {
                         </div>
                         <time
                           dateTime={day.dateTime}
-                          className="mt-1.5 block text-2xl font-semibold tracking-tight text-purple-900"
+                          className="mt-1.5 block text-2xl font-semibold tracking-tight text-gradient"
                         >
                           {day.date}
                         </time>

src/components/Usecases.jsx

@@ -10,15 +10,15 @@ export default function Usecases() {
       />
       
       {/* Gradient overlay with a slightly higher z-index */}
-      <div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
+      <div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] via-[#443b62]/75 to-white/0 -z-10"></div>
       
       {/* Content container with a higher z-index */}
       <div className="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <h2 className="mt-2 text-3xl font-semibold tracking-tight text-white sm:text-4xl">
-            Exploring Impactful Use Cases from Real-life Applications
+          <h2 className="mt-2 text-3xl font-semibold tracking-tight text-gradient sm:text-4xl">
+            Exploring Impactful<br/>Use Cases from <br/>Real-life Applications
           </h2>
-          <p className="mt-6 text-lg leading-8 text-purple-50">
+          <p className="mt-6 text-lg max-w-xl leading-8 text-purple-50">
             Discover how OurVerse uniquely addresses challenges and fosters innovation in education, healthcare, environmental conservation, 
             and economic empowerment with specific, real-world applications of our technology.
           </p>
@@ -27,7 +27,7 @@ export default function Usecases() {
         <div className="mt-10 pb-8 flex items-center gap-x-6">
             <a
               href="#"
-              className="rounded-2xl btn-gradient px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
+              className="rounded-2xl btn-gradient-dark2 font-semibold px-3.5 py-2.5"
             >
               Join OurVerse
             </a>

src/components/Venue.jsx

@@ -8,7 +8,8 @@ export default function Venue() {
         <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-purple-700 lg:text-5xl">OurWorld Verse</p>
+            <p className="mt-2 text-intro">Venue</p>
+              <p className="mt-2 text-3xl font-medium tracking-tight text-gradient lg:text-5xl">OurWorld Verse</p>
               <p className="mt-6 text-lg leading-8 text-purple-900">
               Hosted within the dynamic environment of OurVerse, 'OurWorld Verse' is more than just a virtual venue—
               it's a fully immersive experience.