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

change colors

Browse Source
This commit is contained in:
sasha-astiadi
2024-09-17 18:15:16 +02:00
parent ace8a0f9cc
commit 966e66ac8f
817 changed files with 12876 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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 font-gradient sm:text-5xl">The Future of Communication</p>
<p className="mt-2 font-display text-3xl font-semibold tracking-tighter font-gradient-dark 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 px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
<div className="flex items-center gap-x-6 btn-gradient-dark 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>

2
src/components/Build.jsx
View File

@@ -52,7 +52,7 @@ import {
<div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 lg:pt-16 lg:pb-24 pt-24 pb-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-semibold tracking-tighter font-gradient sm:text-5xl">Build Your Own Verse</p>
<p className="mt-2 font-display text-4xl font-semibold tracking-tighter font-gradient-dark 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>

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 py-2 px-4 text-xs font-semibold text-white hover:btn-gradient-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-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',
className,
)

2
src/components/Casestudies.jsx
View File

@@ -138,7 +138,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="text-3xl font-bold tracking-tight font-gradient sm:text-4xl">Case Studies</h2>
<h2 className="text-3xl font-bold tracking-tight font-gradient-dark sm:text-4xl">Case Studies</h2>
<p className="mt-2 text-lg leading-8 text-purple-600">
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 text-3xl font-semibold tracking-tighter font-gradient sm:text-4xl">Creative Collaboration</p>
<p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark sm:text-4xl">Creative Collaboration</p>
<p className="mt-6 text-lg leading-8 text-purple-900">
Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
</p>

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 text-3xl font-semibold tracking-tighter font-gradient sm:text-4xl">Advanced Communication</p>
<p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark 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.

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 font-display text-4xl font-semibold tracking-tighter font-gradient sm:text-5xl">
<p className="mt-2 font-display text-4xl font-semibold tracking-tighter font-gradient-dark sm:text-5xl">
Integrated CRM</p>
<p className="mt-6 font-display text-2xl tracking-tight text-purple-900">
Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape.

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 text-3xl font-semibold tracking-tighter font-gradient sm:text-4xl">Event Management</p>
<p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark sm:text-4xl">Event Management</p>
<p className="mt-6 text-lg leading-8 text-purple-900">
Host and manage tailored events with versatile venues, real-time updates, and powerful engagement tools to ensure a seamless and memorable experience.
</p>

14
src/components/Events.jsx
View File

@@ -36,26 +36,26 @@ 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-purple-600">Community</h2>
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter font-gradient lg:text-4xl">Events & News</h1>
<h2 className="text-base font-medium font-mono leading-7 text-cyan-600">Community</h2>
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter font-gradient-dark lg:text-4xl">Events & News</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-purple-700 lg:text-4xl">
<h2 id="featured-post" className="mt-8 text-3xl font-semibold tracking-tight text-cyan-700 lg:text-4xl">
{featuredPost.title}
</h2>
<time dateTime={featuredPost.datetime} className="mt-2 block text-sm leading-6 text-purple-600">
{featuredPost.date}
</time>
<p className="mt-2 text-lg leading-8 text-purple-600">{featuredPost.description}</p>
<p className="mt-2 text-lg leading-8 text-purple-900">{featuredPost.description}</p>
<div className="mt-4 flex flex-col justify-between gap-6 sm:mt-8 sm:flex-row-reverse sm:gap-8 lg:mt-4 lg:flex-col">
<div className="flex">
<a
href={featuredPost.href}
aria-describedby="featured-post"
className="text-sm font-semibold leading-6 text-purple-700 mt-2"
className="text-sm font-semibold leading-6 text-cyan-700 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-purple-700 group-hover:text-purple-400">
<h2 className="mt-2 text-lg font-semibold text-cyan-700 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-purple-700 mt-2"
className="text-sm font-semibold leading-6 text-cyan-700 hover:text-purple-700 mt-2"
>
Learn More <span aria-hidden="true">&rarr;</span>
</a>

24
src/components/FeaturesHome.jsx
View File

