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

ok

Browse Source
This commit is contained in:
sasha-astiadi
2024-10-10 17:05:25 +02:00
parent d4a7f16e9a
commit 4ebebd103f
20 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Experiences.jsx
View File

@@ -81,7 +81,7 @@ import {
</div>
</div>
<div className="mx-auto lg:mt-12 max-w-7xl px-6 mt-8 mb-12 lg:px-8">
<div className="mt-2 grid grid-cols-1 gap-x-8 gap-y-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
<div className="mt-2 grid grid-cols-1 gap-x-8 grid-cols-2 gap-y-10 lg:grid-cols-3">
{products.map((product) => (
<div key={product.id} className="group relative">
<div className="aspect-h-2 aspect-w-3 overflow-hidden rounded-lg bg-purple-100">

2
src/components/Hero.jsx
View File

@@ -16,7 +16,7 @@ export function Hero() {
<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 ">
<div className="mt-4 space-y-6 mx-4 font-display section-text">
<p>
<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.

2
src/components/Product.jsx
View File

@@ -74,7 +74,7 @@ export function Product() {
<div className="relative mt-4">
<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">
<a href={product.href} className="lg:text-xs text-sm font-mono text-purple-600 hover:text-purple-600">
Read Usecase <span aria-hidden="true">→</span>
</a>
</div>

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

@@ -30,7 +30,7 @@ export default function Blog_1() {
</p>
<ul role="list" className="mt-4 mb-8 max-w-xl space-y-4 text-gray-600">
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Multi-Stage Generation.</strong>
Start by generating HDRI environments to set the mood and surroundings. Then select from pre-built templates based on
@@ -38,7 +38,7 @@ export default function Blog_1() {
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Group Models with Behavior.</strong>
Automatically create environments with dynamic, real-world behaviors—e.g., waterfalls in meeting halls,
@@ -46,21 +46,21 @@ export default function Blog_1() {
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Individual Model Adjustments.</strong> Modify individual objects:
resize, retexture, reposition, within the environment through simple text descriptions.
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Voice Commands & Real-Time Editing.</strong> Modify individual objects:
Use voice input to create or modify environments instantly, even during meetings or live sessions.
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Image-to-Metaverse Conversion.</strong>
Upload images or scan objects with a phone camera to integrate them into your 3D world.
@@ -72,31 +72,31 @@ export default function Blog_1() {
the potential applications of Hero-GPT are vast and impactful.
<br /><br></br>
</p>
<strong className="font-semibold text-cyan-700 lg:text-2xl text-xl tracking-tight mt-2">Here are some key use cases of Hero-GPT:</strong>
<strong className="font-semibold text-purple-700 lg:text-2xl text-xl tracking-tight mt-2">Here are some key use cases of Hero-GPT:</strong>
<ul role="list" className="mt-4 mb-8 max-w-xl space-y-8 text-gray-600">
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Game Development.</strong>
Easily generate immersive game environments and character models, accelerating the game development process.
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Real Estate.</strong>
Create virtual property tours that allow potential buyers to explore spaces in stunning 3D, providing a fully immersive experience.
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Education.</strong>
Build interactive virtual classrooms or labs that adapt in real-time, offering more engaging learning opportunities for students of all ages.
</span>
</li>
<li className="flex gap-x-3">
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-cyan-600" />
<CheckCircleIcon aria-hidden="true" className="mt-1 h-5 w-5 flex-none text-purple-600" />
<span>
<strong className="font-semibold text-gray-900">Healthcare.</strong>
Develop medical simulations or virtual therapy rooms tailored to specific needs, providing a realistic training or therapeutic environment.
@@ -105,7 +105,7 @@ export default function Blog_1() {
</ul>
</div>
<div className="mt-2 max-w-2xl">
<h2 className='text-2xl font-bold tracking-tight text-cyan-900 lg:text-2xl text-xl tracking-tight mb-4'>Empowering Creativity and Equality with Hero-GPT:</h2>
<h2 className='lg:text-2xl font-bold text-purple-900 text-xl tracking-tight mb-4'>Empowering Creativity and Equality with Hero-GPT:</h2>
<p>
One of the most transformative aspects of Hero-GPT is how it democratizes access to advanced 3D and virtual reality technology.
No longer are expensive software, high technical skills, or powerful hardware a barrier. Now, anyone—regardless of background,
@@ -119,7 +119,7 @@ export default function Blog_1() {
</p>
</div>
<div className="mt-10 max-w-2xl">
<h2 className='text-2xl font-bold tracking-tight text-cyan-900 lg:text-2xl text-xl tracking-tight mb-4'>Conclusion:</h2>
<h2 className='text-2xl font-bold tracking-tight text-purple-900 lg:text-2xl text-xl mb-4'>Conclusion:</h2>
<p>
Hero-GPT marks a significant leap forward in the creation of virtual environments, providing unmatched ease of use,
flexibility, and creativity. Whether you're building a virtual world for gaming, real estate, education,