12 Commits

8 changed files with 18 additions and 18 deletions

BIN
public/videos/herohome.mp4 Normal file

Binary file not shown.

BIN
public/videos/heroverse.mp4 Normal file

Binary file not shown.

BIN
public/videos/ourverse5.mp4 Normal file

Binary file not shown.

View File

@@ -8,6 +8,7 @@ export default function community() {
<> <>
<Communhero /> <Communhero />
<Socials /> <Socials />
<Events />
</> </>
) )
} }

View File

@@ -2,10 +2,10 @@ export default function Eventbanner() {
return ( return (
<div className="bg-gradient-to-b from-purple-50/10 to-purple-50/80"> <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"> <div className="mx-auto max-w-2xl px-4 pb-24 sm:px-6 lg:max-w-7xl">
<h2 className="text-intro mb-2">Community</h2> <h2 className="text-intro">Community</h2>
{/*<h2 className="mt-2 mb-4 h3-title"> <h2 className="mt-2 mb-4 h3-title">
Join the Conversations Events
</h2>*/} </h2>
<div className="relative overflow-hidden rounded-lg lg:h-96"> <div className="relative overflow-hidden rounded-lg lg:h-96">
<div className="absolute inset-0"> <div className="absolute inset-0">
<img <img
@@ -18,28 +18,26 @@ export default function Eventbanner() {
<div aria-hidden="true" className="relative h-32 w-full lg:hidden" /> <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 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> <div>
<h2 className="mt-4 lg:text-3xl text-xl font-bold text-white">A Global </h2> <h2 className="mt-4 lg:text-3xl text-xl font-bold text-white">OurVerse </h2>
<h2 className="lg:text-3xl text-xl font-bold text-white">Community</h2> <h2 className="lg:text-3xl text-xl font-bold text-white">FreelenceFest 2024</h2>
<h3 className="text-xl font-bold text-white">Oct 26 - 28</h3>
<p className="mt-4 text-md text-gray-300"> <p className="mt-4 text-md text-gray-300">
Join our ever-growing community worldwide by participating in open discussions and follow the most recent updates and news from OurVerse. OurVerse's FreelanceFest connects freelancers, innovators, and businesses in the Metaverse, empowering them to explore new technologies and collaborate seamlessly across boundaries.
</p> </p>
</div> </div>
<a <a
href="/community.html" target="_blank" rel="noreferrer" href="https://portal.ourverse.tf/ev/752" target="_blank" rel="noreferrer"
className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-dark bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full" className="mt-6 flex flex-shrink-0 items-center justify-center rounded-md btn-dark bg-opacity-0 px-4 py-3 text-base font-medium text-white hover:bg-opacity-10 sm:ml-8 sm:mt-0 lg:ml-0 lg:w-full"
> >
Join the Conversations Register Now
</a> </a>
</div> </div>
</div> </div>
<div className="mt-6">
{/* <div className="mt-6">
<a href="https://www.ourverse.tf/events.html" className="text-lg font-semibold leading-6 text-link"> <a href="https://www.ourverse.tf/events.html" className="text-lg font-semibold leading-6 text-link">
See more events <span aria-hidden="true"></span> See more events <span aria-hidden="true"></span>
</a> </a>
</div>*/} </div>
</div> </div>
</div> </div>
) )

View File

@@ -8,11 +8,11 @@ export function Footer() {
<Logo className="h-12 w-auto text-slate-900" /> <Logo className="h-12 w-auto text-slate-900" />
<p className="mt-6 text-base text-slate-500 md:mt-0"> <p className="mt-6 text-base text-slate-500 md:mt-0">
&copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '} &copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '}
<a href="https://docs.threefold.info/docs/legal/terms_and_conditions" target="_blank" className="text-purple-500 hover:underline"> <a href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" className="text-purple-500 hover:underline">
Terms & Conditions Terms & Conditions
</a>{' '} </a>{' '}
|{' '} |{' '}
<a href="https://docs.threefold.info/docs/legal/privacy_policy" target="_blank" className="text-purple-500 hover:underline"> <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" className="text-purple-500 hover:underline">
Privacy Policy Privacy Policy
</a> </a>
</p> </p>

View File

@@ -170,9 +170,9 @@ export default function Footer2() {
</div> </div>
<div className="mt-16 border-t border-purple-900/10 pt-8 sm:mt-20 lg:mt-24"> <div className="mt-16 border-t border-purple-900/10 pt-8 sm:mt-20 lg:mt-24">
<p className="mt-6 text-sm text-slate-500 md:mt-0">&copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '} <p className="mt-6 text-sm text-slate-500 md:mt-0">&copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '}
<a href="https://docs.threefold.io/docs/legal/terms_and_conditions/" target="_blank" className="text-purple-500 hover:underline"> <a href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" className="text-purple-500 hover:underline">
Terms & Conditions </a>{' '}|{' '} Terms & Conditions </a>{' '}|{' '}
<a href="https://docs.threefold.io/docs/legal/privacy_policy/" target="_blank" className="text-purple-500 hover:underline"> <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" className="text-purple-500 hover:underline">
Privacy Policy Privacy Policy
</a> </a>
</p> </p>

View File

@@ -8,6 +8,7 @@ export function Layout({ children, showFooter = true }) {
return ( return (
<> <>
<Header /> <Header />
<Banner />
<main className="flex-auto">{children}</main> <main className="flex-auto">{children}</main>
<Bottom /> <Bottom />
{showFooter && <Footer2 />} {showFooter && <Footer2 />}