@@ -82,19 +82,19 @@ export default function Featureshome() {
</svg>
<div className="relative">
<h2 className="text-center lg:text-4xl font-bold leading-8 tracking-tight font-gradient text-2xl">
<h2 className="text-center lg:text-4xl font-bold leading-8 tracking-tight font-gradient-dark text-2xl">
The Future of Communication and Collaboration
</h2>
<p className="mx-auto mt-4 max-w-3xl text-center text-xl text-purple-700">
<p className="mx-auto mt-4 max-w-3xl text-center lg:text-xl text-lg text-purple-900">
OurVerse offers cutting-edge tools and immersive virtual environments designed to bring your events, meetings, and creative projects to life in new and exciting ways.
</p>
</div>
<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-purple-700">Features</h2>
<h3 className="text-2xl font-bold tracking-tight text-purple-700 sm:text-3xl">Collaboration & Creation Tools</h3>
<p className="mt-3 text-lg text-purple-500">
<h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Features</h2>
<h3 className="text-2xl font-bold tracking-tight font-gradient-dark sm:text-3xl">Collaboration & Creation Tools</h3>
<p className="mt-3 text-lg text-purple-900">
Transform how you and your team work together with our innovative, real-time creative tools.
</p>
@@ -102,12 +102,12 @@ export default function Featureshome() {
{transferFeatures.map((item) => (
<div key={item.id} className="relative">
<dt>
<div className="absolute flex h-12 w-12 items-center justify-center rounded-xl bg-purple-500 text-white">
<div className="absolute flex h-12 w-12 items-center justify-center rounded-xl bg-cyan-gradient text-white">
<item.icon aria-hidden="true" className="h-8 w-8" />
</div>
<p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p>
<p className="ml-16 text-lg font-semibold leading-6 text-cyan-700">{item.name}</p>
</dt>
<dd className="ml-16 mt-2 text-base text-purple-500">{item.description}</dd>
<dd className="ml-16 mt-2 text-base text-purple-700">{item.description}</dd>
</div>
))}
</dl>
@@ -176,18 +176,18 @@ export default function Featureshome() {
{communicationFeatures.map((item) => (
<div key={item.id} className="relative">
<dt>
<div className="absolute flex h-12 w-12 items-center justify-center rounded-xl bg-purple-500 text-white">
<div className="absolute flex h-12 w-12 items-center justify-center rounded-xl bg-cyan-gradient text-white">
<item.icon aria-hidden="true" className="h-8 w-8" />
</div>
<p className="ml-16 text-lg font-semibold leading-6 text-purple-700">{item.name}</p>
<p className="ml-16 text-lg font-semibold leading-6 text-cyan-700">{item.name}</p>
</dt>
<dd className="ml-16 mt-2 text-base text-purple-500">{item.description}</dd>
<dd className="ml-16 mt-2 text-base text-purple-700">{item.description}</dd>
</div>
))}
<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"
className="inline-flex rounded-2xl px-4 py-1.5 text-base font-semibold leading-7 text-white shadow-sm btn-gradient-dark"
>
Explore Features
</a>

4
src/components/Header.jsx
View File

@@ -26,7 +26,7 @@ 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-purple-700 font-semibold hover:text-purple-900">
<a key={item.name} href={item.href} className="text-purple-700 font-semibold hover:text-cyan-700">
{item.name}
</a>
))}
@@ -70,7 +70,7 @@ export function Header() {
{item.name}
</a>
))}
<Button href="#" className="mt-4 bg-gradient3">
<Button href="#" className="mt-4 btn-gradient-dark">
Join OurVerse
</Button>
</div>

40
src/components/Hero.jsx
View File

