fix conflict
This commit is contained in:
ehab-hassan
commit
cebbb34355
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
self.__BUILD_MANIFEST={__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/_error":["static/chunks/pages/_error-1be831200e60c5c0.js"],sortedPages:["/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
||||
@ -1 +0,0 @@
|
||||
self.__SSG_MANIFEST=new Set([]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95,158,618,967,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);
|
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[409,200,734,218,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[734,409,200,218,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[618,95,158,967,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[616,38],{1497:function(n,e,u){Promise.resolve().then(u.bind(u,8263))}},function(n){n.O(0,[501,56,125,971,23,744],function(){return n(n.s=1497)}),_N_E=n.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20,409,200,734,218],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[218,409,200,734,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[967,95,158,618,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38,616],{1497:function(n,e,u){Promise.resolve().then(u.bind(u,8263))}},function(n){n.O(0,[501,56,125,971,23,744],function(){return n(n.s=1497)}),_N_E=n.O()}]);
|
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158,95,618,967,162],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[200,409,734,218,20],{3521:function(){}},function(n){n.O(0,[971,23,744],function(){return n(n.s=3521)}),_N_E=n.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{8658:function(_,e,a){Promise.resolve().then(a.t.bind(a,5375,23)),Promise.resolve().then(a.t.bind(a,313,23)),Promise.resolve().then(a.t.bind(a,1983,23))},1983:function(){},313:function(_){_.exports={style:{fontFamily:"'__DM_Sans_8a1573', '__DM_Sans_Fallback_8a1573'",fontStyle:"normal"},className:"__className_8a1573",variable:"__variable_8a1573"}},5375:function(_){_.exports={style:{fontFamily:"'__Inter_36bd41', '__Inter_Fallback_36bd41'",fontStyle:"normal"},className:"__className_36bd41",variable:"__variable_36bd41"}}},function(_){_.O(0,[748,971,23,744],function(){return _(_.s=8658)}),_N_E=_.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[160],{3299:function(A,B,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864)),Promise.resolve().then(s.bind(s,8011))},8011:function(A,B,s){"use strict";s.r(B),B.default={src:"/_next/static/media/background3.738b9b35.jpg",height:2990,width:1836,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAUDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAABpBR//8QAFhABAQEAAAAAAAAAAAAAAAAAAQMS/9oACAEBAAEFAoun/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFhEAAwAAAAAAAAAAAAAAAAAAAAIx/9oACAECAQE/AWp//8QAGRABAAIDAAAAAAAAAAAAAAAAAQACERIh/9oACAEBAAY/Ar2F1XmZ/8QAFxABAAMAAAAAAAAAAAAAAAAAEQAxkf/aAAgBAQABPyFAFA0n/9oADAMBAAIAAwAAABD/AP/EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAEDAQE/EK//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQIBAT8QGMv/xAAYEAEAAwEAAAAAAAAAAAAAAAABABFBIf/aAAgBAQABPxBeMRsBRplz/9k=",blurWidth:5,blurHeight:8}}},function(A){A.O(0,[630,202,971,23,744],function(){return A(A.s=3299)}),_N_E=A.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[162,95,158,618,967],{7859:function(e,n,s){Promise.resolve().then(s.t.bind(s,8173,23)),Promise.resolve().then(s.t.bind(s,231,23)),Promise.resolve().then(s.bind(s,3219)),Promise.resolve().then(s.bind(s,6864))}},function(e){e.O(0,[630,202,971,23,744],function(){return e(e.s=7859)}),_N_E=e.O()}]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[744],{8716:function(e,n,t){Promise.resolve().then(t.t.bind(t,5751,23)),Promise.resolve().then(t.t.bind(t,6513,23)),Promise.resolve().then(t.t.bind(t,6130,23)),Promise.resolve().then(t.t.bind(t,9275,23)),Promise.resolve().then(t.t.bind(t,5324,23)),Promise.resolve().then(t.t.bind(t,1343,23))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[971,23],function(){return n(1028),n(8716)}),_N_E=e.O()}]);
|
||||
@ -1 +0,0 @@
|
||||
!function(){"use strict";var e,t,n,r,o,u,i,c,f,a={},l={};function d(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}},r=!0;try{a[e](n,n.exports,d),r=!1}finally{r&&delete l[e]}return n.exports}d.m=a,e=[],d.O=function(t,n,r,o){if(n){o=o||0;for(var u=e.length;u>0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u<e.length;u++){for(var n=e[u][0],r=e[u][1],o=e[u][2],c=!0,f=0;f<n.length;f++)i>=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,o<i&&(i=o));if(c){e.splice(u--,1);var a=r();void 0!==a&&(t=a)}}return t},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},d.t=function(e,r){if(1&r&&(e=this(e)),8&r||"object"==typeof e&&e&&(4&r&&e.__esModule||16&r&&"function"==typeof e.then))return e;var o=Object.create(null);d.r(o);var u={};t=t||[null,n({}),n([]),n(n)];for(var i=2&r&&e;"object"==typeof i&&!~t.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach(function(t){u[t]=function(){return e[t]}});return u.default=function(){return e},d.d(o,u),o},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.f={},d.e=function(e){return Promise.all(Object.keys(d.f).reduce(function(t,n){return d.f[n](e,t),t},[]))},d.u=function(e){},d.miniCssF=function(e){},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r={},o="_N_E:",d.l=function(e,t,n,u){if(r[e]){r[e].push(t);return}if(void 0!==n)for(var i,c,f=document.getElementsByTagName("script"),a=0;a<f.length;a++){var l=f[a];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==o+n){i=l;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,d.nc&&i.setAttribute("nonce",d.nc),i.setAttribute("data-webpack",o+n),i.src=d.tu(e)),r[e]=[t];var s=function(t,n){i.onerror=i.onload=null,clearTimeout(p);var o=r[e];if(delete r[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(function(e){return e(n)}),t)return t(n)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=s.bind(null,i.onerror),i.onload=s.bind(null,i.onload),c&&document.head.appendChild(i)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.tt=function(){return void 0===u&&(u={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(u=trustedTypes.createPolicy("nextjs#bundler",u))),u},d.tu=function(e){return d.tt().createScriptURL(e)},d.p="/_next/",i={272:0,748:0},d.f.j=function(e,t){var n=d.o(i,e)?i[e]:void 0;if(0!==n){if(n)t.push(n[2]);else if(/^(272|748)$/.test(e))i[e]=0;else{var r=new Promise(function(t,r){n=i[e]=[t,r]});t.push(n[2]=r);var o=d.p+d.u(e),u=Error();d.l(o,function(t){if(d.o(i,e)&&(0!==(n=i[e])&&(i[e]=void 0),n)){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",u.name="ChunkLoadError",u.type=r,u.request=o,n[1](u)}},"chunk-"+e,e)}}},d.O.j=function(e){return 0===i[e]},c=function(e,t){var n,r,o=t[0],u=t[1],c=t[2],f=0;if(o.some(function(e){return 0!==i[e]})){for(n in u)d.o(u,n)&&(d.m[n]=u[n]);if(c)var a=c(d)}for(e&&e(t);f<o.length;f++)r=o[f],d.o(i,r)&&i[r]&&i[r][0](),i[r]=0;return d.O(a)},(f=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(c.bind(null,0)),f.push=c.bind(null,f.push.bind(f))}();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
public/images/featureshome.jpg
Normal file
BIN
public/images/featureshome.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 953 KiB |
BIN
public/images/node.png
Normal file
BIN
public/images/node.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 809 KiB |
BIN
public/images/socmed.jpg
Normal file
BIN
public/images/socmed.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
BIN
public/images/socmed2.jpg
Normal file
BIN
public/images/socmed2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 979 KiB |
BIN
public/images/tf.png
Normal file
BIN
public/images/tf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 527 KiB |
Binary file not shown.
BIN
public/videos/hero2.mp4
Normal file
BIN
public/videos/hero2.mp4
Normal file
Binary file not shown.
BIN
public/videos/herohome.mp4
Normal file
BIN
public/videos/herohome.mp4
Normal file
Binary file not shown.
BIN
public/videos/herohow.mp4
Normal file
BIN
public/videos/herohow.mp4
Normal file
Binary file not shown.
Binary file not shown.
BIN
public/videos/heroverse2.mp4
Normal file
BIN
public/videos/heroverse2.mp4
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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() {
|
||||
|
||||
5
src/app/about/layout.jsx
Normal file
5
src/app/about/layout.jsx
Normal file
@ -0,0 +1,5 @@
|
||||
import { Layout } from '@/components/Layout'
|
||||
|
||||
export default function FeaturesLayout({ children }) {
|
||||
return <Layout>{children}</Layout>
|
||||
}
|
||||
18
src/app/about/page.jsx
Normal file
18
src/app/about/page.jsx
Normal file
@ -0,0 +1,18 @@
|
||||
|
||||
import Abouthero from '@/components/Abouthero'
|
||||
import Aboutco from '@/components/Aboutco'
|
||||
import Aboutvalues from '@/components/Aboutvalues'
|
||||
import CTA from '@/components/Cta'
|
||||
import Aboutnodes from '@/components/Aboutnodes'
|
||||
|
||||
export default function about() {
|
||||
return (
|
||||
<>
|
||||
<Abouthero />
|
||||
<Aboutvalues />
|
||||
<Aboutco />
|
||||
<CTA />
|
||||
<Aboutnodes />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -12,8 +12,6 @@ export default function community() {
|
||||
<Communhero />
|
||||
<Socials />
|
||||
<Events />
|
||||
<Blogposts />
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -5,14 +5,14 @@ import Commevents from '@/components/Commevents'
|
||||
import Events from '@/components/Events'
|
||||
import Socials from '@/components/Socials'
|
||||
import Blogposts from '@/components/Blogposts'
|
||||
import Eventhero from '@/components/Eventhero'
|
||||
import Eventpage1 from '@/components/Eventpage1'
|
||||
|
||||
export default function events() {
|
||||
return (
|
||||
<>
|
||||
<Communhero />
|
||||
<Socials />
|
||||
<Events />
|
||||
<Blogposts />
|
||||
<Eventhero />
|
||||
<Eventpage1 />
|
||||
|
||||
</>
|
||||
)
|
||||
|
||||
5
src/app/heroverse/layout.jsx
Normal file
5
src/app/heroverse/layout.jsx
Normal file
@ -0,0 +1,5 @@
|
||||
import { Layout } from '@/components/Layout'
|
||||
|
||||
export default function FeaturesLayout({ children }) {
|
||||
return <Layout>{children}</Layout>
|
||||
}
|
||||
13
src/app/heroverse/page.jsx
Normal file
13
src/app/heroverse/page.jsx
Normal file
@ -0,0 +1,13 @@
|
||||
import { Heropage }from '@/components/Heropage'
|
||||
import HeroFeature2 from '@/components/HeroFeature2'
|
||||
import HeroFeature3 from '@/components/HeroFeature3'
|
||||
|
||||
export default function heroverse() {
|
||||
return (
|
||||
<>
|
||||
<Heropage />
|
||||
<HeroFeature2 />
|
||||
<HeroFeature3 />
|
||||
</>
|
||||
)
|
||||
}
|
||||
39
src/components/Aboutco.jsx
Normal file
39
src/components/Aboutco.jsx
Normal file
@ -0,0 +1,39 @@
|
||||
export default function Aboutcof() {
|
||||
return (
|
||||
<section className="bg-gradient-to-b from-purple-50/10 to-purple-50/80 pt-24 pb-12">
|
||||
<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">
|
||||
Our Vision
|
||||
</h1>
|
||||
<figure className="mt-8 flex flex-auto flex-col justify-between">
|
||||
<div>
|
||||
<p className="section-text font-display lg:text-lg text-md">
|
||||
We envision a world where virtual collaboration is as natural and effective as working together in person. <br/>
|
||||
Our platform aims to be the go-to solution for the future of collaboration, offering businesses, creators,
|
||||
and communities a dynamic space to connect, create, and thrive. <br/> <br/>We are building a metaverse where opportunities
|
||||
for innovation and connection are boundless, empowering people to collaborate beyond the limits of the physical world.
|
||||
</p>
|
||||
</div>
|
||||
</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">
|
||||
Our Mission
|
||||
</h1>
|
||||
<figure className="mt-8 flex flex-auto flex-col justify-between">
|
||||
<div>
|
||||
<p className="section-text font-display lg:text-lg text-md">
|
||||
Our mission is to create the future of collaboration by providing an immersive metaverse where people can meet and innovate together as if they were in the same room.
|
||||
We break down the barriers of distance, technology, and resources to make global collaboration seamless and meaningful. <br/> <br/>
|
||||
Powered by the ThreeFold Grid, our platform offers secure, flexible spaces where users have full control over their virtual experiences, making every interaction engaging and productive.
|
||||
</p>
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
39
src/components/Abouthero.jsx
Normal file
39
src/components/Abouthero.jsx
Normal file
@ -0,0 +1,39 @@
|
||||
import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/20/solid'
|
||||
|
||||
export default function Abouthero() {
|
||||
return (
|
||||
<div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
|
||||
<img
|
||||
alt=""
|
||||
src="/images/bgimage.jpg"
|
||||
className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"
|
||||
/>
|
||||
|
||||
{/* Gradient Overlay from left to right */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] to-white/0 -z-10"></div>
|
||||
|
||||
<div className="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl">
|
||||
<div className="absolute inset-0 bg-gradient-to-b from-[#302b4b] via-[#b5b1d7] to-white"></div>
|
||||
</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>
|
||||
<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>
|
||||
<p className='mt-4 section-text-light max-w-lg font-displays font-semibold'>Break the barriers. Experience true collaboration. Build your own World.
|
||||
</p>
|
||||
<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"
|
||||
>
|
||||
Join OurVerse
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
44
src/components/Aboutnodes.jsx
Normal file
44
src/components/Aboutnodes.jsx
Normal file
@ -0,0 +1,44 @@
|
||||
export default function Aboutnodes() {
|
||||
return (
|
||||
<div className="relative pt-12 pb-36 bg-gradient-to-b from-purple-50/10 to-purple-50/80">
|
||||
<div className="relative mx-auto max-w-7xl lg:px-8 grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||||
|
||||
{/* 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">
|
||||
Host our Metaverse
|
||||
</p>
|
||||
<p className="mt-6 text-base leading-7 text-gray-900">
|
||||
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.
|
||||
<br />
|
||||
<br />
|
||||
By owning a node, you become a vital part of this growth, enhancing the stability, speed,
|
||||
and potential of the metaverse. You help shape the future of decentralized virtual worlds while contributing
|
||||
to the infrastructure that makes limitless interactions and creations possible.
|
||||
</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"
|
||||
>
|
||||
Host a Node
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Image Section */}
|
||||
<div className="relative h-90 overflow-hidden">
|
||||
<img
|
||||
alt=""
|
||||
src="images/node.png"
|
||||
className="h-full w-full object-cover object-center"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/components/Aboutvalues.jsx
Normal file
57
src/components/Aboutvalues.jsx
Normal file
@ -0,0 +1,57 @@
|
||||
const features = [
|
||||
{
|
||||
name: 'Accessibility for All',
|
||||
description:
|
||||
'We believe everyone, regardless of location or resources, should have access to immersive virtual spaces. Our decentralized platform bridges gaps, enabling seamless global collaboration.',
|
||||
},
|
||||
{
|
||||
name: 'Decentralization & Freedom',
|
||||
description:
|
||||
'Powered by the ThreeFold Grid, our metaverse is fully decentralized, giving users ownership, security, and control over their digital experiences, free from centralized interference.',
|
||||
},
|
||||
{
|
||||
name: 'Innovation & Opportunity',
|
||||
description:
|
||||
'Our platform empowers creators to innovate, build, and monetize their ideas in a decentralized economy, fostering limitless creativity and opportunities.',
|
||||
},
|
||||
{
|
||||
name: 'Global Collaboration',
|
||||
description:
|
||||
'We enable real-time, lifelike interactions that break down geographic and technical barriers, making virtual collaboration as effective and engaging as in-person meetings.',
|
||||
},
|
||||
{
|
||||
name: 'Equity & Inclusion',
|
||||
description:
|
||||
'We are committed to providing an inclusive space where people from all backgrounds can connect and thrive, removing barriers related to economic or technological privilege.',
|
||||
},
|
||||
{
|
||||
name: 'Security & Privacy',
|
||||
description:
|
||||
'Our decentralized infrastructure ensures user data and assets are protected, giving users complete control and privacy over their virtual identities.',
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
export default function Aboutvalues() {
|
||||
return (
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
<dd className="mt-1 text-gray-600">{feature.description}</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -49,9 +49,6 @@ export default function BentoSection() {
|
||||
<p className="mt-2 max-w-[600px] text-sm/6 text-gray-600 group-data-[dark]:text-gray-400">
|
||||
{description}
|
||||
</p>
|
||||
<a href={link} className="lg:text-xs mt-4 text-sm font-mono text-cyan-600 hover:text-purple-600">
|
||||
Learn More <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</motion.div>
|
||||
)
|
||||
@ -61,13 +58,24 @@ 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>
|
||||
<p className="mt-4 section-text">
|
||||
<p className="mt-4 section-text font-display ">
|
||||
Transform how you and your team work together with our innovative creative tools and explore diverse scenarios where they empower users to collaborate in immersive virtual environments.
|
||||
</p>
|
||||
<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"
|
||||
>
|
||||
See Features
|
||||
</a>
|
||||
<a href="#" className="text-sm py-2.5 font-semibold leading-6 text-cyan-600 hover:text-purple-500">
|
||||
Read Use Cases <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-2">
|
||||
<BentoCard
|
||||
@ -114,11 +122,11 @@ export default function BentoSection() {
|
||||
link="/features"
|
||||
/>
|
||||
<BentoCard
|
||||
eyebrow="Business Platform"
|
||||
title="Integrated CRM"
|
||||
description="Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape."
|
||||
eyebrow="Social Media"
|
||||
title="MyVerse Social"
|
||||
description="Stay connected, manage social interactions and event calendars seamlessly in an all-in-one integrated social mediaplatform."
|
||||
graphic={
|
||||
<div className="h-80 bg-[url(/images/crm.png)] bg-cover bg-center bg-no-repeat" />
|
||||
<div className="h-80 bg-[url(/images/socmed.jpg)] bg-cover bg-center bg-no-repeat" />
|
||||
}
|
||||
fade={['bottom']}
|
||||
className="max-lg:rounded-b-4xl lg:col-span-2 lg:rounded-br-4xl"
|
||||
|
||||
@ -27,7 +27,7 @@ const posts = [
|
||||
<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>
|
||||
<p className="mt-4 section-text">
|
||||
<p className="mt-4 section-text font-display ">
|
||||
Stay up to date with the latest news, announcements, and stories from OurVerse.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -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 lg:text-5xl">
|
||||
<h2 className="text-3xl font-bold tracking-tight text-gradient-light 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-md 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-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"
|
||||
>
|
||||
Sign Up Now
|
||||
</a>
|
||||
|
||||
@ -49,11 +49,11 @@ import {
|
||||
|
||||
export default function Build() {
|
||||
return (
|
||||
<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=" 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-4 lg:max-w-3xl section-text">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@ -1,136 +1,105 @@
|
||||
const posts = [
|
||||
{
|
||||
id: 1,
|
||||
title: 'OurWorld Verse',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi.',
|
||||
imageUrl:
|
||||
'/images/usecases/ow.jpg',
|
||||
type: 'Education',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: 'Art Gallery',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi.',
|
||||
imageUrl:
|
||||
'/images/usecases/artgallery.jpg',
|
||||
type: 'Education',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: 'Conference',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi.',
|
||||
imageUrl:
|
||||
'/images/usecases/conf.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: 'DJ Concert',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi.',
|
||||
imageUrl:
|
||||
'/images/usecases/dj.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: 'Frozen World',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi.',
|
||||
imageUrl:
|
||||
'/images/usecases/env.jpg',
|
||||
type: 'Education',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: 'Hospital',
|
||||
href: '#',
|
||||
description:
|
||||
'Illo sint voluptas. Error voluptates culpa eligendi.',
|
||||
imageUrl:
|
||||
'/images/usecases/hospital.jpg',
|
||||
type: 'Healthcare',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: 'Office',
|
||||
href: '#',
|
||||
description:
|
||||
'Real Estate',
|
||||
imageUrl:
|
||||
'/images/usecases/office.jpg',
|
||||
type: 'Real Estate',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: 'Safer Office',
|
||||
href: '#',
|
||||
description:
|
||||
'Real Estate',
|
||||
imageUrl:
|
||||
'/images/usecases/safer.jpg',
|
||||
type: 'Real Estate',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: 'Store',
|
||||
href: '#',
|
||||
description:
|
||||
'Commercials',
|
||||
imageUrl:
|
||||
'/images/usecases/store.jpg',
|
||||
type: 'E-commerce',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: 'UAE Presidental Court',
|
||||
href: '#',
|
||||
description:
|
||||
'Commercials',
|
||||
imageUrl:
|
||||
'/images/usecases/uae.jpg',
|
||||
type: 'Government',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: 'KM Universe',
|
||||
href: '#',
|
||||
description:
|
||||
'Commercials',
|
||||
imageUrl:
|
||||
'/images/usecases/universe.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
title: 'Anita Cafe',
|
||||
href: '#',
|
||||
description:
|
||||
'Events',
|
||||
imageUrl:
|
||||
'/images/usecases/cafe.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
|
||||
{
|
||||
id: 2,
|
||||
title: 'Art Gallery',
|
||||
href: '#',
|
||||
description:
|
||||
'Explore an immersive metaverse art gallery showcasing creativity and innovation in a virtual space.',
|
||||
imageUrl:
|
||||
'/images/usecases/artgallery.jpg',
|
||||
type: 'Education',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: 'DJ Concert',
|
||||
href: '#',
|
||||
description:
|
||||
'Join an electrifying DJ concert in the metaverse and experience music like never before.',
|
||||
imageUrl:
|
||||
'/images/usecases/dj.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: 'Frozen World',
|
||||
href: '#',
|
||||
description:
|
||||
'Dive into the Frozen World metaverse, a unique educational environment to learn about the impact of global warming.',
|
||||
imageUrl:
|
||||
'/images/usecases/env.jpg',
|
||||
type: 'Education',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: 'Hospital',
|
||||
href: '#',
|
||||
description:
|
||||
'Discover a metaverse hospital designed to provide insights into healthcare facilities and technology.',
|
||||
imageUrl:
|
||||
'/images/usecases/hospital.jpg',
|
||||
type: 'Healthcare',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: 'Office',
|
||||
href: '#',
|
||||
description:
|
||||
'Step into a virtual office space in the metaverse, perfect for real estate exploration and remote collaboration.',
|
||||
imageUrl:
|
||||
'/images/usecases/office.jpg',
|
||||
type: 'Real Estate',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: 'Beauty Concept Store',
|
||||
href: '#',
|
||||
description:
|
||||
'Experience a virtual concept cstore, demonstrating e-commerce solutions within a metaverse setting.',
|
||||
imageUrl:
|
||||
'/images/usecases/store.jpg',
|
||||
type: 'E-commerce',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: 'UAE Presidential Court',
|
||||
href: '#',
|
||||
description:
|
||||
'Explore the UAE Presidential Court metaverse to learn about government initiatives and infrastructure.',
|
||||
imageUrl:
|
||||
'/images/usecases/uae.jpg',
|
||||
type: 'Government',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: 'KM Universe',
|
||||
href: '#',
|
||||
description:
|
||||
'Participate in events and explore the limitless possibilities of the KM Universe metaverse.',
|
||||
imageUrl:
|
||||
'/images/usecases/universe.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
title: 'Anita Cafe',
|
||||
href: '#',
|
||||
description:
|
||||
'Visit Anita Cafe in the metaverse, where you can engage in social events and experience virtual dining.',
|
||||
imageUrl:
|
||||
'/images/usecases/cafe.jpg',
|
||||
type: 'Events',
|
||||
datetime: '2020-03-16',
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
export default function Casestudies() {
|
||||
@ -139,7 +108,7 @@ const posts = [
|
||||
<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>
|
||||
<p className="mt-4 section-text">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@ -32,7 +32,7 @@ export default function Collaborate() {
|
||||
<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-4 section-text">
|
||||
<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>
|
||||
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">
|
||||
|
||||
@ -6,24 +6,34 @@ export default function Communhero() {
|
||||
{/* Background image with lower z-index */}
|
||||
<img
|
||||
alt=""
|
||||
src="/images/bgimage2.jpg"
|
||||
src="/images/bgimage3.jpg"
|
||||
className="absolute inset-0 -z-20 h-full w-full object-cover object-right md:object-center"
|
||||
/>
|
||||
|
||||
{/* Gradient overlay with a slightly higher z-index */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] via-[#443b62]/85 to-white/0 -z-10"></div>
|
||||
|
||||
{/* 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-white sm:text-4xl">
|
||||
A United Community Creating the Future of Virtual Worlds
|
||||
<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
|
||||
</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-purple-50">
|
||||
<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.
|
||||
</p>
|
||||
<p className="mt-6 section-text-light font-display max-w-xl text-purple-50">
|
||||
Powered by cutting-edge technology and collaboration, OurVerse is transforming the way we connect, learn,
|
||||
and build in virtual spaces. Be part of the journey to redefine the digital future.
|
||||
</p>
|
||||
<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"
|
||||
>
|
||||
Join OurVerse
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -32,7 +32,7 @@ export default function Communicate() {
|
||||
<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-4 section-text">
|
||||
<p className="mt-4 section-text font-display ">
|
||||
Elevate your virtual interactions with cutting-edge communication features
|
||||
designed to keep you connected and engaged.
|
||||
</p>
|
||||
|
||||
@ -16,47 +16,47 @@ import {
|
||||
|
||||
const features = [
|
||||
{
|
||||
name: 'Unified Contact Management.',
|
||||
description: 'Centralize all your customer interactions for a streamlined and organized approach to managing relationships.',
|
||||
name: 'Seamless Networking.',
|
||||
description: 'Stay connected with your network, explore new opportunities and engage with the latest immersive content through MyVerse Social.',
|
||||
icon: CubeIcon,
|
||||
},
|
||||
{
|
||||
name: 'Task & Activity Scheduling.',
|
||||
description: 'Stay on top of your responsibilities with tools to create tasks, schedule virtual meetings, and set reminders.',
|
||||
name: 'Personalized Events Calendar.',
|
||||
description: 'Keep track of upcoming events and exclusive activities tailored to your interests. Never miss another conference, meetup, or virtual gathering in your field..',
|
||||
icon: DocumentMagnifyingGlassIcon,
|
||||
},
|
||||
{
|
||||
name: 'Complete Digital Management.',
|
||||
description: 'From to-do lists to virtual meeting coordination, manage every aspect of your business operations digitally.',
|
||||
name: 'Contact Management.',
|
||||
description: 'Organize and manage all your contacts in one place. Keep track of your connections, prioritize key relationships, and stay in touch with ease.',
|
||||
icon: CpuChipIcon,
|
||||
},
|
||||
{
|
||||
name: 'Enhanced Team Collaboration.',
|
||||
description: 'Facilitate better teamwork by sharing contacts, tasks, and notes across your team.',
|
||||
name: 'Share Your Story.',
|
||||
description: 'Post photos, videos, publish your verses, and updates about your latest achievements, projects, or ideas to showcase your skills and inspire your connections.',
|
||||
icon: ShieldCheckIcon,
|
||||
},
|
||||
{
|
||||
name: 'Automated Workflows.',
|
||||
description: 'Set up automated workflows to streamline repetitive tasks, allowing your team to enhance productivity.',
|
||||
name: 'Discover New Verses.',
|
||||
description: 'Explore unique virtual spaces, or "Verses," where you can learn, network, and collaborate. Engage in communities that align with your passions.',
|
||||
icon: FilmIcon,
|
||||
},
|
||||
{
|
||||
name: 'Real-Time Analytics & Reporting.',
|
||||
description: 'Gain valuable insights into customer behaviors with real-time analytics and reporting tools. ',
|
||||
name: 'Effortless Collaboration.',
|
||||
description: 'Use MyVerse Social to find collaborators, pitch ideas, and join forces on exciting projects—streamline your teamwork in a visually compelling environment.',
|
||||
icon: GlobeAltIcon,
|
||||
},
|
||||
]
|
||||
|
||||
export default function Crm() {
|
||||
return (
|
||||
<div className="bg-white lg:py-20 py-24 mb-12">
|
||||
<div className=" bg-gradient-to-b from-purple-50/10 to-white lg:py-20 py-24 mb-12">
|
||||
<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">
|
||||
Integrated CRM</p>
|
||||
<p className="mt-4 section-text">
|
||||
Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape.
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -64,7 +64,7 @@ import {
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<img
|
||||
alt="App screenshot"
|
||||
src="/images/crm.png"
|
||||
src="/images/socmed2.jpg"
|
||||
width={2432}
|
||||
height={1442}
|
||||
|
||||
|
||||
34
src/components/Cta.jsx
Normal file
34
src/components/Cta.jsx
Normal file
@ -0,0 +1,34 @@
|
||||
export default function CTA() {
|
||||
return (
|
||||
<div className="relative pt-36 pb-12 bg-gradient-to-b from-purple-50/80 to-purple-50/10 ">
|
||||
<div className="relative mx-auto max-w-7xl lg:px-8">
|
||||
<div className="relative h-90 overflow-hidden md:absolute md:left-0 lg:left-2 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 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">
|
||||
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"
|
||||
>
|
||||
Be a Part of OurVerse
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ export function Event1() {
|
||||
<BackgroundImage className="-bottom-14 -top-20" />
|
||||
<Container className="relative">
|
||||
<div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
|
||||
<h1 className="font-display text-3xl font-semibold tracking-tighter text-purple-700 sm:text-7xl">
|
||||
<h1 className="font-display text-3xl font-semibold tracking-tighter text-gradient sm:text-7xl">
|
||||
VerseFest 2024
|
||||
</h1>
|
||||
<h2 className="lg:mt-4 mt-2 font-display lg:text-2xl font-normal tracking-tight text-purple-600 text-xl">
|
||||
@ -21,7 +21,7 @@ export function Event1() {
|
||||
</h2>
|
||||
<div className="mt-6 space-y-6 font-normal lg:max-w-3xl lg:text-xl text-base -tracking-normal leading-tight text-purple-900">
|
||||
<p>
|
||||
Get ready to step into the future with <span className='font-semibold text-purple-700'>VerseFest 2024 by OurVerse!</span>
|
||||
Get ready to step into the future with <span className='font-semibold text-gradient'>VerseFest 2024 by OurVerse!</span>
|
||||
</p>
|
||||
<p>
|
||||
This groundbreaking free virtual event is designed to unite freelancers,
|
||||
@ -38,7 +38,7 @@ export function Event1() {
|
||||
<div className="mt-10 pb-8 flex items-center gap-x-6">
|
||||
<a
|
||||
href="#"
|
||||
className="rounded-xl bg-purple-700 px-6 py-3.5 lg:max-w-4xl max-w-2xl text-base tracking-tight font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-purple-500"
|
||||
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"
|
||||
>
|
||||
Get Your FREE Ticket <TicketIcon className="h-5 w-5 mx-0.3 inline-block -mt-0.5" />
|
||||
</a>
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
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>
|
||||
<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">
|
||||
Events
|
||||
</h2>
|
||||
@ -17,9 +18,9 @@ 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">OurVerse </h2>
|
||||
<h2 className="lg:text-3xl text-xl font-bold text-gradient">FutureFest 2024</h2>
|
||||
<h3 className="text-xl font-bold text-gradient">Nov 22 - 24</h3>
|
||||
<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>
|
||||
<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>
|
||||
@ -32,6 +33,7 @@ export default function Eventbanner() {
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
84
src/components/Eventhero.jsx
Normal file
84
src/components/Eventhero.jsx
Normal file
@ -0,0 +1,84 @@
|
||||
'use client'
|
||||
|
||||
import { useState } from 'react'
|
||||
import { Dialog, DialogPanel } from '@headlessui/react'
|
||||
import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
|
||||
|
||||
|
||||
export default function Eventhero() {
|
||||
return (
|
||||
|
||||
<div className="overflow-hidden bg-gradient-to-b from-purple-50/80 to-purple-50/10 ">
|
||||
<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">
|
||||
We’re changing the way people connect.
|
||||
</h1>
|
||||
<p className="mt-6 section-text sm:max-w-md lg:max-w-none">
|
||||
Join the most immersive and interactive connecting experiences in the borderless worlds of OurVerse, where innovation meets collaboration.
|
||||
From groundbreaking keynotes to virtual networking, OurVerse Events are designed to connect, inspire, and empower.
|
||||
</p>
|
||||
<div className="mt-10 flex items-center gap-x-6">
|
||||
<a
|
||||
href="#"
|
||||
className="rounded-2xl font-semibold btn-gradient-dark2"
|
||||
>
|
||||
Get started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mt-14 flex justify-end gap-8 sm:-mt-44 sm:justify-start sm:pl-20 lg:mt-0 lg:pl-0">
|
||||
<div className="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-none xl:pt-80">
|
||||
<div className="relative">
|
||||
<img
|
||||
alt=""
|
||||
src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
|
||||
className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
|
||||
<div className="relative">
|
||||
<img
|
||||
alt=""
|
||||
src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
|
||||
className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
|
||||
</div>
|
||||
<div className="relative">
|
||||
<img
|
||||
alt=""
|
||||
src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80"
|
||||
className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-44 flex-none space-y-8 pt-32 sm:pt-0">
|
||||
<div className="relative">
|
||||
<img
|
||||
alt=""
|
||||
src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80"
|
||||
className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
|
||||
</div>
|
||||
<div className="relative">
|
||||
<img
|
||||
alt=""
|
||||
src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
|
||||
className="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@ -32,7 +32,7 @@ export default function Eventmgmt() {
|
||||
<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-4 section-text">
|
||||
<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>
|
||||
<dl className="mt-10 max-w-xl space-y-8 text-base leading-7 text-purple-900 lg:max-w-none">
|
||||
|
||||
141
src/components/Eventpage1.jsx
Normal file
141
src/components/Eventpage1.jsx
Normal file
@ -0,0 +1,141 @@
|
||||
import { CheckIcon } from '@heroicons/react/20/solid'
|
||||
|
||||
const events = [
|
||||
{
|
||||
name: 'VerseFest 2024',
|
||||
date: 'Nov 21-24',
|
||||
location: 'OurWorld Verse',
|
||||
languages: ['ENG', 'ARABIC'],
|
||||
signupLink: 'https://ourverse.tf/events/versefest.html',
|
||||
},
|
||||
{
|
||||
name: 'Freelance Fest 2024',
|
||||
date: 'Oct 23-24',
|
||||
location: 'OurWorld Verse',
|
||||
languages: ['ARABIC'],
|
||||
signupLink: 'https://ourverse.tf/events/versefest.html',
|
||||
},
|
||||
// More events can be added here...
|
||||
]
|
||||
|
||||
// A function to return small flag icons for the specified languages
|
||||
const languageIcons = {
|
||||
ENG: '🇬🇧', // English flag icon (Union Jack)
|
||||
ARABIC: '🇦🇪', // Arabic flag icon (UAE as an example)
|
||||
}
|
||||
|
||||
function classNames(...classes) {
|
||||
return classes.filter(Boolean).join(' ')
|
||||
}
|
||||
|
||||
export default function Eventpage1() {
|
||||
return (
|
||||
<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">
|
||||
Get Involved
|
||||
</p>
|
||||
<p className="mx-auto mt-4 max-w-prose section-text font-display">
|
||||
Join the latest events from OurVerse community.
|
||||
</p>
|
||||
</div>
|
||||
<div className="px-4 sm:px-6 mt-12 lg:px-8 max-w-6xl mx-auto">
|
||||
<div className="mt-8 flow-root">
|
||||
<div className="-mx-4 -my-2 sm:-mx-6 lg:-mx-8">
|
||||
<div className="inline-block min-w-full py-2 align-middle">
|
||||
<table className="min-w-full border-separate border-spacing-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
scope="col"
|
||||
className="sticky top-0 z-10 border-b border-gray-300 bg-white bg-opacity-75 py-3.5 pl-4 pr-3 text-left section-text backdrop-blur backdrop-filter sm:pl-6 lg:pl-8"
|
||||
>
|
||||
Event
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="sticky top-0 z-10 hidden border-b border-gray-300 bg-white bg-opacity-75 px-3 py-3.5 text-left section-text backdrop-blur backdrop-filter sm:table-cell"
|
||||
>
|
||||
Date
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="sticky top-0 z-10 hidden border-b border-gray-300 bg-white bg-opacity-75 px-3 py-3.5 text-left section-text backdrop-blur backdrop-filter lg:table-cell"
|
||||
>
|
||||
Location
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="sticky top-0 z-10 border-b border-gray-300 bg-white bg-opacity-75 px-3 py-3.5 text-left section-text backdrop-blur backdrop-filter"
|
||||
>
|
||||
Language
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="sticky top-0 z-10 border-b border-gray-300 bg-white bg-opacity-75 py-3.5 pl-3 pr-4 backdrop-blur backdrop-filter sm:pr-6 lg:pr-8"
|
||||
>
|
||||
<span className="sr-only">Sign Up</span>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{events.map((event, eventIdx) => (
|
||||
<tr key={event.name}>
|
||||
<td
|
||||
className={classNames(
|
||||
eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
|
||||
'whitespace-nowrap py-4 pl-4 pr-3 text-base font-medium text-gray-900 sm:pl-6 lg:pl-8',
|
||||
)}
|
||||
>
|
||||
{event.name}
|
||||
</td>
|
||||
<td
|
||||
className={classNames(
|
||||
eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
|
||||
'hidden whitespace-nowrap px-3 py-4 text-base text-gray-500 sm:table-cell',
|
||||
)}
|
||||
>
|
||||
{event.date}
|
||||
</td>
|
||||
<td
|
||||
className={classNames(
|
||||
eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
|
||||
'hidden whitespace-nowrap px-3 py-4 text-base text-gray-500 lg:table-cell',
|
||||
)}
|
||||
>
|
||||
{event.location}
|
||||
</td>
|
||||
<td
|
||||
className={classNames(
|
||||
eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
|
||||
'whitespace-nowrap px-3 py-4 text-base text-gray-500',
|
||||
)}
|
||||
>
|
||||
{event.languages.map((lang) => (
|
||||
<span key={lang} className="inline-block mx-2">
|
||||
{languageIcons[lang]}
|
||||
</span>
|
||||
))}
|
||||
</td>
|
||||
<td
|
||||
className={classNames(
|
||||
eventIdx !== events.length - 1 ? 'border-b border-gray-200' : '',
|
||||
'relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-8 lg:pr-8',
|
||||
)}
|
||||
>
|
||||
<a href={event.signupLink} target="_blank" rel="noopener noreferrer" className="text-indigo-600 hover:text-indigo-900">
|
||||
Sign Up<span className="sr-only">, {event.name}</span>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -36,30 +36,32 @@ 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>
|
||||
<h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Events</h1>
|
||||
<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>
|
||||
<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-cyan-700 lg:text-4xl">
|
||||
<h2 id="featured-post" className="mt-8 text-3xl font-semibold tracking-tight text-gradient 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 section-text">{featuredPost.description}</p>
|
||||
<p className="mt-2 section-text font-display ">{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-cyan-700 hover:text-purple-700 mt-2"
|
||||
>
|
||||
Learn More <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
<div className="mt-4 flex items-center gap-x-6">
|
||||
<a
|
||||
href="#"
|
||||
className="rounded-2xl font-semibold btn-gradient-dark2 text-sm leading-6"
|
||||
>
|
||||
Learn More
|
||||
</a>
|
||||
<a href="/events" className="text-sm font-semibold leading-6 text-cyan-600 hover:text-purple-700">
|
||||
See more events <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
@ -71,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-cyan-700 group-hover:text-purple-700">
|
||||
<h2 className="mt-2 text-lg font-semibold text-gradient group-hover:text-purple-700">
|
||||
<a href={post.href}>
|
||||
<span className="absolute inset-0" />
|
||||
{post.title}
|
||||
@ -83,7 +85,7 @@ const featuredPost = {
|
||||
<a
|
||||
href={post.href}
|
||||
aria-describedby="post"
|
||||
className="text-sm font-semibold leading-6 text-cyan-700 hover:text-purple-700 mt-2"
|
||||
className="text-sm font-semibold leading-6 text-cyan-600 hover:text-purple-700 mt-2"
|
||||
>
|
||||
Learn More <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
@ -72,7 +72,8 @@ import {
|
||||
<div className="bg-white lg:py-20 py-24">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-4xl sm:text-center">
|
||||
<p className="mt-2 font-display text-4xl font-medium tracking-tighter text-purple-700 sm:text-5xl">Verse Spaces</p>
|
||||
<p className="mt-2 text-intro">Rooms</p>
|
||||
<p className="mt-2 font-display text-4xl font-medium tracking-tighter text-gradient sm:text-5xl">Verse Spaces</p>
|
||||
<p className="mt-4 font-normal text-2xl tracking-tight text-purple-900">
|
||||
VerseFest 2024 is packed with dynamic experiences that cater to every interest
|
||||
and level of expertise in 6 different virtual spaces within OurWorld Verse.
|
||||
|
||||
@ -40,7 +40,7 @@ export default function FAQ() {
|
||||
<div className="bg-white">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8 lg:py-4 pt-12 pb-20 mb-20">
|
||||
<div className="mx-auto max-w-4xl divide-y divide-purple-900/10">
|
||||
<h2 className="lg:text-4xl text-3xl font-medium leading-10 tracking-tight text-purple-700">Frequently Asked Questions</h2>
|
||||
<h2 className="lg:text-4xl text-3xl font-medium leading-10 tracking-tight text-gradient">Frequently Asked Questions</h2>
|
||||
<dl className="mt-10 space-y-6 divide-y divide-purple-900/10">
|
||||
{faqs.map((faq) => (
|
||||
<Disclosure key={faq.question} as="div" className="pt-6">
|
||||
|
||||
@ -5,23 +5,32 @@ export default function Featurehero() {
|
||||
<div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
|
||||
<img
|
||||
alt=""
|
||||
src="/images/bgimage.jpg"
|
||||
src="/images/featureshome.jpg"
|
||||
className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"
|
||||
/>
|
||||
|
||||
{/* Gradient Overlay from left to right */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#443b62] to-white/0 -z-10"></div>
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-[#302b4b] via-[#302b4b]/70 to-white/0 -z-10"></div>
|
||||
|
||||
<div className="hidden sm:absolute sm:-top-10 sm:right-1/2 sm:-z-10 sm:mr-10 sm:block sm:transform-gpu sm:blur-3xl">
|
||||
<div className="absolute inset-0 bg-gradient-to-b from-[#938dc3] via-[#b5b1d7] to-white"></div>
|
||||
<div className="absolute inset-0 bg-gradient-to-b from-[#302b4b] via-[#443c94] to-white"></div>
|
||||
</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-white text-xl">The Future of Collaboration</h2>
|
||||
<p className="mt-6 text-lg leading-8 text-purple-300">
|
||||
Unlock the future of communication and collaboration inside immersive virtual environments.
|
||||
OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
|
||||
<h2 className="lg:text-6xl font-semibold tracking-tight text-gradient 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,
|
||||
offering fresh and exciting ways to bring your vision to life.
|
||||
</p>
|
||||
<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"
|
||||
>
|
||||
Join OurVerse
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -91,8 +91,12 @@ export default function Featureshome() {
|
||||
<h2 className="text-center h3-title">
|
||||
The Future of Communication and Collaboration
|
||||
</h2>
|
||||
<<<<<<< HEAD
|
||||
<p className="mx-auto mt-4 max-w-3xl text-center section-text">
|
||||
>>>>>>> 9bb32049f9694017a1195f230654a76d796df3af
|
||||
=======
|
||||
<p className="mx-auto mt-4 max-w-3xl text-center section-text font-display ">
|
||||
>>>>>>> development
|
||||
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>
|
||||
@ -106,8 +110,12 @@ export default function Featureshome() {
|
||||
=======
|
||||
<h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Features</h2>
|
||||
<h3 className="h3-title">Collaboration & Creation Tools</h3>
|
||||
<<<<<<< HEAD
|
||||
<p className="mt-4 section-text">
|
||||
>>>>>>> 9bb32049f9694017a1195f230654a76d796df3af
|
||||
=======
|
||||
<p className="mt-4 section-text font-display ">
|
||||
>>>>>>> development
|
||||
Transform how you and your team work together with our innovative, real-time creative tools.
|
||||
</p>
|
||||
|
||||
|
||||
@ -2,18 +2,19 @@ import { Logo } from '@/components/Logo'
|
||||
|
||||
const navigation = {
|
||||
solutions: [
|
||||
{ name: 'About', href: '/about.html' },
|
||||
{ name: 'HeroVerse 3D', href: '/heroverse.html ' },
|
||||
{ name: 'Features', href: '/features.html' },
|
||||
{ name: 'Usecases', href: '/usecases.html' },
|
||||
{ name: 'HeroGPT', href: '/community/blogs/herogpt.htm' },
|
||||
{ name: 'OurVerse App', href: '#' },
|
||||
],
|
||||
support: [
|
||||
{ name: 'Customer Care', href: '#' },
|
||||
{ name: 'Documentation', href: '#' },
|
||||
{ name: 'Blog', href: '/community.html' },
|
||||
{ name: 'Company', href: 'https://ourworld.tf' },
|
||||
{ name: 'Support', href: 'mailto:info@ourworld.tf' },
|
||||
{ name: 'Community', href: '/community.html' },
|
||||
{ name: 'Events', href: '/events.html' },
|
||||
],
|
||||
partners: [
|
||||
{ name: 'OurWorld', href: 'https://ourworld.tf' },
|
||||
{ name: 'ThreeFold', href: 'https://threefold.io' },
|
||||
{ name: 'Vindo', href: 'https://vindo.ai' },
|
||||
{ name: 'Incubaid', href: 'https://incubaid.com' },
|
||||
@ -129,7 +130,7 @@ export default function Footer2() {
|
||||
</ul>
|
||||
</div>
|
||||
<div className="mt-10 md:mt-0">
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Support</h3>
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Community</h3>
|
||||
<ul role="list" className="mt-6 space-y-4">
|
||||
{navigation.support.map((item) => (
|
||||
<li key={item.name}>
|
||||
@ -143,7 +144,7 @@ export default function Footer2() {
|
||||
</div>
|
||||
<div className="md:grid md:grid-cols-2 md:gap-8">
|
||||
<div>
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Company</h3>
|
||||
<h3 className="text-sm font-semibold leading-6 text-purple-900">Partners</h3>
|
||||
<ul role="list" className="mt-6 space-y-4">
|
||||
{navigation.partners.map((item) => (
|
||||
<li key={item.name}>
|
||||
|
||||
@ -8,7 +8,8 @@ import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
|
||||
|
||||
// Example navigation items
|
||||
const navigationItems = [
|
||||
{ name: 'Home', href: '/' },
|
||||
{ name: 'About', href: '/about.html' },
|
||||
{ name: 'HeroVerse 3D', href: '/heroverse.html' },
|
||||
{ name: 'Features', href: '/features.html' },
|
||||
{ name: 'Usecases', href: '/usecases.html' },
|
||||
{ name: 'Community', href: '/community.html' },
|
||||
@ -20,13 +21,15 @@ export function Header() {
|
||||
return (
|
||||
<header className="relative z-50 flex-none lg:py-2 bg-white">
|
||||
<Container className="flex flex-wrap items-center justify-between lg:justify-center lg:flex-nowrap">
|
||||
<a href="/">
|
||||
<div className="my-5 lg:my-0 lg:grow lg:basis-0">
|
||||
<Logo className="h-12 w-auto text-slate-900" />
|
||||
<Logo className="h-12 w-auto text-slate-900" />
|
||||
</div>
|
||||
</a>
|
||||
<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-600">
|
||||
{item.name}
|
||||
</a>
|
||||
))}
|
||||
|
||||
@ -14,14 +14,20 @@ export function Hero() {
|
||||
OurVerse
|
||||
</h2>
|
||||
<h1 className="lg:mt-2 mt-0 font-display lg:text-2xl text-lg font-semibold tracking-tight text-gradient-dark">
|
||||
Powered by ThreeFold
|
||||
Beyond Traditional Video Calls.
|
||||
</h1>
|
||||
<div className="mt-4 space-y-6 mx-4 font-display section-text">
|
||||
<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.</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>
|
||||
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.
|
||||
</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">
|
||||
<u>Learn More about OurVerse<span aria-hidden="true">→</span></u>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
@ -33,7 +39,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>
|
||||
|
||||
@ -19,18 +19,18 @@ import {
|
||||
return (
|
||||
<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 sm:text-center">
|
||||
<btn className="items-center rounded-2xl px-12 btn-gradient-dark2 py-2.5 text-md font-semibold"
|
||||
<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"
|
||||
>
|
||||
NEW
|
||||
</btn>
|
||||
<p className="mt-8 h2-title text-center">Introducing: OurHero Verse 3D</p>
|
||||
<p className="mt-4 items-center align-center text-center section-text-ct">
|
||||
<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 font-display -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
|
||||
@ -40,7 +40,7 @@ import {
|
||||
playsInline
|
||||
className="relative w-full h-full overflow-hidden rounded-lg shadow-lg"
|
||||
>
|
||||
<source src="/videos/ourverse3.mp4" type="video/mp4" />
|
||||
<source src="/videos/herohow.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div aria-hidden="true" className="relative">
|
||||
@ -49,16 +49,17 @@ 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">
|
||||
<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.
|
||||
</p>
|
||||
<p className="mt-4 items-center align-center section-text-ct">
|
||||
<p className="mt-4 items-center align-center section-text font-display -ct">
|
||||
Anyone, regardless of their background, skill level, or geographical location, can use the system to create complex 3D interactives environments tailored to their needs,
|
||||
simply by describing them.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div className="mt-10 pb-8 flex items-center justify-center gap-x-6">
|
||||
<a
|
||||
|
||||
87
src/components/HeroFeature2.jsx
Normal file
87
src/components/HeroFeature2.jsx
Normal file
@ -0,0 +1,87 @@
|
||||
import {
|
||||
CloudArrowUpIcon,
|
||||
LockClosedIcon,
|
||||
ArrowsRightLeftIcon,
|
||||
MicrophoneIcon,
|
||||
PhotoIcon,
|
||||
UsersIcon,
|
||||
} from '@heroicons/react/20/solid'
|
||||
|
||||
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.',
|
||||
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.',
|
||||
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.',
|
||||
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.',
|
||||
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.',
|
||||
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.',
|
||||
icon: UsersIcon,
|
||||
},
|
||||
]
|
||||
|
||||
export default function HeroFeature2() {
|
||||
return (
|
||||
<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">
|
||||
First Generative AI 3D Tools for the Metaverse and Beyond
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="relative overflow-hidden pt-8">
|
||||
<div className="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
{/* embed Video */}
|
||||
<video
|
||||
autoPlay
|
||||
loop
|
||||
muted
|
||||
playsInline
|
||||
className="relative w-full h-full overflow-hidden rounded-lg shadow-lg"
|
||||
>
|
||||
<source src="/videos/herohow.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div aria-hidden="true" className="relative">
|
||||
<div className="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-white pt-[7%]" />
|
||||
</div>
|
||||
</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">
|
||||
{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" />
|
||||
{feature.name}
|
||||
</dt>
|
||||
<dd className="text-sm mt-2">{feature.description}</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
57
src/components/HeroFeature3.jsx
Normal file
57
src/components/HeroFeature3.jsx
Normal file
@ -0,0 +1,57 @@
|
||||
import { CheckIcon } from '@heroicons/react/20/solid'
|
||||
|
||||
const features = [
|
||||
{
|
||||
name: 'Ease of Use',
|
||||
description: 'Users with no prior design experience can easily generate complex 3D environments using simple text commands.',
|
||||
},
|
||||
{
|
||||
name: 'Flexibility & Efficiency',
|
||||
description: 'Modify entire environments or individual models with ease. The system quickly renders large-scale environments, saving time and offering a high degree of customization.',
|
||||
},
|
||||
{
|
||||
name: 'Unlocking Creativity',
|
||||
description: 'Create environments for gaming, education, or business without any technical skills. HeroVerse 3D enables fully immersive AAA game creation using only text commands.',
|
||||
},
|
||||
{
|
||||
name: 'Architectural Visualization',
|
||||
description: 'Architects can rapidly visualize ideas and create 3D models without extensive rendering software, saving significant time in the design process.',
|
||||
},
|
||||
{
|
||||
name: 'Engaging Learning Environments',
|
||||
description: 'Supports dynamic, interactive learning experiences for children and adults. Teachers can create virtual classrooms that adapt in real time for enhanced engagement.',
|
||||
},
|
||||
{
|
||||
name: 'Dynamic Meetings',
|
||||
description: 'Make virtual meetings more interactive by changing the environment with text commands or projecting yourself as a hologram, making meetings more lifelike.',
|
||||
},
|
||||
]
|
||||
|
||||
export default function HeroFeature3() {
|
||||
return (
|
||||
<div className="bg-gradient-to-b from-purple-50/10 to-purple-50/80 pt-24 py-24 sm:py-32 ">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<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-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:
|
||||
</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" />
|
||||
{feature.name}
|
||||
</dt>
|
||||
<dd className="mt-2">{feature.description}</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
44
src/components/Heropage.jsx
Normal file
44
src/components/Heropage.jsx
Normal file
@ -0,0 +1,44 @@
|
||||
import { Button } from '@/components/Button';
|
||||
import { Container } from '@/components/Container';
|
||||
import { Gradient } from '@/components/Gradient';
|
||||
import { ChevronRightIcon } from '@heroicons/react/20/solid'
|
||||
|
||||
export function Heropage() {
|
||||
return (
|
||||
<div className="lg:pt-24 pt-24 pb-12 min-h-screen flex items-center justify-center relative">
|
||||
<Container>
|
||||
{/* Background Video */}
|
||||
<video
|
||||
autoPlay
|
||||
loop
|
||||
muted
|
||||
playsInline
|
||||
className="absolute inset-0 w-full h-full object-cover -z-10"
|
||||
>
|
||||
<source src="/videos/heroverse2.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
</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">
|
||||
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>
|
||||
<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"
|
||||
>
|
||||
Try HeroVerse 3D
|
||||
</a>
|
||||
<a href="#" className="text-sm font-semibold leading-6 text-white hover:text-purple-200">
|
||||
Learn more <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -15,13 +15,13 @@ export function Homepage() {
|
||||
playsInline
|
||||
className="absolute inset-0 w-full h-full object-cover -z-10"
|
||||
>
|
||||
<source src="/videos/hero.mp4" type="video/mp4" />
|
||||
<source src="/videos/hero2.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
</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'>Collaboration is Now.</span>
|
||||
The Future of <span className='text-gradient-light'>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>
|
||||
|
||||
@ -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 (
|
||||
<>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user