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

edit co

Browse Source
This commit is contained in:
sasha-astiadi 2024-10-10 15:56:48 +02:00
parent 3a1a63025e
commit 4822a65311
78 changed files with 478 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.next/cache/webpack/client-development/0.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/1.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/10.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/11.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/12.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/13.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/2.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/3.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/4.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/6.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/7.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/8.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/9.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/client-development/index.pack.gz.old vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/0.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/1.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/10.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/11.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/12.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/13.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/14.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/15.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/17.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/19.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/2.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/20.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/3.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/5.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/6.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/7.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/8.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/9.pack.gz vendored
View File

Binary file not shown.

BIN
.next/cache/webpack/server-development/index.pack.gz.old vendored
View File

Binary file not shown.

9
.next/server/app-paths-manifest.json
View File

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

30
.next/server/app/(main)/page.js
View File

File diff suppressed because one or more lines are too long

2
.next/server/webpack-runtime.js
View File

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

253
.next/trace
View File

File diff suppressed because one or more lines are too long

4
src/components/Aboutco.jsx
View File

@ -4,7 +4,7 @@ export default function Aboutcof() {
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto grid max-w-2xl grid-cols-1 lg:mx-0 lg:max-w-none lg:grid-cols-2">
<div className="flex flex-col pb-10 sm:pb-16 lg:pb-0 lg:pr-8 xl:pr-20">
<h1 className="lg:mt-2 mt-0 text-3xl font-bold tracking-tight text-gradient lg:text-4xl text-gradient-dark">
<h1 className="lg:mt-2 mt-0 text-3xl font-bold tracking-tight text-gradient lg:text-4xl h3-title-new">
Our Vision
</h1>
<figure className="mt-8 flex flex-auto flex-col justify-between">
@ -19,7 +19,7 @@ export default function Aboutcof() {
</figure>
</div>
<div className="flex flex-col border-t border-gray-900/10 pt-10 sm:pt-16 lg:border-l lg:border-t-0 lg:pl-8 lg:pt-0 xl:pl-20">
<h1 className="lg:mt-2 mt-0 text-3xl font-bold tracking-tight text-gradient lg:text-4xl text-gradient-dark">
<h1 className="lg:mt-2 mt-0 text-3xl font-bold tracking-tight text-gradient lg:text-4xl h3-title-new">
Our Mission
</h1>
<figure className="mt-8 flex flex-auto flex-col justify-between">

6
src/components/Abouthero.jsx
View File

@ -17,8 +17,8 @@ export default function Abouthero() {
</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 lg:max-w-xl max-w-md leading-tight text-gradient text-3xl">At OurVerse, <br/>
we go beyond traditional video calls. </h2>
<h2 className="lg:text-6xl font-semibold tracking-tight lg:max-w-2xl max-w-xl leading-tight text-gradient-new2 text-3xl">
Beyond Traditional Video Calls. </h2>
<p className="mt-6 section-text-light font-display">
Our immersive decentralized metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel REAL.
</p>
@ -27,7 +27,7 @@ export default function Abouthero() {
<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"
className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
>
Join OurVerse
</a>

6
src/components/Aboutnodes.jsx
View File

@ -6,10 +6,10 @@ export default function Aboutnodes() {
{/* Text Section */}
<div className="pl-6 pr-6 lg:pr-12 xl:pr-12">
<h2 className="text-intro">Join the Expansion</h2>
<p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">
<p className="mt-2 text-3xl font-bold tracking-tight h3-title-new sm:text-4xl">
Host our Metaverse
</p>
<p className="mt-6 text-base leading-7 text-gray-900">
<p className="mt-6 text-base leading-7 section-text font-display">
As our metaverse expands, it's crucial that our decentralized grid scales with it.
This grid forms the backbone of our virtual world, and more nodes mean a stronger, faster, and more efficient ecosystem—not just for us,
but for all decentralized projects relying on it.
@ -22,7 +22,7 @@ export default function Aboutnodes() {
<div className="mt-8">
<a
href="/community.html"
className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm btn-gradient-dark2"
className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm btn-dark"
>
Host a Node
</a>

4
src/components/Aboutvalues.jsx
View File

@ -37,7 +37,7 @@ const features = [
<div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-24 pb-12">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl lg:mx-0">
<h2 className="text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">Our Values</h2>
<h2 className="text-3xl font-bold tracking-tight h3-title-new sm:text-4xl">Our Values</h2>
<p className="mt-6 text-lg leading-8 text-gray-600">
Our values represent the unwavering principles that guide every decision we make in fostering a culture of integrity, innovation, and respect for all.
</p>
@ -45,7 +45,7 @@ const features = [
<dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base leading-7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
{features.map((feature) => (
<div key={feature.name}>
<dt className="font-semibold text-gradient-dark">{feature.name}</dt>
<dt className="font-semibold text-gradient-new text-xl">{feature.name}</dt>
<dd className="mt-1 text-gray-600">{feature.description}</dd>
</div>
))}

2
src/components/Allfeatures.jsx
View File

@ -63,7 +63,7 @@ export default function Example() {
<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-purple-600">Features</h2>
<p className="mt-2 font-display text-3xl font-semibold tracking-tighter text-gradient-dark sm:text-5xl">The Future of Communication</p>
<p className="mt-2 font-display text-3xl font-semibold tracking-tighter h3-title-new sm:text-5xl">The Future of Communication</p>
<p className="mt-6 text-lg leading-8 text-purple-600">
OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
</p>

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 btn-gradient-dark px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
<div className="flex items-center gap-x-6 btn-dark px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
<p className="text-sm leading-6 text-white">
<a href="/events/versefest.html">
<strong className="font-semibold">OurVerse FutureFest 2024</strong>

6
src/components/Bentosection.jsx
View File

@ -43,7 +43,7 @@ export default function BentoSection() {
<Subheading as="h3" dark={dark}>
{eyebrow}
</Subheading>
<p className="mt-1 text-2xl/8 font-medium tracking-tight text-gradient-dark group-data-[dark]:text-white">
<p className="mt-1 text-2xl/8 font-medium tracking-tight h3-title-new group-data-[dark]:text-white">
{title}
</p>
<p className="mt-2 max-w-[600px] text-sm/6 text-gray-600 group-data-[dark]:text-gray-400">
@ -59,7 +59,7 @@ export default function BentoSection() {
<div className=' pt-12 pb-24'>
<div className="relative z-10 mx-auto max-w-2xl lg:mx-0 lg:max-w-5xl lg:pr-24">
<h2 className="text-intro">Features</h2>
<h2 className="mt-2 h3-title">
<h2 className="mt-2 h3-title-new">
Collaboration & Creation Tools
</h2>
<p className="mt-4 section-text font-display ">
@ -68,7 +68,7 @@ export default function BentoSection() {
<div className="mt-10 flex gap-x-8">
<a
href="#"
className="rounded-2xl btn-gradient-dark 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-dark 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"
>
See Features
</a>

2
src/components/Blogposts.jsx
View File

@ -26,7 +26,7 @@ const posts = [
<div className="bg-white py-24 sm:py-32">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-3xl text-center">
<h2 className="h3-title">From the Blog</h2>
<h2 className="h3-title-new-new">From the Blog</h2>
<p className="mt-4 section-text font-display ">
Stay up to date with the latest news, announcements, and stories from OurVerse.
</p>

4
src/components/Bottom.jsx
View File

@ -3,7 +3,7 @@ export default function Bottom() {
<div className="relative isolate overflow-hidden bg-gray-900">
<div className="px-6 py-24 sm:px-6 sm:py-32 lg:px-8">
<div className="mx-auto max-w-2xl text-center">
<h2 className="text-3xl font-bold tracking-tight text-gradient-light lg:text-5xl">
<h2 className="text-3xl font-bold tracking-tight text-gradient-new2 lg:text-5xl">
The Future of Collaboration
<br />
is now.
@ -14,7 +14,7 @@ export default function Bottom() {
<div className="mt-10 flex items-center justify-center gap-x-6">
<a
href="#"
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"
className="rounded-2xl btn-light px-3.5 py-2.5 text-sm font-semibold text-gray-900 "
>
Sign Up Now
</a>

2
src/components/Build.jsx
View File

@ -52,7 +52,7 @@ import {
<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>
<p className="mt-2 h3-title-new">Build Your Own Verse</p>
<p className="mt-4 lg:max-w-3xl section-text font-display ">
Create and customize your virtual world with powerful tools and resources that make building and managing your digital space easy and intuitive.
</p>

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 btn-gradient-dark py-2 px-4 text-xs font-semibold text-white hover:btn-gradient-dark-hover focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 active:text-white/70',
'inline-flex justify-center rounded-2xl btn-dark py-2 px-4 text-xs font-semibold text-white hover:btn-dark-hover focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500 active:text-white/70',
className,
)

2
src/components/Casestudies.jsx
View File

@ -107,7 +107,7 @@ const posts = [
<div className="bg-gradient-to-b from-purple-50/70 to-purple-50/5 lg:py-20 py-32">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl text-center">
<h2 className="h3-title">Case Studies</h2>
<h2 className="h3-title-new">Case Studies</h2>
<p className="mt-4 section-text font-display ">
Discover how OurVerse uniquely addresses challenges and fosters innovation with specific, real-world applications of our technology.
</p>

2
src/components/Collaborate.jsx
View File

@ -31,7 +31,7 @@ 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">
<p className="mt-2 h3-title text-gradient-dark ">Creative Collaboration</p>
<p className="mt-2 h3-title-new h3-title-new ">Creative Collaboration</p>
<p className="mt-4 section-text font-display ">
Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
</p>

8
src/components/Communhero.jsx
View File

@ -15,9 +15,9 @@ export default function Communhero() {
{/* 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-gradient sm:text-4xl">
A United Community <br/>Creating the Future of <br/>Virtual Worlds
<div className="mx-auto max-w-xl lg:mx-0">
<h2 className="mt-2 lg:text-5xl font-semibold tracking-tight text-gradient-new2 text-3xl">
Create the Future of Virtual World Together
</h2>
<p className="mt-6 section-text-light font-display max-w-xl text-purple-50">
Join a global movement where visionaries, creators, and innovators come together to shape immersive digital experiences.
@ -29,7 +29,7 @@ export default function Communhero() {
<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"
className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
>
Join OurVerse
</a>

2
src/components/Communicate.jsx
View File

@ -31,7 +31,7 @@ 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">
<p className="mt-2 h3-title">Advanced Communication</p>
<p className="mt-2 h3-title-new">Advanced Communication</p>
<p className="mt-4 section-text font-display ">
Elevate your virtual interactions with cutting-edge communication features
designed to keep you connected and engaged.

2
src/components/Crm.jsx
View File

@ -53,7 +53,7 @@ import {
<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">
<p className="mt-2 h3-title-new">
MyVerse Social</p>
<p className="mt-4 section-text font-display ">
Stay connected with your network, explore new opportunities, and engage with the latest immersive content through MyVerse Social—a space to expand your virtual presence, create lasting connections, and thrive in the metaverse.

6
src/components/Cta.jsx
View File

@ -13,14 +13,14 @@ export default function CTA() {
<div className=" relative mx-auto max-w-7xl lg:px-8">
<div className="pl-6 pr-6 md:ml-auto md:w-2/3 md:pl-16 lg:w-1/2 lg:pl-12 lg:pr-0 xl:pl-12">
<h2 className="text-intro">True Decentralized Metaverse</h2>
<p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">Powered by ThreeFold</p>
<p className="mt-6 text-base leading-7 text-gray-900">
<p className="mt-2 text-3xl font-bold tracking-tight h3-title-new sm:text-4xl">Powered by ThreeFold</p>
<p className="mt-6 text-base leading-7 section-text font-display">
OurVerse is powered by the ThreeFold Grid, a decentralized infrastructure that ensures your metaverse experience is secure, scalable and truly independent.<br/><br/>
By leveraging this innovative technology, we provide a fully decentralized platform where data confidentiality is paramount, and your interactions remain free from centralized control.</p>
<div className="mt-8">
<a
href="/community.html"
className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm btn-gradient-dark2"
className="inline-flex rounded-2xl bg-white/10 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm btn-dark"
>
Be a Part of OurVerse
</a>

2
src/components/Event1.jsx
View File

@ -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 btn-gradient-dark2"
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-dark"
>
Get Your FREE Ticket <TicketIcon className="h-5 w-5 mx-0.3 inline-block -mt-0.5" />
</a>

10
src/components/Eventbanner.jsx
View File

@ -3,7 +3,7 @@ export default function Eventbanner() {
<div className="bg-gradient-to-b from-purple-50/10 to-purple-50/80">
<div className="mx-auto max-w-2xl px-4 pb-24 sm:px-6 lg:max-w-7xl">
<h2 className="text-intro">Community</h2>
<h2 className="mt-2 mb-4 h3-title">
<h2 className="mt-2 mb-4 h3-title-new">
Events
</h2>
<div className="relative overflow-hidden rounded-lg lg:h-96">
@ -18,16 +18,16 @@ export default function Eventbanner() {
<div aria-hidden="true" className="relative h-32 w-full lg:hidden" />
<div className="absolute py-4 inset-x-0 bottom-0 rounded-bl-lg rounded-br-lg bg-purple-950 bg-opacity-90 p-6 backdrop-blur backdrop-filter sm:flex sm:items-center sm:justify-between lg:inset-x-auto lg:inset-y-0 lg:w-96 lg:flex-col lg:items-start lg:rounded-br-none lg:rounded-tl-lg">
<div>
<h2 className="mt-4 lg:text-3xl text-xl font-bold text-gradient-light">OurVerse </h2>
<h2 className="lg:text-3xl text-xl font-bold text-gradient-light">FutureFest 2024</h2>
<h3 className="text-xl font-bold text-gradient-light">Nov 22 - 24</h3>
<h2 className="mt-4 lg:text-3xl text-xl font-bold text-gradient-new2">OurVerse </h2>
<h2 className="lg:text-3xl text-xl font-bold text-gradient-new2">FutureFest 2024</h2>
<h3 className="text-xl font-bold text-gradient-new2">Nov 22 - 24</h3>
<p className="mt-4 text-md text-gray-300">
OurVerse's OurFutureFest connects freelancers, innovators, and businesses in the Metaverse, empowering them to explore new technologies and collaborate seamlessly across boundaries.
</p>
</div>
<a
href="/events/versefest.html"
className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-gradient-dark bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full"
className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-light bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full"
>
Register Now
</a>

4
src/components/Eventhero.jsx
View File

@ -12,7 +12,7 @@ export default function Eventhero() {
<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">
<h1 className="text-4xl font-bold tracking-tight h3-title-new 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">
@ -22,7 +22,7 @@ export default function Eventhero() {
<div className="mt-10 flex items-center gap-x-6">
<a
href="#"
className="rounded-2xl font-semibold btn-gradient-dark2"
className="rounded-2xl font-semibold btn-dark"
>
Get started
</a>

2
src/components/Eventmgmt.jsx
View File

@ -31,7 +31,7 @@ export default function Eventmgmt() {
<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">
<p className="mt-2 h3-title">Event Management</p>
<p className="mt-2 h3-title-new">Event Management</p>
<p className="mt-4 section-text font-display ">
Host and manage tailored events with versatile venues, real-time updates, and powerful engagement tools to ensure a seamless and memorable experience.
</p>

2
src/components/Eventpage1.jsx
View File

@ -33,7 +33,7 @@ export default function Eventpage1() {
<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">
<p className="mt-2 h3-title-new">
Get Involved
</p>
<p className="mx-auto mt-4 max-w-prose section-text font-display">

8
src/components/Events.jsx
View File

@ -37,13 +37,13 @@ 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">Latest News & Updates</h1>
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter h3-title-new lg:text-4xl">Latest News & Updates</h1>
<img
alt=""
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-gradient lg:text-4xl">
<h2 id="featured-post" className="mt-8 text-3xl font-semibold tracking-tight text-gradient-new lg:text-4xl">
{featuredPost.title}
</h2>
<time dateTime={featuredPost.datetime} className="mt-2 block text-sm leading-6 text-purple-600">
@ -54,7 +54,7 @@ const featuredPost = {
<div className="mt-4 flex items-center gap-x-6">
<a
href="#"
className="rounded-2xl font-semibold btn-gradient-dark2 text-sm leading-6"
className="rounded-2xl font-semibold btn-dark text-sm leading-6"
>
Learn More
</a>
@ -73,7 +73,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-gradient group-hover:text-purple-700">
<h2 className="mt-2 text-lg font-semibold text-gradient-new group-hover:text-purple-700">
<a href={post.href}>
<span className="absolute inset-0" />
{post.title}

4
src/components/Featurehero.jsx
View File

@ -17,7 +17,7 @@ export default function Featurehero() {
</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-gradient text-xl">The Future of Collaboration</h2>
<h2 className="lg:text-6xl font-semibold tracking-tight text-gradient-new2 text-xl">The Future of Collaboration</h2>
<p className="mt-6 section-text-light max-w-xl font-display">
Step into the future of communication and collaboration with immersive virtual environments.
OurVerse provides innovative tools that transform your events, meetings, and creative projects,
@ -26,7 +26,7 @@ export default function Featurehero() {
<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"
className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
>
Join OurVerse
</a>

6
src/components/Featureshome.jsx
View File

@ -82,7 +82,7 @@ export default function Featureshome() {
</svg>
<div className="relative">
<h2 className="text-center h3-title">
<h2 className="text-center h3-title-new">
The Future of Communication and Collaboration
</h2>
<p className="mx-auto mt-4 max-w-3xl text-center section-text font-display ">
@ -93,7 +93,7 @@ export default function Featureshome() {
<div className="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:items-center lg:gap-8">
<div className="relative">
<h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Features</h2>
<h3 className="h3-title">Collaboration & Creation Tools</h3>
<h3 className="h3-title-new">Collaboration & Creation Tools</h3>
<p className="mt-4 section-text font-display ">
Transform how you and your team work together with our innovative, real-time creative tools.
</p>
@ -187,7 +187,7 @@ export default function Featureshome() {
<div className="mt-6">
<a
href="/features"
className="inline-flex rounded-2xl px-4 py-1.5 text-base font-semibold leading-7 text-white shadow-sm btn-gradient-dark"
className="inline-flex rounded-2xl px-4 py-1.5 text-base font-semibold leading-7 text-white shadow-sm btn-dark
>
Explore Features
</a>

2
src/components/Header.jsx
View File

@ -73,7 +73,7 @@ export function Header() {
{item.name}
</a>
))}
<Button href="#" className="mt-4 btn-gradient-dark">
<Button href="#" className="mt-4 btn-dark">
Join OurVerse
</Button>
</div>

12
src/components/Hero.jsx
View File

@ -10,22 +10,22 @@ 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">
<h2 className="font-display lg:text-6xl text-4xl font-semibold leading-normal tracking-tighter text-gradient-dark">
<h2 className="font-display lg:text-6xl text-4xl font-semibold leading-normal tracking-tighter text-gradient-new">
OurVerse
</h2>
<h1 className="lg:mt-2 mt-0 font-display lg:text-2xl text-lg font-semibold tracking-tight text-gradient-dark">
<h1 className="lg:mt-2 mt-0 font-display lg:text-2xl text-lg font-semibold tracking-tight text-gradient-new">
Beyond Traditional Video Calls.
</h1>
<div className="mt-4 space-y-6 mx-4 font-display section-text font-display ">
<p>
<span className='emphasis'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions
feel real, engaging, and limitless. Our metaverse is fully decentralized and <span className='emphasis text-gradient-dark'>powered by the ThreeFold Grid</span>, enabling global collaboration with enhanced security, flexibility and freedom.
<span className='text-gradient-new font-semibold'>OurVerse</span> is a fully immersive metaverse platform, offering a space where virtual interactions
feel real, engaging, and limitless. Our metaverse is fully decentralized and <span className='emphasis text-gradient-new'>powered by the ThreeFold Grid</span>, enabling global collaboration with enhanced security, flexibility and freedom.
</p>
<p>
Our mission is to break down the barriers to meaningful connection and collaboration. We believe that everyone, regardless of location or resources, should have access to immersive and engaging spaces where they can meet, create, and innovate together.
</p>
<br/>
<a href="/about" className="lg:text-base pt-4 text-sm font-mono text-cyan-600 hover:text-purple-600">
<a href="/about" className="lg:text-base pt-4 text-sm font-mono text-link">
<u>Learn More about OurVerse<span aria-hidden="true">→</span></u>
</a>
</div>
@ -40,7 +40,7 @@ export function Hero() {
].map(([name, value]) => (
<div key={name}>
<dt className="text-intro">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-gradient-dark">
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-gradient-new">
{value}
</dd>
</div>

8
src/components/HeroFeature.jsx
View File

@ -20,11 +20,11 @@ import {
<div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-32 pb-12">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-4xl text-center justify-center items-center">
<btn className="items-center rounded-2xl lg:px-12 px-6 btn-gradient-dark2 py-2.5 text-md font-semibold"
<btn className="items-center rounded-2xl lg:px-12 px-6 btn-dark py-2.5 text-md font-semibold"
>
NEW
</btn>
<p className="mt-8 h3-title text-center">Introducing: OurHero Verse 3D</p>
<p className="mt-8 h3-title-new text-center">Introducing: OurHero Verse 3D</p>
<p className="mt-4 items-center align-center text-center section-text font-display -ct">
First Generative AI 3D Tools for the Metaverse and Beyond
</p>
@ -50,7 +50,7 @@ import {
</div>
<div className="mt-4 mx-auto lg:mt-16 max-w-5xl px-6 mt-20 md:mt-24 lg:px-8 text-center items-center">
<h2 className="text-intro">Generative AI 3D Tool</h2>
<p className="mt-4 h3-title text-center">Transform your Imagination into Immersive Reality </p>
<p className="mt-4 h3-title-new text-center">Transform your Imagination into Immersive Reality </p>
<p className="mt-8 items-center align-center section-text font-display -ct">
Our team has developed a cutting-edge system allowing users to generate with AI, full 3D virtual environments using text input alone,
by eliminating traditional barriers such as high technical skill requirements or expensive software.
@ -64,7 +64,7 @@ import {
<div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
<a
href="#"
className="rounded-2xl btn-gradient-dark 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-dark 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"
>
Try Now
</a>

22
src/components/HeroFeature2.jsx
View File

@ -10,32 +10,32 @@ import {
const features = [
{
name: 'Multi-stage Generation',
description: 'Generate HDRI environments to set the surroundings and select from pre-built templates. Customize further using text commands for precise, immersive results.',
description: 'Generate HDRI environments and customize templates with text commands.',
icon: CloudArrowUpIcon,
},
{
name: 'Group Models with Behavior',
description: 'Create dynamic groups of models that behave realistically, such as flowing waterfalls or animated meeting setups, bringing your environment to life.',
description: 'Create dynamic groups with realistic behavior, such as waterfalls or meeting setups.',
icon: LockClosedIcon,
},
{
name: 'Individual Model Adjustments',
description: 'Interact with specific elements within your environment to modify them, such as resizing or repositioning objects, allowing precise customization for your needs.',
description: 'Modify specific elements, like resizing objects, with detailed descriptions.',
icon: ArrowsRightLeftIcon,
},
{
name: 'Voice Commands & Real-time Editing',
description: 'Use voice commands to describe and generate environments, and make real-time modifications during activities, enhancing ease of interaction and creativity.',
description: 'Generate and modify environments using voice commands in real time.',
icon: MicrophoneIcon,
},
{
name: 'Image-to-Metaverse',
description: 'Upload images to integrate directly into your virtual space. In the future, use phone cameras to scan objects and add them seamlessly to the Metaverse.',
description: 'Upload images to integrate into environments, with future support for 3D scanning.',
icon: PhotoIcon,
},
{
name: 'Real-time Collaboration',
description: 'Invite multiple users to collaborate within the environment in real time, perfect for meetings, team projects, and shared creative sessions.',
description: 'Collaborate with multiple users in real time for immersive group experiences.',
icon: UsersIcon,
},
]
@ -45,8 +45,8 @@ export default function HeroFeature2() {
<div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-24 pb-12">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-4xl text-center justify-center items-center">
<p className="mt-8 h3-title text-center">HeroVerse 3D</p>
<p className="mt-4 items-center align-center text-center section-text font-display -ct">
<p className="mt-8 h3-title-new text-center">HeroVerse 3D</p>
<p className="mt-4 items-center align-center text-center section-text-ct">
First Generative AI 3D Tools for the Metaverse and Beyond
</p>
</div>
@ -70,11 +70,11 @@ export default function HeroFeature2() {
</div>
</div>
<div className="mx-auto mt-16 max-w-7xl px-6 sm: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-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
<dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-gray-800 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
{features.map((feature) => (
<div key={feature.name} className="relative pl-9">
<dt className="inline font-semibold text-gray-900">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-lg text-purple-500" />
<dt className="inline font-semibold text-gradient-new">
<feature.icon aria-hidden="true" className="absolute left-1 top-1 h-5 w-5 text-lg text-gradient-new" />
{feature.name}
</dt>
<dd className="text-sm mt-2">{feature.description}</dd>

8
src/components/HeroFeature3.jsx
View File

@ -34,16 +34,16 @@ export default function HeroFeature3() {
<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-3">
<div>
<h2 className="text-intro">Everything you need</h2>
<p className="mt-2 text-3xl font-bold tracking-tight text-gradient sm:text-4xl">Multi-purpose Feature</p>
<p className="mt-2 text-3xl font-bold tracking-tight h3-title-new sm:text-4xl">Multi-purpose Feature</p>
<p className="mt-6 text-base leading-7 text-gray-600">
<span className='text-gradient-light font-semibold'>The HeroVerse 3D </span> system offers several advantages that make it a powerful tool for creating virtual environments:
<span className='text-gradient-new font-semibold'>The HeroVerse 3D </span> system offers several advantages that make it a powerful tool for creating virtual environments:
</p>
</div>
<dl className="col-span-2 grid grid-cols-1 gap-x-8 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:gap-y-16">
{features.map((feature) => (
<div key={feature.name} className="relative pl-9">
<dt className="font-semibold text-gray-900">
<CheckIcon aria-hidden="true" className="absolute left-0 top-1 h-5 w-5 text-indigo-500" />
<dt className="font-semibold text-gradient-new">
<CheckIcon aria-hidden="true" className="absolute left-0 top-1 h-5 w-5 text-gradient-new" />
{feature.name}
</dt>
<dd className="mt-2">{feature.description}</dd>

6
src/components/Heropage.jsx
View File

@ -20,16 +20,16 @@ export function Heropage() {
</video>
<div className="mx-auto max-w-xl lg:max-w-6xl text-center">
<h1 className="font-display lg:max-w-3xl font-bold text-gradient tracking-tighter lg:text-6xl text-4xl">
<h1 className="font-display lg:max-w-3xl font-bold text-gradient-new2 tracking-tighter lg:text-6xl text-4xl">
OurHero Verse 3D
</h1>
<h2 className="font-display mt-8 lg:max-w-4xl section-text-light">OurVerse has developed <span className='text-gradient font-semibold'>OurHero Verse 3D</span>, a cutting-edge system that allows users to generate full 3D virtual environments using text input alone. With this tool, users can create immersive and interactive environments, tailored to their needs, simply by describing them. <br/> <br/>In addition to full environments, the system can generate HDRI environments, ensuring a surrounding atmosphere that matches the generated space. </h2>
<h2 className="font-display mt-8 lg:max-w-4xl section-text-light">OurVerse has developed <span className='font-semibold text-gradient-new2'>OurHero Verse 3D</span>, a cutting-edge system that allows users to generate full 3D virtual environments using text input alone. With this tool, users can create immersive and interactive environments, tailored to their needs, simply by describing them. <br/> <br/>In addition to full environments, the system can generate HDRI environments, ensuring a surrounding atmosphere that matches the generated space. </h2>
<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 leading-normal text-purple-800">
</div>
<div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
<a
href="#"
className="rounded-2xl btn-gradient-dark 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-light px-3.5 py-2.5 text-sm font-semibold shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
>
Try HeroVerse 3D
</a>

6
src/components/Homepage.jsx
View File

@ -20,15 +20,15 @@ export function Homepage() {
</video>
<div className="mx-auto max-w-xl lg:max-w-6xl text-center">
<h1 className="font-display lg:max-w-3xl font-bold text-white tracking-tighter lg:text-7xl text-5xl">
The Future of <span className='text-gradient-light'>Collaboration is Now.</span>
<h1 className="font-display lg:max-w-3xl font-bold text-gradient-new2 tracking-tighter lg:text-7xl text-5xl">
The Future of <span className='text-white'>Collaboration is Now.</span>
</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 leading-normal text-purple-800">
</div>
<div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
<a
href="#"
className="rounded-2xl btn-gradient-dark 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-light px-3.5 py-2.5 text-sm font-semibold"
>
Join OurVerse
</a>

6
src/components/Phases.jsx
View File

@ -44,7 +44,7 @@ export function Phasesdark() {
return (
<div className="bg-gradient-dark min-h-screen">
<div className="mx-auto max-w-7xl py-24 px-6 lg:px-8">
<h2 className="lg:text-4xl pt-20 font-semibold tracking-tight leading-normal text-gradient-light text-3xl">
<h2 className="lg:text-4xl pt-20 font-semibold tracking-tight leading-normal text-gradient-new2 text-3xl">
Experience True Collaboration
</h2>
<p className="mt-4 mb-4 text-purple-100 lg:text-xl space-y-6 font-display">
@ -62,7 +62,7 @@ export function Phasesdark() {
<time
dateTime={item.dateTime}
className={`flex items-center text-md font-semibold leading-6 ${
item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-purple-lt lg:text-xl' : 'text-purple-200'
item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-gradient-new2 lg:text-xl' : 'text-purple-200'
}`}
>
<svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
@ -72,7 +72,7 @@ export function Phasesdark() {
</time>
<p
className={`mt-6 text-lg font-semibold leading-6 tracking-tight ${
item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-purple-lt' : 'text-purple-200'
item.date === 'Phase IV' || item.date === 'Phase V' ? 'text-gradient-new2' : 'text-purple-200'
}`}
>
{item.name}

2
src/components/Product.jsx
View File

@ -48,7 +48,7 @@ export function Product() {
<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-intro">Usecases</h2>
<h2 className="mt-2 h3-title">
<h2 className="mt-2 h3-title-new">
Transforming Possibilities Across Industries Digitally
</h2>
<p className="mt-4 section-text font-display ">

4
src/components/Socials.jsx
View File

@ -46,7 +46,7 @@ export default function Socials() {
<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-intro">Socials</h2>
<p className="mt-2 h3-title">
<p className="mt-2 h3-title-new">
Join the Conversation
</p>
<p className="mx-auto mt-4 max-w-prose section-text font-display ">
@ -63,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 btn-gradient-dark2 px-6 py-6 shadow-lg">
<span className="inline-flex items-center justify-center rounded-md btn-dark px-6 py-6 shadow-lg">
<feature.icon aria-hidden="true" className="h-6 w-6 text-white" />
</span>
</div>

2
src/components/Studio.jsx
View File

@ -31,7 +31,7 @@ export default function Studio() {
<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 h3-title">OurVerse Studio</p>
<p className="mt-2 h3-title-new">OurVerse Studio</p>
<p className="mt-4 section-text font-display ">
Elevate your virtual interactions with cutting-edge communication features
designed to keep you connected and engaged.

6
src/components/Usecases.jsx
View File

@ -15,8 +15,8 @@ export default function Usecases() {
{/* 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-gradient sm:text-4xl">
Exploring Impactful<br/>Use Cases from <br/>Real-life Applications
<h2 className="mt-2 lg:text-5xl font-semibold tracking-tight text-gradient-new2 text-3xl">
Exploring Impactful Use Cases from Real-life Applications
</h2>
<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,
@ -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-dark2 font-semibold px-3.5 py-2.5"
className="rounded-2xl btn-light font-semibold px-3.5 py-2.5"
>
Join OurVerse
</a>

2
src/components/blogs/Blog_1.jsx
View File

@ -5,7 +5,7 @@ export default function Blog_1() {
<div className="bg-white px-6 py-32 lg:px-8">
<div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
<p className="text-base font-semibold leading-7 text-purple-600">Technologies</p>
<h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">
<h1 className="mt-2 text-3xl font-bold h3-title-new tracking-tight text-gray-900 sm:text-4xl">
Announcing Hero-GPT: Revolutionizing Virtual Environment Creation
</h1>
<p className="mt-6 text-xl leading-8">

2
src/components/events/Abw2022_1.jsx
View File

@ -5,7 +5,7 @@ export default function Abw2022_1() {
<div className="bg-white px-6 py-32 lg:px-8">
<div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
<p className="text-base font-semibold leading-7 text-purple-600">Events</p>
<h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Building a Metaverse with Revenue: Insights from Arab Meta Summit 2022 Day 2</h1>
<h1 className="mt-2 text-3xl font-bold h3-title-new tracking-tight text-gray-900 sm:text-4xl">Building a Metaverse with Revenue: Insights from Arab Meta Summit 2022 Day 2</h1>
<p className="mt-6 text-xl leading-8">
At the Arab Meta Summit 2022, Christopher K, co-founder of OurVerse and CEO of Aviva Technologies,
shared valuable insights on how to build a successful and revenue-generating metaverse.

2
src/components/events/Abw2022_2.jsx
View File

@ -5,7 +5,7 @@ export default function Abw2022_2() {
<div className="bg-white px-6 py-32 lg:px-8">
<div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
<p className="text-base font-semibold leading-7 text-purple-600">Events</p>
<h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Real-World Applications of the Metaverse in AR: Insights from Omrei Abu Madi at the Arab Meta Summit 2022</h1>
<h1 className="mt-2 text-3xl font-bold h3-title-new tracking-tight text-gray-900 sm:text-4xl">Real-World Applications of the Metaverse in AR: Insights from Omrei Abu Madi at the Arab Meta Summit 2022</h1>
<p className="mt-6 text-xl leading-8">
During Day 1 of the Arab Meta Summit 2022, Omrei Abu Madi, co-founder of OurVerse and a visionary in both the tech and tourism industries, discussed the real-world applications of the Metaverse, particularly focusing on Augmented Reality (AR).
</p>

109
src/styles/tailwind.css
View File

@ -309,3 +309,112 @@
color: rgb(116, 0, 204); /* equivalent to 'text-cyan-700' */
}
/* NEW STYLES */
/* For text on a dark background */
.text-light {
background-color: #f0e3f9; /* Light purple */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
/* For text on a light background */
.text-dark {
background-color: #4e2c7e; /* Dark purple */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.text-gradient-new {
background-image: linear-gradient(45deg, #5e4589 0%, #341a55 100%); /* Gradient dark purple */
background-color: #341a55;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.text-gradient-new2 {
background-image: linear-gradient(45deg, #ceb1ff 0%, #fcfcfc 50%, #ceb1ff 100%); /* Gradient dark purple */
background-color: #341a55;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
/* H3 Section title */
.h3-title-new {
font-weight: 600; /* Equivalent to font-semibold */
letter-spacing: -0.01em; /* Equivalent to tracking-tight */
line-height: 1.2; /* Equivalent to leading-normal */
font-size: 1.25rem; /* Equivalent to text-xl */
background-color: #5e4589;
background-image: linear-gradient(45deg, #684c97 0%, #341a55 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
@media (min-width: 1024px) {
.h3-title-new {
font-size: 2.25rem; /* Equivalent to lg:text-4xl */
}
}
/* Button styles */
/* Button gradient for dark backgrounds */
.btn-light {
background: radial-gradient(circle, #eee1ff 0%, #9971e0 100%); /* Radial gradient with #eee1ff in the center */
color: #341a55;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background 0.3s ease;
}
.btn-light:hover {
background: radial-gradient(circle, #9971e0 0%, #341a55 100%); /* Reverse radial gradient on hover */
color: #eee1ff;
}
/* Button gradient for light backgrounds */
.btn-dark {
background: radial-gradient(circle, #5e4589 0%, #341a55 100%); /* Radial gradient dark purple */
color: white;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background 0.3s ease;
}
.btn-dark:hover {
background: radial-gradient(circle, #341a55 0%, #5e4589 100%); /* Reverse radial gradient on hover */
}
.text-link {
background-color: #6737aa; /* Dark purple */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.text-link:hover {
background-color: #4e2c7e; /* Dark purple */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}