@@ -46,20 +46,28 @@ 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-semibold tracking-tighter font-gradient sm:text-6xl">
<h1 className="font-display lg:text-6xl text-3xl font-semibold tracking-tighter font-gradient-dark">
OurVerse
</h1>
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
<h1 className="mt-2 font-display lg:text-2xl text-lg font-semibold tracking-tight font-gradient-dark">
Powered by ThreeFold
</h1>
<div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-900">
<p>
OurVerse is redefining how we meet, collaborate, and create. As a fully immersive metaverse platform,
it offers a space where virtual interactions feel real, engaging, and limitless.
<span className='emphasis'>OurVerse</span> empowers users to build, manage, and monetize their unique virtual experiences by blending the latest advancements
in blockchain technology with immersive virtual reality, all while being powered by the decentralized strength of the <span className='emphasis'>ThreeFold Grid</span>.
</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>Our mission is to make the metaverse accessible to all, fostering a vibrant community where creativity, commerce, and
collaboration thrive in a borderless, equitable digital space. Whether you're an individual, business, or community,
OurVerse offers the tools and support to shape your digital future in a secure and independent environment.
</p>
<p>Whether you want to build your own virtual world from scratch using your creativity or bring your wildest dreams to
life with the help of our AI, OurVerse makes it possible.Transform your imagination into an immersive reality. Join Us.
<p>
<span className='emphasis'>Built on the ThreeFold Grid</span>, OurVerse ensures a fully decentralized metaverse experience. By leveraging this groundbreaking infrastructure,
we provide a platform where data confidentiality, scalability, and independence are paramount.</p>
<p>
Free from centralized control, your interactions are not only secure but also resilient,
fostering a more democratic and trustworthy virtual space. OurVerse offers the freedom to collaborate and
connect in ways that are cutting-edge, empowering, and reliable.
</p>
</div>
<dl className="mt-10 grid grid-cols-2 gap-x-10 gap-y-4 gap-x-16 gap-y-10 text-center lg:auto-cols-auto lg:grid-flow-col lg:grid-cols-none lg:justify-start lg:text-left">
@@ -70,8 +78,8 @@ export function Hero() {
['Countries', '15'],
].map(([name, value]) => (
<div key={name}>
<dt className="font-mono text-sm text-purple-600">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-purple-900">
<dt className="font-mono text-sm text-cyan-600">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight font-gradient-dark">
{value}
</dd>
</div>
@@ -80,8 +88,8 @@ export function Hero() {
</div>
<div className="pt-6 pb-24"></div>
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<h2 className="lg:text-4xl mb-8 font-semibold tracking-tight font-gradient text-xl">The Future of Collaboration</h2>
<div className="mt-4 mb-12 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-700">
<h2 className="lg:text-4xl mb-8 font-semibold tracking-tight font-gradient-dark text-xl">A Journey to The Future</h2>
<div className="mt-4 mb-12 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-900">
A journey through five transformative phases of digital collaboration, culminating in OurVerse—the immersive
metaverse platform breaking down barriers and unlocking unlimited possibilities for global connection.
</div>
@@ -90,7 +98,7 @@ export function Hero() {
<div key={item.name}>
<time
dateTime={item.dateTime}
className="flex items-center text-sm font-semibold leading-6 text-purple-600"
className="flex items-center text-sm font-semibold leading-6 text-cyan-600"
>
<svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 h-1 w-1 flex-none">
<circle r={2} cx={2} cy={2} fill="currentColor" />
@@ -101,8 +109,8 @@ export function Hero() {
className="absolute -ml-2 h-px w-screen -translate-x-full bg-purple-900/10 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0"
/>
</time>
<p className="mt-6 text-lg font-semibold leading-6 tracking-tight text-purple-900">{item.name}</p>
<p className="mt-4 text-sm leading-6 text-purple-600">{item.description}</p>
<p className="mt-6 text-lg font-semibold leading-6 tracking-tight text-purple-700">{item.name}</p>
<p className="mt-4 text-sm leading-6 text-purple-900">{item.description}</p>
</div>
))}
</div>

10
src/components/Homepage.jsx
View File

@@ -22,16 +22,16 @@ 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 btn-gradient-light px-3 py-1 text-sm font-semibold leading-6 text-purple-900 ring-1 ring-inset ring-indigo-600/10">
<span className="rounded-full btn-gradient-lt lg:px-3 lg:py-1 px-0 lg:text-sm text-xs font-semibold lg:leading-6 leading-2 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-semibold leading-6 text-purple-800 hover:text-purple-900">
<span className="underline">Announcing: VerseFest 2024</span>
<a href="/community/versefest" className="inline-flex items-center space-x-2 text-sm font-semibold leading-6 text-cyan-700 hover:text-purple-700">
<span className="underline">VerseFest 2024</span>
<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 font-gradient-dark lg:text-7xl text-5xl">
The Future of Collaboration is Now.
</h1>
<div className="font-ethnocentric 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">
@@ -44,7 +44,7 @@ export function Homepage() {
<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-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"
>
Join OurVerse
</a>

2
src/components/Newsletter.jsx
View File

@@ -23,7 +23,7 @@ export function Newsletter() {
return (
<section id="newsletter" aria-label="Newsletter">
<Container>
<div className="relative -mx-4 inset-0 overflow-hidden bg-gradient-to-r from-purple-50 via-purple-100 to-purple-500 px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36">
<div className="relative -mx-4 inset-0 overflow-hidden btn-gradient-lt px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36">
<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-purple-900 sm:text-5xl">

10
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-purple-700">Usecases</h2>
<h2 className="mt-2 font-display text-4xl font-semibold tracking-tighter font-gradient sm:text-5xl">
<h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Usecases</h2>
<h2 className="mt-2 font-display text-4xl font-semibold tracking-tighter font-gradient-dark sm:text-5xl">
Transforming Possibilities Across Industries Digitally
</h2>
<p className="mt-4 font-display text-2xl tracking-tight text-purple-900">
<p className="mt-4 font-display lg:text-xl text-lg 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-purple-700">{product.name}</h3>
<h3 className="lg:text-base text-lg font-medium text-cyan-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">
<a href={product.href} className="lg:text-xs text-sm font-mono text-cyan-600 hover:text-purple-600">
Read Usecase <span aria-hidden="true">→</span>
</a>
</div>

2
src/components/Socials.jsx
View File

@@ -45,7 +45,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-lg font-mono font-medium text-purple-600">Socials</h2>
<p className="mt-2 text-3xl font-bold tracking-tight font-gradient sm:text-4xl">
<p className="mt-2 text-3xl font-bold tracking-tight font-gradient-dark sm:text-4xl">
Get Involved
</p>
<p className="mx-auto mt-5 max-w-prose text-xl text-gray-500">

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 text-3xl font-semibold tracking-tighter font-gradient sm:text-4xl">OurVerse Studio</p>
<p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark sm:text-4xl">OurVerse Studio</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.

2
src/components/blogs/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 font-gradient 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 font-gradient-dark 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/blogs/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 font-gradient 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 font-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>
<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>

80
src/styles/tailwind.css
View File

@@ -91,3 +91,83 @@
.social-gradient-light:hover {
background-image: linear-gradient(43deg, #766fa6 0%, #8684b7 15%, #a7a4ca 100%);
}
/* Darker button purple green version */
.btn-gradient-dark {
background-color: #2e2542;
background-image: linear-gradient(45deg, #5e4589 0%, #5fa69b 100%);
color: white;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background-image 0.3s ease;
}
.btn-gradient-dark:hover {
background-image: linear-gradient(45deg, #3e2e5d 0%, #487d76 100%);
}
.font-gradient-dark {
background-color: #5e4589;
background-image: linear-gradient(45deg, #5e4589 0%, #5fa69b 25%, #5e4589 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.btn-gradient-lt {
background-color: #7c65a9;
background-image: linear-gradient(45deg, #7c65a9 0%, #96d4ca 100%);
color: white;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background-image 0.3s ease;
}
.btn-gradient-lt2 {
background-color: #7c65a9;
background-image: linear-gradient(45deg, #9277c6 0%, #a5e9de 100%);
color: white;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background-image 0.3s ease;
}
.btn-gradient-lt:hover {
background-color: #443b62;
background-image: linear-gradient(45deg, #705b98 0%, #8bc5bb 100%);
color: white;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background-image 0.3s ease;
}
.social-gradient-lt {
background-color: #8780bc;
background-image: linear-gradient(45deg, #7c65a9 0%, #96d4ca 100%);
color: purple-50;
border: none;
border-radius: 50px;
font-weight: semibold;
cursor: pointer;
transition: background-image 0.3s ease;
}
.social-gradient-lt:hover {
background-image: linear-gradient(45deg, #705b98 0%, #8bc5bb 100%);
}
.bg-cyan-gradient {
background-color: #3b6162;
background-image: linear-gradient(43deg, #20434a 0%, #507e7f 47%, #74afae 83%, #5fa69b 100%);
}
.emphasis {
@apply font-semibold font-gradient-dark bg-clip-text text-transparent;
}