ourworld_web/www_ourverse_new
21
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit events

Browse Source
This commit is contained in:
sasha-astiadi
2024-10-02 18:24:06 +02:00
parent 7febea983e
commit c4d8d2bd3b
53 changed files with 199 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/community/page.jsx
View File

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

2
src/components/Bottom.jsx
View File

@@ -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>

233
src/components/Casestudies.jsx
View File

@@ -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() {

18
src/components/Communhero.jsx
View File

@@ -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>

6
src/components/Event1.jsx
View File

@@ -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>

8
src/components/Events.jsx
View File

@@ -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>

3
src/components/Experiences.jsx
View File

@@ -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.

2
src/components/FAQ.jsx
View File

@@ -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">

8
src/components/Featurehero.jsx
View File

@@ -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>

6
src/components/Schedule.jsx
View File

@@ -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">

9
src/components/Socials.jsx
View File

@@ -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>

16
src/components/Speakers.jsx
View File

@@ -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>

10
src/components/Usecases.jsx
View File

@@ -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>

3
src/components/Venue.jsx
View File

@@ -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.