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

change purple

Browse Source
This commit is contained in:
sasha-astiadi
2024-09-10 17:23:53 +02:00
parent df0abb99ab
commit ab19547027
687 changed files with 2601 additions and 21459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,7 +8,6 @@ export default function community() {
return (
<>
<Communhero />
<Commevents />
<Events />
</>
)

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

@@ -17,7 +17,7 @@ export default function versefest() {
<Speakers />
<Schedule />
<FAQ />
<Newsletter />
</>
)
}

6
src/app/not-found.jsx
View File

@@ -9,13 +9,13 @@ export default function NotFound() {
<div className="relative flex h-full items-center py-20 sm:py-36">
<BackgroundImage className="-top-36 bottom-0" />
<Container className="relative flex w-full flex-col items-center">
<p className="font-display text-2xl tracking-tight text-blue-900">
<p className="font-display text-2xl tracking-tight text-purple-900">
404
</p>
<h1 className="mt-4 font-display text-4xl font-medium tracking-tighter text-blue-600 sm:text-5xl">
<h1 className="mt-4 font-display text-4xl font-medium tracking-tighter text-purple-600 sm:text-5xl">
Page not found
</h1>
<p className="mt-4 text-lg tracking-tight text-blue-900">
<p className="mt-4 text-lg tracking-tight text-purple-900">
Sorry, we couldn’t find the page you’re looking for.
</p>
<Button href="/" className="mt-8">

2
src/components/Banner.jsx
View File

@@ -2,7 +2,7 @@ import { XMarkIcon } from '@heroicons/react/20/solid'
export default function Example() {
return (
<div className="flex items-center gap-x-6 bg-gradient px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
<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="/community/versefest">
<strong className="font-semibold">OurVerse FutureFest 2024</strong>

14
src/components/Build.jsx
View File

@@ -52,9 +52,9 @@ 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">
<h2 className="text-base font-medium font-mono leading-7 text-blue-500">Get Started</h2>
<p className="mt-2 font-display text-4xl font-medium tracking-tighter text-blue-700 sm:text-5xl">Build Your Own Verse</p>
<p className="mt-6 font-display text-2xl tracking-tight text-blue-900">
<h2 className="text-base font-medium font-mono leading-7 text-purple-500">Get Started</h2>
<p className="mt-2 font-display text-4xl font-medium tracking-tighter text-purple-700 sm:text-5xl">Build Your Own Verse</p>
<p className="mt-6 font-display text-2xl tracking-tight text-purple-900">
Create and customize your virtual world with powerful tools and resources that make building and managing your digital space easy and intuitive.
</p>
</div>
@@ -78,11 +78,11 @@ import {
</div>
</div>
<div className="mx-auto lg:mt-16 max-w-7xl px-6 mt-20 md:mt-24 lg:px-8">
<dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-blue-900 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
<dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-purple-900 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
{features.map((feature) => (
<div key={feature.name} className="relative pl-9">
<dt className="inline font-semibold text-blue-700">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-blue-700" />
<dt className="inline font-semibold text-purple-700">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-purple-700" />
{feature.name}
</dt>{' '}
<dd className="inline">{feature.description}</dd>
@@ -92,7 +92,7 @@ import {
<div className="mt-16 flex items-center justify-center gap-x-6">
<a
href="#"
className="rounded-xl bg-blue-700 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
className="rounded-xl bg-purple-700 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"
>
Build Your Own Verse Now <RocketLaunchIcon className="h-4 w-4 inline-block -mt-0.5" />
</a>

2
src/components/Button.jsx
View File

@@ -3,7 +3,7 @@ import clsx from 'clsx'
export function Button({ className, ...props }) {
className = clsx(
'inline-flex justify-center rounded-2xl bg-gradient py-2 px-4 text-sm font-semibold text-white hover:bg-blue-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-white/70',
'inline-flex justify-center rounded-2xl btn-gradient py-2 px-4 text-sm font-semibold text-white hover:bg-purple-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 active:text-white/70',
className,
)

12
src/components/Collaborate.jsx
View File

@@ -31,16 +31,16 @@ export default function Collaborate() {
<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:ml-auto lg:pl-4 lg:pt-4">
<div className="lg:max-w-lg">
<h2 className="text-base font-medium font-mono leading-7 text-blue-500">Features</h2>
<p className="mt-2 text-3xl font-medium tracking-tight text-blue-700 sm:text-4xl">Creative Collaboration</p>
<p className="mt-6 text-lg leading-8 text-blue-900">
<h2 className="text-base font-medium font-mono leading-7 text-purple-500">Features</h2>
<p className="mt-2 text-3xl font-medium tracking-tight text-purple-700 sm:text-4xl">Creative Collaboration</p>
<p className="mt-6 text-lg leading-8 text-purple-900">
Empower your team to create and innovate together in an immersive virtual environment.
</p>
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-blue-900 lg:max-w-none">
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">
{features.map((feature) => (
<div key={feature.name} className="relative pl-9">
<dt className="inline font-semibold text-blue-700">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-blue-700" />
<dt className="inline font-semibold text-purple-700">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-purple-700" />
{feature.name}
</dt>{' '}
<dd className="inline">{feature.description}</dd>

4
src/components/Communhero.jsx
View File

@@ -23,9 +23,9 @@ const supportLinks = [
},
]
export default function Example() {
export default function Communhero() {
return (
<div className="bg-white">
<div className="bg-white mb-32">
{/* Header */}
<div className="relative bg-gray-800 pb-40">
<div className="absolute inset-0">

12
src/components/Communicate.jsx
View File

@@ -31,17 +31,17 @@ export default function Communicate() {
<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">
<h2 className="text-base font-medium font-mono leading-7 text-blue-500">Features</h2>
<p className="mt-2 text-3xl font-medium tracking-tight text-blue-700 sm:text-4xl">Advanced Communication</p>
<p className="mt-6 text-lg leading-8 text-blue-900">
<h2 className="text-base font-medium font-mono leading-7 text-purple-500">Features</h2>
<p className="mt-2 text-3xl font-medium tracking-tight text-purple-700 sm:text-4xl">Advanced Communication</p>
<p className="mt-6 text-lg leading-8 text-purple-900">
Elevate your virtual interactions with cutting-edge communication features
designed to keep you connected and engaged.
</p>
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-blue-900 lg:max-w-none">
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">
{features.map((feature) => (
<div key={feature.name} className="relative pl-9">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-blue-700" />
<dt className="inline font-semibold text-blue-700">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-purple-700" />
<dt className="inline font-semibold text-purple-700">
{feature.name}
</dt>{' '}
<dd className="inline">{feature.description}</dd>

12
src/components/Event1.jsx
View File

@@ -10,18 +10,18 @@ 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-blue-700 sm:text-7xl">
<h1 className="font-display text-3xl font-semibold tracking-tighter text-purple-700 sm:text-7xl">
VerseFest 2024
</h1>
<h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tight text-blue-500 text-xl">
<h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tight text-purple-500 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-tight text-blue-500 text-xl">
<h2 className="lg:mt-0 mt-0 font-display lg:text-2xl font-normal tracking-tight text-purple-500 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-normal lg:max-w-3xl lg:text-xl text-base -tracking-normal 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-purple-900">
<p>
Get ready to step into the future with <span className='font-semibold text-blue-700'>VerseFest 2024 by OurVerse!</span>
Get ready to step into the future with <span className='font-semibold text-purple-700'>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-blue-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-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-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 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"
>
Get Your FREE Ticket <TicketIcon className="h-5 w-5 mx-0.3 inline-block -mt-0.5" />
</a>

12
src/components/Events.jsx
View File

@@ -36,14 +36,14 @@ const featuredPost = {
<div className="mx-auto grid max-w-7xl grid-cols-1 gap-x-8 gap-y-12 px-6 sm:gap-y-16 lg:grid-cols-2 lg:px-8">
<article className="mx-auto w-full max-w-2xl lg:mx-0 lg:max-w-lg">
<h2 className="text-base font-medium font-mono leading-7 text-blue-500">Community</h2>
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tight text-blue-700 lg:text-4xl">Upcoming Events</h1>
<h2 className="text-base font-medium font-mono leading-7 text-purple-500">Community</h2>
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tight text-purple-700 lg:text-4xl">Upcoming Events</h1>
<img
alt=""
src="/images/futurefest2.jpg"
className="mt-4 aspect-auto w-full rounded-2xl bg-gray-50 object-cover lg:aspect-auto lg:h-[20.5rem]"
/>
<h2 id="featured-post" className="mt-8 text-3xl font-medium tracking-tight text-blue-700 lg:text-4xl">
<h2 id="featured-post" className="mt-8 text-3xl font-medium tracking-tight text-purple-700 lg:text-4xl">
{featuredPost.title}
</h2>
<time dateTime={featuredPost.datetime} className="mt-2 block text-sm leading-6 text-gray-600">
@@ -55,7 +55,7 @@ const featuredPost = {
<a
href={featuredPost.href}
aria-describedby="featured-post"
className="text-sm font-semibold leading-6 text-blue-700 mt-2"
className="text-sm font-semibold leading-6 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-gray-600">
{post.date}
</time>
<h2 className="mt-2 text-lg font-semibold text-blue-700 group-hover:text-blue-400">
<h2 className="mt-2 text-lg font-semibold text-purple-700 group-hover:text-purple-400">
<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-blue-700 mt-2"
className="text-sm font-semibold leading-6 text-purple-700 mt-2"
>
Learn More <span aria-hidden="true">&rarr;</span>
</a>

6
src/components/Experiences.jsx
View File

@@ -72,8 +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-blue-700 sm:text-5xl">Verse Spaces</p>
<p className="mt-4 font-normal text-2xl tracking-tight text-blue-900">
<p className="mt-2 font-display text-4xl font-medium tracking-tighter text-purple-700 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.
</p>
@@ -86,7 +86,7 @@ import {
<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">
<div className="w-full rounded-md bg-white bg-opacity-75 px-4 py-2 text-center text-sm font-medium text-purple-700 backdrop-blur backdrop-filter">
<a href="#">
<span aria-hidden="true" className="absolute inset-0" />
{product.name}

10
src/components/FAQ.jsx
View File

@@ -39,14 +39,14 @@ export default function FAQ() {
return (
<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-blue-900/10">
<h2 className="lg:text-4xl text-3xl font-medium leading-10 tracking-tight text-blue-700">Frequently Asked Questions</h2>
<dl className="mt-10 space-y-6 divide-y divide-blue-900/10">
<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>
<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">
<dt>
<DisclosureButton className="group flex w-full items-start justify-between text-left">
<span className="text-lg text-blue-700 font-semibold leading-7">{faq.question}</span>
<span className="text-lg text-purple-700 font-semibold leading-7">{faq.question}</span>
<span className="ml-6 flex h-7 items-center">
<PlusSmallIcon aria-hidden="true" className="h-6 w-6 group-data-[open]:hidden" />
<MinusSmallIcon aria-hidden="true" className="h-6 w-6 [.group:not([data-open])_&]:hidden" />
@@ -54,7 +54,7 @@ export default function FAQ() {
</DisclosureButton>
</dt>
<DisclosurePanel as="dd" className="mt-2 pr-12">
<p className="text-base leading-7 text-blue-900">{faq.answer}</p>
<p className="text-base leading-7 text-purple-900">{faq.answer}</p>
</DisclosurePanel>
</Disclosure>
))}

8
src/components/Header.jsx
View File

@@ -26,14 +26,14 @@ export function Header() {
<div className="hidden lg:flex lg:items-center lg:gap-8 lg:grow lg:basis-0">
<div className="flex gap-8 mx-auto">
{navigationItems.map((item) => (
<a key={item.name} href={item.href} className="text-blue-700 font-semibold hover:text-blue-900">
<a key={item.name} href={item.href} className="text-purple-700 font-semibold hover:text-purple-900">
{item.name}
</a>
))}
</div>
<Button href="#">Join OurVerse</Button>
</div>
<div className="lg:hidden flex items-center bg-gradient">
<div className="lg:hidden flex items-center bg-gradient3">
<button
type="button"
onClick={() => setMobileMenuOpen(true)}
@@ -64,13 +64,13 @@ export function Header() {
<a
key={item.name}
href={item.href}
className="text-blue-500 hover:text-blue-800 text-lg font-semibold"
className="text-purple-500 hover:text-purple-800 text-lg font-semibold"
onClick={() => setMobileMenuOpen(false)}
>
{item.name}
</a>
))}
<Button href="#" className="mt-4 bg-gradient">
<Button href="#" className="mt-4 bg-gradient3">
Join OurVerse
</Button>
</div>

8
src/components/Hero.jsx
View File

@@ -8,10 +8,10 @@ export function Hero() {
<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-medium tracking-tighter text-blue-700 sm:text-6xl">
<h1 className="font-display text-3xl font-medium tracking-tighter text-purple-500 sm:text-6xl">
OurVerse
</h1>
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-blue-900">
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
<p>
OurVerse empowers users to build, manage, and monetize their unique virtual experiences
by blending the latest advancements in blockchain technology with immersive virtual reality.
@@ -30,8 +30,8 @@ export function Hero() {
['Countries', '15'],
].map(([name, value]) => (
<div key={name}>
<dt className="font-mono text-sm text-blue-500">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-blue-900">
<dt className="font-mono text-sm text-purple-500">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-purple-900">
{value}
</dd>
</div>

16
src/components/Homepage.jsx
View File

@@ -22,31 +22,31 @@ export function Homepage() {
<div className="mx-auto max-w-xl lg:max-w-6xl">
<div className="mt-12 mb-6 lg:mt-16">
<div className="inline-flex space-x-6">
<span className="rounded-full bg-gradient-light px-3 py-1 text-sm font-semibold leading-6 font-blue1 ring-1 ring-inset ring-indigo-600/10">
<span className="rounded-full btn-gradient-light px-3 py-1 text-sm font-semibold leading-6 text-purple-900 ring-1 ring-inset ring-indigo-600/10">
What's new
</span>
<a href="/community/versefest" className="inline-flex items-center space-x-2 text-sm font-medium leading-6 font-blue1 hover:text-blue-900">
<a href="/community/versefest" className="inline-flex items-center space-x-2 text-sm font-semibold leading-6 text-purple-800 hover:text-purple-900">
<span className="underline">Announcing: VerseFest 2024</span>
<ChevronRightIcon className="h-5 w-5 text-blue-700" aria-hidden="true" />
<ChevronRightIcon className="h-5 w-5 text-purple-700" aria-hidden="true" />
</a>
</div>
</div>
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter font-gradient lg:text-7xl text-5xl">
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter bg-gradient3 lg:text-7xl text-5xl">
A New, Vibrant Virtual World.
</h1>
<div className="lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight font-blue2">
<p>Discover <span className='font-gradient font-semibold'>OurVerse</span>, a new virtual space designed for everyone,
<div className="lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight text-purple-800">
<p>Discover <span className='bg-gradient3 font-semibold'>OurVerse</span>, a new virtual space designed for everyone,
where you can express yourself freely, build meaningful relationships,
and explore endless possibilities in an environment that celebrates diversity and authenticity.</p>
</div>
<div className="mt-10 pb-8 flex items-center gap-x-6">
<a
href="#"
className="rounded-2xl bg-gradient px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
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"
>
Join OurVerse
</a>
<a href="#" className="text-sm font-semibold leading-6 text-blue-900 hover:text-blue-700">
<a href="#" className="text-sm font-semibold leading-6 text-purple-900 hover:text-purple-700">
Learn more <span aria-hidden="true">→</span>
</a>
</div>

8
src/components/Newsletter.jsx
View File

@@ -34,19 +34,19 @@ export function Newsletter() {
/>
<div className="relative mx-auto grid max-w-2xl grid-cols-1 gap-x-32 gap-y-14 xl:max-w-none xl:grid-cols-2">
<div>
<p className="font-display text-4xl font-medium tracking-tighter text-blue-900 sm:text-5xl">
<p className="font-display text-4xl font-medium tracking-tighter text-purple-900 sm:text-5xl">
Stay up to date
</p>
<p className="mt-4 text-lg tracking-tight text-blue-900">
<p className="mt-4 text-lg tracking-tight text-purple-900">
Get updates on all of our events and be the first to get
notified when tickets go on sale.
</p>
</div>
<form>
<h3 className="text-lg font-semibold tracking-tight text-blue-900">
<h3 className="text-lg font-semibold tracking-tight text-purple-900">
Sign up to our newsletter <span aria-hidden="true">&darr;</span>
</h3>
<div className="mt-5 flex rounded-3xl bg-white py-2.5 pr-2.5 shadow-xl shadow-blue-900/5 focus-within:ring-2 focus-within:ring-blue-900">
<div className="mt-5 flex rounded-3xl bg-white py-2.5 pr-2.5 shadow-xl shadow-purple-900/5 focus-within:ring-2 focus-within:ring-purple-900">
<input
type="email"
required

12
src/components/Product.jsx
View File

@@ -47,11 +47,11 @@ export function Product() {
<section id="schedule" aria-label="Schedule" className="py-8 lg:py-24 mb-12">
<Container className="relative z-10">
<div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
<h2 className="text-base font-medium font-mono leading-7 text-blue-700">Usecases</h2>
<h2 className="mt-2 font-display text-4xl font-medium tracking-tighter text-blue-600 sm:text-5xl">
<h2 className="text-base font-medium font-mono leading-7 text-purple-700">Usecases</h2>
<h2 className="mt-2 font-display text-4xl font-medium tracking-tighter text-purple-600 sm:text-5xl">
Transforming Possibilities Across Industries Digitally
</h2>
<p className="mt-4 font-display text-2xl tracking-tight text-blue-900">
<p className="mt-4 font-display text-2xl tracking-tight text-purple-900">
Explore diverse scenarios where our platform empowers users to create, collaborate,
and innovate in immersive virtual environments, unlocking new potentials across industries and communities.
</p>
@@ -72,9 +72,9 @@ export function Product() {
/>
</div>
<div className="relative mt-4">
<h3 className="lg:text-base text-lg font-medium text-blue-700">{product.name}</h3>
<p className="mt-1 mb-2 lg:text-sm text-base text-blue-900">{product.color}</p>
<a href={product.href} className="lg:text-xs text-sm font-mono text-blue-700 hover:text-blue-900">
<h3 className="lg:text-base text-lg font-medium text-purple-700">{product.name}</h3>
<p className="mt-1 mb-2 lg:text-sm text-base text-purple-900">{product.color}</p>
<a href={product.href} className="lg:text-xs text-sm font-mono text-purple-700 hover:text-purple-900">
Read Usecase <span aria-hidden="true">→</span>
</a>
</div>

16
src/components/Schedule.jsx
View File

@@ -227,10 +227,10 @@ function ScheduleTabbed() {
function DaySummary({ day }) {
return (
<>
<h3 className="text-2xl font-semibold tracking-tight text-blue-900">
<h3 className="text-2xl font-semibold tracking-tight text-purple-900">
<time dateTime={day.dateTime}>{day.date}</time>
</h3>
<p className="mt-1.5 text-base tracking-tight text-blue-900">
<p className="mt-1.5 text-base tracking-tight text-purple-900">
{day.summary}
</p>
</>
@@ -243,7 +243,7 @@ function TimeSlots({ day, className }) {
role="list"
className={clsx(
className,
'space-y-8 bg-white/60 px-10 py-14 text-center shadow-xl shadow-blue-900/5 backdrop-blur',
'space-y-8 bg-white/60 px-10 py-14 text-center shadow-xl shadow-purple-900/5 backdrop-blur',
)}
>
{day.timeSlots.map((timeSlot, timeSlotIndex) => (
@@ -254,11 +254,11 @@ function TimeSlots({ day, className }) {
{timeSlotIndex > 0 && (
<div className="mx-auto mb-8 h-px w-48 bg-indigo-500/10" />
)}
<h4 className="text-lg font-semibold tracking-tight text-blue-900">
<h4 className="text-lg font-semibold tracking-tight text-purple-900">
{timeSlot.name}
</h4>
{timeSlot.description && (
<p className="mt-1 tracking-tight text-blue-900">
<p className="mt-1 tracking-tight text-purple-900">
{timeSlot.description}
</p>
)}
@@ -296,14 +296,14 @@ export function Schedule() {
<section id="schedule" aria-label="Schedule" className="py-12 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-blue-600 sm:text-5xl">
<h2 className="font-display text-4xl font-medium tracking-tighter text-purple-600 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-blue-900">
<p className="mt-4 font-display text-2xl tracking-tight text-purple-900">
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">
<p className="mt-4 font-display text-2xl tracking-tight text-purple-900">
From hands-on workshops to panel discussions and networking events, VerseFest 2024 offers something for everyone.
</p>
</div>

12
src/components/Speakers.jsx
View File

@@ -200,11 +200,11 @@ 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-blue-700 sm:text-5xl"
className="font-display text-4xl font-medium tracking-tighter text-purple-700 sm:text-5xl"
>
Speakers
</h2>
<p className="mt-4 font-display text-2xl tracking-tight text-blue-900">
<p className="mt-4 font-display text-2xl tracking-tight text-purple-900">
Get ready to be inspired by some of the industry leaders and innovators who are shaping the future of the metaverse, Web3, AI, and more.
</p>
</div>
@@ -223,7 +223,7 @@ export function Speakers() {
className={clsx(
'absolute left-[-0.5px] top-[0.5625rem] hidden h-1.5 w-1.5 overflow-visible lg:block',
dayIndex === selectedIndex
? 'fill-blue-500 stroke-blue-500'
? 'fill-purple-500 stroke-purple-500'
: 'fill-transparent stroke-slate-400',
)}
/>
@@ -232,7 +232,7 @@ export function Speakers() {
className={clsx(
'font-mono text-sm',
dayIndex === selectedIndex
? 'text-blue-500'
? 'text-purple-500'
: 'text-slate-500',
)}
>
@@ -243,7 +243,7 @@ export function Speakers() {
</div>
<time
dateTime={day.dateTime}
className="mt-1.5 block text-2xl font-semibold tracking-tight text-blue-900"
className="mt-1.5 block text-2xl font-semibold tracking-tight text-purple-900"
>
{day.date}
</time>
@@ -268,7 +268,7 @@ export function Speakers() {
className={clsx(
'absolute bottom-6 left-0 right-4 top-0 rounded-4xl border transition duration-300 group-hover:scale-95 xl:right-6',
[
'border-blue-300',
'border-purple-300',
'border-indigo-300',
'border-sky-300',
][speakerIndex % 3],

10
src/components/Venue.jsx
View File

@@ -8,16 +8,16 @@ 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-blue-700 lg:text-5xl">OurWorld Verse</p>
<p className="mt-6 text-lg leading-8 text-blue-900">
<p className="mt-2 text-3xl font-medium tracking-tight text-purple-700 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.
</p>
<p className="mt-6 text-lg leading-8 text-blue-900">
<p className="mt-6 text-lg leading-8 text-purple-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">
<p className="mt-6 text-lg leading-8 text-purple-900">
Navigate through stunning virtual landscapes, engage with other participants in real-time,
and discover the cutting-edge features of our metaverse platform.
</p>
@@ -32,7 +32,7 @@ export default function Venue() {
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" />
<source src="/videos/ourverse2.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>

42
src/styles/tailwind.css
View File

@@ -17,22 +17,56 @@
}
.font-gradient {
background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
background-color: #423C5F;
background-image: linear-gradient(43deg, #423C5F 0%, #8462B7 25%,#8d69c3 50%, #8462B7 75%, #423C5F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.bg-gradient2 {
background-color: #4a3d81;
background-image: linear-gradient(43deg, #4a3d81 0%, #644e84 15%,#9b6b8a 30%, #834f85 45%, #c28c8b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.bg-gradient3 {
background-color: #423C5F;
background-image: linear-gradient(43deg, #4b3d89 0%, #6d5299 15%,#b06b98 50%, #954e98 75%, #cf8a89 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.btn-gradient3 {
background-color: #423C5F;
background-image: linear-gradient(43deg, #4b3d89 0%, #6d5299 15%,#b06b98 50%, #954e98 75%, #cf8a89 100%);
}
.bg-gradient {
background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
background-image: linear-gradient(43deg, #423C5F 0%, #8d69c3 50%, #B2AFD4 100%);
}
.btn-gradient {
background-color: #4b3d89;
background-image: linear-gradient(43deg, #4b3d89 0%, #b06b98 50%, #cf8a89 100%);
}
.btn-gradient-light {
background-color: #9078ff;
background-image: linear-gradient(43deg, #b99bcc 0%, #d0bde5 50%, #ffd4d4 100%);
}
.bg-gradient-light {
background-color: #4158D0;
background-image: linear-gradient(43deg, #c0cafa 0%, #f8caf5 46%, #ffecca 100%);
background-image: linear-gradient(43deg, #ba8bff 0%, #e6d6fe 50%, #f7f3fd 100%);
}