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-10-02 15:18:49 +02:00
parent 9bb32049f9
commit e308236eed
50 changed files with 196 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(main)/page.jsx
View File

@@ -6,6 +6,7 @@ import { Sponsors } from '@/components/Sponsors'
import BentoSection from '@/components/Bentosection'
import { Phasesdark } from '@/components/Phases'
import HeroFeature from '@/components/HeroFeature'
import CTA from '@/components/Cta'
import Eventbanner from '@/components/Eventbanner'
export default function Home() {
@@ -17,6 +18,8 @@ export default function Home() {
<HeroFeature />
<BentoSection />
<Eventbanner />
<CTA />
</>
)
}

2
src/components/Bentosection.jsx
View File

@@ -61,7 +61,7 @@ export default function BentoSection() {
<Container>
<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-base font-medium font-mono leading-7 text-cyan-700">Features</h2>
<h2 className="text-intro">Features</h2>
<h2 className="mt-2 h3-title">
Collaboration & Creation Tools
</h2>

33
src/components/Cta.jsx Normal file
View File

@@ -0,0 +1,33 @@
export default function CTA() {
return (
<div className="relative bg-gradient-to-b from-white to-purple-50/80">
<div className="relative h-90 overflow-hidden md:absolute md:left-0 md:h-full md:w-1/3 lg:w-1/2">
<img
alt=""
src="images/tf.png"
className="h-full w-full object-cover object-center"
/>
</div>
<div className=" relative mx-auto max-w-7xl pt-32 pb-44 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-24 lg:pr-0 xl:pl-32">
<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">
At OurVerse, we go beyond traditional video calls. Our immersive metaverse platform brings people together in a dynamic, interactive environment where meetings and events feel <span className="text-gradient font-semibold">REAL</span>.
Built on the decentralized ThreeFold Grid, we empower global collaboration
with enhanced security, flexibility, and freedom.</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"
>
Be a Part of OurVerse
</a>
</div>
</div>
</div>
</div>
)
}

2
src/components/Eventbanner.jsx
View File

@@ -1,7 +1,7 @@
export default function Eventbanner() {
return (
<div className="mx-auto max-w-2xl px-4 pb-24 sm:px-6 lg:max-w-7xl ">
<h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Community</h2>
<h2 className="text-intro">Community</h2>
<h2 className="mt-2 mb-4 h3-title">
Events
</h2>

2
src/components/Events.jsx
View File

@@ -36,7 +36,7 @@ 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-cyan-600">Community</h2>
<h2 className="text-intro">Community</h2>
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Events</h1>
<img
alt=""

2
src/components/Featureshome.jsx
View File

@@ -92,7 +92,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>
<h2 className="text-intro">Features</h2>
<h3 className="h3-title">Collaboration & Creation Tools</h3>
<p className="mt-4 section-text">
Transform how you and your team work together with our innovative, real-time creative tools.

2
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-cyan-700">
<a key={item.name} href={item.href} className="text-purple-700 font-semibold hover:text-purple-400">
{item.name}
</a>
))}

2
src/components/Hero.jsx
View File

@@ -33,7 +33,7 @@ export function Hero() {
['Countries', '15'],
].map(([name, value]) => (
<div key={name}>
<dt className="font-mono text-sm text-cyan-600">{name}</dt>
<dt className="text-intro">{name}</dt>
<dd className="mt-0.5 text-2xl font-semibold tracking-tight text-gradient-dark">
{value}
</dd>

6
src/components/HeroFeature.jsx
View File

@@ -24,13 +24,13 @@ import {
>
NEW
</btn>
<p className="mt-8 h2-title text-center">Introducing: OurHero Verse 3D</p>
<p className="mt-8 h3-title text-center">Introducing: OurHero Verse 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>
</div>
<div className="relative overflow-hidden pt-16">
<div className="relative overflow-hidden pt-8">
<div className="mx-auto max-w-6xl px-6 lg:px-8">
{/* embed Video */}
<video
@@ -49,7 +49,7 @@ import {
</div>
</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-base font-medium font-mono leading-7 text-cyan-700">Generative AI 3D Tool</h2>
<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-8 items-center align-center section-text-ct">
Our team has developed a cutting-edge system allowing users to generate with AI, full 3D virtual environments using text input alone,

1
src/components/Layout.jsx
View File

@@ -4,6 +4,7 @@ import Banner from '@/components/Banner'
import { Header } from '@/components/Header'
import Footer2 from './Footer2'
export function Layout({ children, showFooter = true }) {
return (
<>

2
src/components/Phasesdark.jsx
View File

@@ -55,7 +55,7 @@ export function Phasesdark() {
<div key={item.name}>
<time
dateTime={item.dateTime}
className="flex items-center text-sm font-semibold leading-6 text-cyan-400"
className="flex items-center text-sm font-semibold leading-6 text-purple-400"
>
<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" />

4
src/components/Product.jsx
View File

@@ -47,7 +47,7 @@ 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-cyan-700">Usecases</h2>
<h2 className="text-intro">Usecases</h2>
<h2 className="mt-2 h3-title">
Transforming Possibilities Across Industries Digitally
</h2>
@@ -72,7 +72,7 @@ export function Product() {
/>
</div>
<div className="relative mt-4">
<h3 className="lg:text-base text-lg font-medium text-cyan-700">{product.name}</h3>
<h3 className="text-intro">{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-cyan-600 hover:text-purple-600">
Read Usecase <span aria-hidden="true">→</span>

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

@@ -26,7 +26,7 @@ export default function Blog_1() {
<br /><br></br>
</p>
<p>
<strong className="font-semibold lg:text-2xl text-xl tracking-tight text-cyan-700">Key Features of Hero-GPT:</strong>
<strong className="font-semibold lg:text-2xl text-xl tracking-tight text-purple-700">Key Features of Hero-GPT:</strong>
</p>
<ul role="list" className="mt-4 mb-8 max-w-xl space-y-4 text-gray-600">
<li className="flex gap-x-3">

BIN
src/images/tf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 799 KiB

10
src/styles/tailwind.css
View File

@@ -283,4 +283,12 @@
text-align: center;
}
}
.text-intro {
font-size: 1rem; /* equivalent to 'text-base' */
font-weight: 500; /* equivalent to 'font-medium' */
font-family: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace; /* equivalent to 'font-mono' */
line-height: 1.75rem; /* equivalent to 'leading-7' */
color: rgb(116, 0, 204); /* equivalent to 'text-cyan-700' */
}