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

add socials

Browse Source
This commit is contained in:
sasha-astiadi
2024-09-17 13:45:34 +02:00
parent 00f42c24eb
commit ace8a0f9cc
861 changed files with 6319 additions and 12450 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/community/page.jsx
View File

@@ -3,11 +3,13 @@ import Banner from '@/components/Banner'
import Communhero from '@/components/Communhero'
import Commevents from '@/components/Commevents'
import Events from '@/components/Events'
import Socials from '@/components/Socials'
export default function community() {
return (
<>
<Communhero />
<Socials />
<Events />
</>
)

38
src/components/Communhero.jsx
View File

@@ -1,23 +1,5 @@
import { LifebuoyIcon, NewspaperIcon, PhoneIcon } from '@heroicons/react/24/outline'
const supportLinks = [
{
name: 'Sales',
href: '#',
icon: PhoneIcon,
},
{
name: 'Technical Support',
href: '#',
icon: LifebuoyIcon,
},
{
name: 'Media Inquiries',
href: '#',
icon: NewspaperIcon,
},
]
export default function Communhero() {
return (
<div className="relative isolate overflow-hidden bg-purple-900 py-24 sm:py-32">
@@ -35,27 +17,15 @@ export default function Communhero() {
<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">
Exploring Impactful Use Cases from Real-life Applications
A United Community Creating the Future of Virtual Worlds
</h2>
<p className="mt-6 text-lg leading-8 text-purple-50">
Discover how OurVerse uniquely addresses challenges and fosters innovation in education, healthcare, environmental conservation,
and economic empowerment with specific, real-world applications of our technology.
Join a global movement where visionaries, creators, and innovators come together to shape immersive digital experiences.
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>
</div>
{/* Overlapping cards */}
<section aria-labelledby="contact-heading" className="relative z-10 mx-auto max-w-2xl px-6 lg:mx-20">
<div className="flex flex-wrap justify-start gap-x-10 gap-y-6 leading-7">
{supportLinks.map((link, index) => (
<div className="px-0 pb-8 pt-16" key={index}>
<div className="relative top-0 left-0 -translate-y-1/2 rounded-xl social-gradient p-5 shadow-lg">
<link.icon aria-hidden="true" className="h-4 w-4 text-white" />
</div>
</div>
))}
</div>
</section>
</div>
)
}

2
src/components/Eventmgmt.jsx
View File

@@ -51,7 +51,7 @@ export default function Eventmgmt() {
<div className="flex items-start justify-end lg:order-first">
<img
alt="Product screenshot"
src="/images/collaborate.jpg"
src="/images/event21.jpg"
width={2432}
height={1442}
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem]"

80
src/components/Socials.jsx Normal file
View File

@@ -0,0 +1,80 @@
import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
import { FaTelegramPlane, FaTwitter, FaYoutube, FaInstagram, FaLinkedin, FaFacebookF } from 'react-icons/fa' // Importing specific icons
const features = [
{
name: 'Telegram',
description: 'Connect with our community in real-time, and participate in discussions about the future of virtual worlds.',
icon: FaTelegramPlane,
link: 'https://t.me/+wLcrJaC_DTw0NTVk', // Replace with actual Telegram link
},
{
name: 'X',
description: 'Follow us on X to receive the latest updates, insights, and news from OurVerse and our community.',
icon: FaTwitter,
link: 'https://x.com/OurVerseTF', // Replace with actual Twitter link
},
{
name: 'YouTube',
description: "Dive deep into product demos, event recaps, and videos that showcase how we're revolutionizing virtual experiences.",
icon: FaYoutube,
link: '#', // Replace with actual YouTube link
},
{
name: 'Instagram',
description: "Follow us on Instagram for sneak peeks of upcoming projects, community highlights, and more.",
icon: FaInstagram,
link: 'https://www.instagram.com/ourversetf/', // Replace with actual Instagram link
},
{
name: 'LinkedIn',
description: "Connect and stay informed on industry insights, partnerships, and professional opportunities.",
icon: FaLinkedin,
link: 'https://www.linkedin.com/company/ourversetf/', // Replace with actual LinkedIn link
},
{
name: 'Facebook',
description: "Join our community on Facebook to follow and be part of discussions about the evolution of immersive virtual experiences.",
icon: FaFacebookF,
link: '#', // Replace with actual Facebook link
},
]
export default function Socials() {
return (
<div className="relative bg-white py-16 sm:py-24 lg:py-32">
<div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
<h2 className="text-lg font-mono font-medium text-purple-600">Socials</h2>
<p className="mt-2 text-3xl font-bold tracking-tight font-gradient sm:text-4xl">
Get Involved
</p>
<p className="mx-auto mt-5 max-w-prose text-xl text-gray-500">
Be a part of our global community by participating in open discussions and follow the most recent updates and news from OurVerse.
</p>
<div className="mt-12">
<div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
{features.map((feature) => (
<a href={feature.link} key={feature.name}
className="pt-6"
target='_blank'
rel='noreferrer'
>
<div className="flow-root rounded-lg bg-gray-50 px-6 pb-8">
<div className="-mt-6">
<div>
<span className="inline-flex items-center justify-center rounded-md bg-gradient-to-r from-purple-200 to-purple-600 p-3 shadow-lg">
<feature.icon aria-hidden="true" className="h-6 w-6 text-white" />
</span>
</div>
<h3 className="mt-8 text-lg font-medium tracking-tight text-gray-900">{feature.name}</h3>
<p className="mt-5 text-base text-gray-500">{feature.description}</p>
</div>
</div>
</a>
))}
</div>
</div>
</div>
</div>
)
}

2
src/components/Studio.jsx
View File

@@ -51,7 +51,7 @@ export default function Studio() {
</div>
<img
alt="Product screenshot"
src="/images/communicate.jpg"
src="/images/studio.jpg"
width={2432}
height={1442}
className="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-purple-400/10 sm:w-[57rem] md:-ml-4 lg:-ml-0"