edit
This commit is contained in:
		@@ -63,7 +63,7 @@ export default function Example() {
 | 
			
		||||
          <div className="lg:ml-auto lg:pl-4 lg:pt-4">
 | 
			
		||||
            <div className="lg:max-w-lg">
 | 
			
		||||
              <h2 className="text-base font-medium font-mono leading-7 text-purple-600">Features</h2>
 | 
			
		||||
              <p className="mt-2 font-display text-3xl font-semibold tracking-tighter font-gradient-dark sm:text-5xl">The Future of Communication</p>
 | 
			
		||||
              <p className="mt-2 font-display text-3xl font-semibold tracking-tighter text-gradient-dark sm:text-5xl">The Future of Communication</p>
 | 
			
		||||
              <p className="mt-6 text-lg leading-8 text-purple-600">
 | 
			
		||||
              OurVerse offers cutting-edge tools designed to bring your events, meetings, and creative projects to life in new and exciting ways.
 | 
			
		||||
              </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -11,24 +11,24 @@ const posts = [
 | 
			
		||||
      datetime: '2020-03-16',
 | 
			
		||||
      category: { title: 'Technologies', href: '/community/blogs/herogpt' },
 | 
			
		||||
      author: {
 | 
			
		||||
        name: 'Michael Foster',
 | 
			
		||||
        role: 'Co-Founder / CTO',
 | 
			
		||||
        href: '#',
 | 
			
		||||
        name: 'Sasha Astiadi',
 | 
			
		||||
        role: 'Product Owner',
 | 
			
		||||
        href: 'https://www.ourworld.tf/people/sasha-astiadi/',
 | 
			
		||||
        imageUrl:
 | 
			
		||||
          'https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
 | 
			
		||||
          '/images/avatars/sasha_astiadi.jpeg',
 | 
			
		||||
      },
 | 
			
		||||
    },
 | 
			
		||||
    // More posts...
 | 
			
		||||
  ]
 | 
			
		||||
  
 | 
			
		||||
  export default function Example() {
 | 
			
		||||
  export default function Blogposts() {
 | 
			
		||||
    return (
 | 
			
		||||
      <div className="bg-white py-24 sm:py-32">
 | 
			
		||||
        <div className="mx-auto max-w-7xl px-6 lg:px-8">
 | 
			
		||||
          <div className="mx-auto max-w-2xl text-center">
 | 
			
		||||
            <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the blog</h2>
 | 
			
		||||
          <div className="mx-auto max-w-3xl text-center">
 | 
			
		||||
            <h2 className="text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">From the Blog</h2>
 | 
			
		||||
            <p className="mt-2 text-lg leading-8 text-gray-600">
 | 
			
		||||
              Learn how to grow your business with our expert advice.
 | 
			
		||||
              Stay up to date with the latest news, announcements, and stories from OurVerse.
 | 
			
		||||
            </p>
 | 
			
		||||
          </div>
 | 
			
		||||
          <div className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
 | 
			
		||||
 
 | 
			
		||||
@@ -52,7 +52,7 @@ import {
 | 
			
		||||
      <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="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-semibold tracking-tighter font-gradient-dark sm:text-5xl">Build Your Own Verse</p>
 | 
			
		||||
            <p className="mt-2 font-display text-4xl font-semibold tracking-tighter text-gradient-dark sm:text-5xl">Build Your Own Verse</p>
 | 
			
		||||
            <p className="mt-6 font-display text-2xl tracking-tight text-purple-900">
 | 
			
		||||
            Create and customize your virtual world with powerful tools and resources that make building and managing your digital space easy and intuitive.
 | 
			
		||||
            </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -138,7 +138,7 @@ const posts = [
 | 
			
		||||
      <div className="bg-gradient-to-b from-purple-50/70 to-purple-50/5 lg:py-20 py-32">
 | 
			
		||||
        <div className="mx-auto max-w-7xl px-6 lg:px-8">
 | 
			
		||||
          <div className="mx-auto max-w-2xl text-center">
 | 
			
		||||
            <h2 className="text-3xl font-bold tracking-tight font-gradient-dark sm:text-4xl">Case Studies</h2>
 | 
			
		||||
            <h2 className="text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">Case Studies</h2>
 | 
			
		||||
            <p className="mt-2 text-lg leading-8 text-purple-600">
 | 
			
		||||
            Discover how OurVerse uniquely addresses challenges and fosters innovation with specific, real-world applications of our technology.
 | 
			
		||||
            </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ export default function Collaborate() {
 | 
			
		||||
        <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-2">
 | 
			
		||||
          <div className="lg:ml-auto lg:pl-4 lg:pt-4">
 | 
			
		||||
            <div className="lg:max-w-lg">
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark  sm:text-4xl">Creative Collaboration</p>
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter text-gradient-dark  sm:text-4xl">Creative Collaboration</p>
 | 
			
		||||
              <p className="mt-6 text-lg leading-8 text-purple-900">
 | 
			
		||||
              Unleash your team’s creative potential in an immersive virtual playground where ideas come to life.
 | 
			
		||||
              </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ export default function Communicate() {
 | 
			
		||||
        <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-2">
 | 
			
		||||
          <div className="lg:pr-8 lg:pt-4">
 | 
			
		||||
            <div className="lg:max-w-lg">
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark sm:text-4xl">Advanced Communication</p>
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter text-gradient-dark sm:text-4xl">Advanced Communication</p>
 | 
			
		||||
              <p className="mt-6 text-lg leading-8 text-purple-900">
 | 
			
		||||
              Elevate your virtual interactions with cutting-edge communication features 
 | 
			
		||||
              designed to keep you connected and engaged.
 | 
			
		||||
 
 | 
			
		||||
@@ -53,7 +53,7 @@ import {
 | 
			
		||||
        <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-semibold tracking-tighter font-gradient-dark sm:text-5xl">
 | 
			
		||||
            <p className="mt-2 font-display text-4xl font-semibold tracking-tighter text-gradient-dark sm:text-5xl">
 | 
			
		||||
            Integrated CRM</p>
 | 
			
		||||
            <p className="mt-6 font-display text-2xl tracking-tight text-purple-900">
 | 
			
		||||
            Manage customer interactions, tasks, and meetings seamlessly in one platform, helping your business transition smoothly to the digital landscape.
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ export default function Eventmgmt() {
 | 
			
		||||
        <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-2">
 | 
			
		||||
          <div className="lg:ml-auto lg:pl-4 lg:pt-4">
 | 
			
		||||
            <div className="lg:max-w-lg">
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark  sm:text-4xl">Event Management</p>
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter text-gradient-dark  sm:text-4xl">Event Management</p>
 | 
			
		||||
              <p className="mt-6 text-lg leading-8 text-purple-900">
 | 
			
		||||
              Host and manage tailored events with versatile venues, real-time updates, and powerful engagement tools to ensure a seamless and memorable experience.
 | 
			
		||||
              </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -37,7 +37,7 @@ const featuredPost = {
 | 
			
		||||
          
 | 
			
		||||
          <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 font-gradient-dark lg:text-4xl">Events</h1> 
 | 
			
		||||
            <h1 className="mt-2 mb-6 text-3xl font-semibold tracking-tighter text-gradient-dark lg:text-4xl">Events</h1> 
 | 
			
		||||
            <img
 | 
			
		||||
                alt=""
 | 
			
		||||
                src="/images/futurefest.jpg"
 | 
			
		||||
 
 | 
			
		||||
@@ -82,7 +82,7 @@ export default function Featureshome() {
 | 
			
		||||
        </svg>
 | 
			
		||||
 | 
			
		||||
        <div className="relative">
 | 
			
		||||
          <h2 className="text-center lg:text-4xl font-bold leading-8 tracking-tight font-gradient-dark text-2xl">
 | 
			
		||||
          <h2 className="text-center lg:text-4xl font-bold leading-8 tracking-tight text-gradient-dark text-2xl">
 | 
			
		||||
          The Future of Communication and Collaboration
 | 
			
		||||
          </h2>
 | 
			
		||||
          <p className="mx-auto mt-4 max-w-3xl text-center lg:text-xl text-lg text-purple-900">
 | 
			
		||||
@@ -93,7 +93,7 @@ export default function Featureshome() {
 | 
			
		||||
        <div className="relative mt-12 lg:mt-24 lg:grid lg:grid-cols-2 lg:items-center lg:gap-8">
 | 
			
		||||
          <div className="relative">
 | 
			
		||||
            <h2 className="text-base  font-medium font-mono leading-7 text-cyan-700">Features</h2>
 | 
			
		||||
            <h3 className="text-2xl font-bold tracking-tight font-gradient-dark sm:text-3xl">Collaboration & Creation Tools</h3>
 | 
			
		||||
            <h3 className="text-2xl font-bold tracking-tight text-gradient-dark sm:text-3xl">Collaboration & Creation Tools</h3>
 | 
			
		||||
            <p className="mt-3 text-lg text-purple-900">
 | 
			
		||||
            Transform how you and your team work together with our innovative, real-time creative tools.
 | 
			
		||||
            </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -46,10 +46,10 @@ export function Hero() {
 | 
			
		||||
      <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 lg:text-6xl text-3xl font-semibold tracking-tighter font-gradient-dark">
 | 
			
		||||
          <h1 className="font-display lg:text-6xl text-3xl font-semibold tracking-tighter text-gradient-dark">
 | 
			
		||||
            OurVerse
 | 
			
		||||
          </h1>
 | 
			
		||||
          <h1 className="mt-2 font-display lg:text-2xl text-lg font-semibold tracking-tight font-gradient-dark">
 | 
			
		||||
          <h1 className="mt-2 font-display lg:text-2xl text-lg font-semibold tracking-tight text-gradient-dark">
 | 
			
		||||
            Powered by ThreeFold
 | 
			
		||||
          </h1>
 | 
			
		||||
          <div className="mt-4 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-900">
 | 
			
		||||
@@ -75,7 +75,7 @@ export function Hero() {
 | 
			
		||||
            ].map(([name, value]) => (
 | 
			
		||||
              <div key={name}>
 | 
			
		||||
                <dt className="font-mono text-sm text-cyan-600">{name}</dt>
 | 
			
		||||
                <dd className="mt-0.5 text-2xl font-semibold tracking-tight font-gradient-dark">
 | 
			
		||||
                <dd className="mt-0.5 text-2xl font-semibold tracking-tight text-gradient-dark">
 | 
			
		||||
                  {value}
 | 
			
		||||
                </dd>
 | 
			
		||||
              </div>
 | 
			
		||||
@@ -84,7 +84,7 @@ export function Hero() {
 | 
			
		||||
        </div>
 | 
			
		||||
        <div className="pt-6 pb-24"></div>
 | 
			
		||||
        <div className="mx-auto max-w-7xl px-6 lg:px-8">
 | 
			
		||||
          <h2 className="lg:text-4xl mb-8 font-semibold tracking-tight  font-gradient-dark text-xl">A Journey to The Future</h2>
 | 
			
		||||
          <h2 className="lg:text-4xl mb-8 font-semibold tracking-tight  text-gradient-dark text-xl">A Journey to The Future</h2>
 | 
			
		||||
          <div className="mt-4 mb-12 space-y-6 font-display lg:text-xl text-lg tracking-tight leading-tight text-purple-900">
 | 
			
		||||
            A journey through five transformative phases of digital collaboration, culminating in OurVerse—the immersive 
 | 
			
		||||
            metaverse platform breaking down barriers and unlocking unlimited possibilities for global connection.
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ export function Homepage() {
 | 
			
		||||
                  </a>
 | 
			
		||||
                  </div>
 | 
			
		||||
          </div>
 | 
			
		||||
          <h1 className="font-display lg:max-w-2xl font-bold tracking-tighter font-gradient-dark lg:text-7xl text-5xl">
 | 
			
		||||
          <h1 className="font-display lg:max-w-2xl font-bold tracking-tighter text-gradient-dark lg:text-7xl text-5xl">
 | 
			
		||||
            The Future of Collaboration is Now.
 | 
			
		||||
          </h1>
 | 
			
		||||
          <div className="font-ethnocentric lg:max-w-3xl max-w-2xl my-6 space-y-6 font-display font-medium lg:text-2xl text-xl tracking-tight text-purple-800">
 | 
			
		||||
 
 | 
			
		||||
@@ -48,7 +48,7 @@ export function Product() {
 | 
			
		||||
      <Container className="relative z-10">
 | 
			
		||||
        <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
 | 
			
		||||
          <h2 className="text-base font-medium font-mono leading-7 text-cyan-700">Usecases</h2>
 | 
			
		||||
          <h2 className="mt-2 font-display text-4xl font-semibold tracking-tighter font-gradient-dark sm:text-5xl">
 | 
			
		||||
          <h2 className="mt-2 font-display text-4xl font-semibold tracking-tighter text-gradient-dark sm:text-5xl">
 | 
			
		||||
          Transforming Possibilities Across Industries Digitally
 | 
			
		||||
          </h2>
 | 
			
		||||
          <p className="mt-4 font-display lg:text-xl text-lg tracking-tight text-purple-900">
 | 
			
		||||
 
 | 
			
		||||
@@ -45,7 +45,7 @@ export default function Socials() {
 | 
			
		||||
    <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-dark sm:text-4xl">
 | 
			
		||||
        <p className="mt-2 text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">
 | 
			
		||||
          Get Involved
 | 
			
		||||
        </p>
 | 
			
		||||
        <p className="mx-auto mt-5 max-w-prose text-xl text-gray-500">
 | 
			
		||||
 
 | 
			
		||||
@@ -31,7 +31,7 @@ export default function Studio() {
 | 
			
		||||
        <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-2">
 | 
			
		||||
          <div className="lg:pr-8 lg:pt-4">
 | 
			
		||||
            <div className="lg:max-w-lg">
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter font-gradient-dark sm:text-4xl">OurVerse Studio</p>
 | 
			
		||||
              <p className="mt-2 text-3xl font-semibold tracking-tighter text-gradient-dark sm:text-4xl">OurVerse Studio</p>
 | 
			
		||||
              <p className="mt-6 text-lg leading-8 text-purple-900">
 | 
			
		||||
              Elevate your virtual interactions with cutting-edge communication features 
 | 
			
		||||
              designed to keep you connected and engaged.
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,7 @@ export default function Blog_1() {
 | 
			
		||||
    <div className="bg-white px-6 py-32 lg:px-8">
 | 
			
		||||
      <div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
 | 
			
		||||
          <p className="text-base font-semibold leading-7 text-purple-600">Technologies</p>
 | 
			
		||||
          <h1 className="mt-2 text-3xl font-bold font-gradient-dark tracking-tight text-gray-900 sm:text-4xl">
 | 
			
		||||
          <h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">
 | 
			
		||||
          Announcing Hero-GPT: Revolutionizing Virtual Environment Creation
 | 
			
		||||
          </h1>
 | 
			
		||||
          <p className="mt-6 text-xl leading-8">
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,7 @@ export default function Abw2022_1() {
 | 
			
		||||
    <div className="bg-white px-6 py-32 lg:px-8">
 | 
			
		||||
      <div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
 | 
			
		||||
        <p className="text-base font-semibold leading-7 text-purple-600">Events</p>
 | 
			
		||||
        <h1 className="mt-2 text-3xl font-bold font-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Building a Metaverse with Revenue: Insights from Arab Meta Summit 2022 Day 2</h1>
 | 
			
		||||
        <h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Building a Metaverse with Revenue: Insights from Arab Meta Summit 2022 Day 2</h1>
 | 
			
		||||
        <p className="mt-6 text-xl leading-8">
 | 
			
		||||
        At the Arab Meta Summit 2022, Christopher K, co-founder of OurVerse and CEO of Aviva Technologies, 
 | 
			
		||||
        shared valuable insights on how to build a successful and revenue-generating metaverse. 
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,7 @@ export default function Abw2022_2() {
 | 
			
		||||
    <div className="bg-white px-6 py-32 lg:px-8">
 | 
			
		||||
      <div className="mx-auto max-w-3xl text-base leading-7 text-purple-700">
 | 
			
		||||
        <p className="text-base font-semibold leading-7 text-purple-600">Events</p>
 | 
			
		||||
        <h1 className="mt-2 text-3xl font-bold font-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Real-World Applications of the Metaverse in AR: Insights from Omrei Abu Madi at the Arab Meta Summit 2022</h1>
 | 
			
		||||
        <h1 className="mt-2 text-3xl font-bold text-gradient-dark tracking-tight text-gray-900 sm:text-4xl">Real-World Applications of the Metaverse in AR: Insights from Omrei Abu Madi at the Arab Meta Summit 2022</h1>
 | 
			
		||||
        <p className="mt-6 text-xl leading-8">
 | 
			
		||||
        During Day 1 of the Arab Meta Summit 2022, Omrei Abu Madi, co-founder of OurVerse and a visionary in both the tech and tourism industries, discussed the real-world applications of the Metaverse, particularly focusing on Augmented Reality (AR).
 | 
			
		||||
        </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -107,7 +107,7 @@
 | 
			
		||||
  background-image: linear-gradient(45deg, #3e2e5d 0%, #487d76 100%);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.font-gradient-dark {
 | 
			
		||||
.text-gradient-dark {
 | 
			
		||||
  background-color: #5e4589;
 | 
			
		||||
  background-image: linear-gradient(45deg, #5e4589 0%, #5fa69b 25%,  #5e4589 100%);
 | 
			
		||||
  -webkit-background-clip: text;
 | 
			
		||||
@@ -168,6 +168,6 @@
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.emphasis {
 | 
			
		||||
  @apply font-semibold font-gradient-dark bg-clip-text text-transparent;
 | 
			
		||||
  @apply font-semibold text-gradient-dark bg-clip-text text-transparent;
 | 
			
		||||
  }
 | 
			
		||||
  
 | 
			
		||||
		Reference in New Issue
	
	Block a user