7 Commits

Author SHA1 Message Date
b0d5483e43 video 2024-09-09 15:56:17 +02:00
000bc25b7c edit 2024-09-09 15:55:54 +02:00
4be4914a09 add community 2024-09-09 15:55:19 +02:00
e8e8a8c621 edit 2024-09-09 15:54:51 +02:00
0efecff123 Merge pull request 'ok' (#3) from main into development
Reviewed-on: ourworld_web/ourverse_new#3
2024-09-04 08:22:30 +00:00
1b1936ffba Merge pull request 'main' (#2) from main into development
Reviewed-on: ourworld_web/ourverse_new#2
2024-08-30 14:13:47 +00:00
bca02496bb Merge pull request 'main' (#1) from main into development
Reviewed-on: ourworld_web/ourverse_new#1
2024-08-29 11:41:34 +00:00
38 changed files with 888 additions and 466 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -1,4 +1,5 @@
{
"/events/versefest/page": "app/events/versefest/page.js",
"/favicon.ico/route": "app/favicon.ico/route.js",
"/(main)/page": "app/(main)/page.js"
}

File diff suppressed because one or more lines are too long

View File

@@ -47,6 +47,11 @@
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/amd options */
/******/ (() => {
/******/ __webpack_require__.amdO = {};
/******/ })();
/******/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
@@ -125,7 +130,7 @@
/******/
/******/ /* webpack/runtime/getFullHash */
/******/ (() => {
/******/ __webpack_require__.h = () => ("0179dd03c26fe85a")
/******/ __webpack_require__.h = () => ("20c068f3a164ace5")
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

BIN
public/videos/ourverse4.mp4 Normal file

Binary file not shown.

BIN
public/videos/ourverse5.mp4 Normal file

Binary file not shown.

View File

@@ -1,9 +1,9 @@
import { Homepage } from '@/components/Homepage'
import { Hero } from '@/components/Hero'
import Community from '@/components/Community'
import Communicate from '@/components/Communicate'
import Collaborate from '@/components/Collaborate'
import Build from '@/components/Build'
import { Newsletter } from '@/components/Newsletter'
import { Product } from '@/components/Product'
import { Speakers } from '@/components/Speakers'
import { Sponsors } from '@/components/Sponsors'
@@ -18,7 +18,7 @@ export default function Home() {
<Collaborate />
<Build />
<Product />
<Newsletter />
<Community />
</>
)
}

View File

View File

@@ -0,0 +1,5 @@
import { Layout } from '@/components/Layout'
export default function MainLayout({ children }) {
return <Layout>{children}</Layout>
}

11
src/app/usecases/page.jsx Normal file
View File

@@ -0,0 +1,11 @@
import Usecases from '@/components/Usecases'
import Banner from '@/components/Banner'
export default function usecases() {
return (
<>
<Banner />
<Usecases />
</>
)
}

23
src/components/Banner.jsx Normal file
View File

@@ -0,0 +1,23 @@
import { XMarkIcon } from '@heroicons/react/20/solid'
export default function Example() {
return (
<div className="flex items-center gap-x-6 bg-gradient px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
<p className="text-sm leading-6 text-white">
<a href="#">
<strong className="font-semibold">OurVerse FutureFest 2024</strong>
<svg viewBox="0 0 2 2" aria-hidden="true" className="mx-2 inline h-0.5 w-0.5 fill-current">
<circle r={1} cx={1} cy={1} />
</svg>
Join us at OurWorld Verse from Oct 25 27 to see whats coming next&nbsp;<span aria-hidden="true">&rarr;</span>
</a>
</p>
<div className="flex flex-1 justify-end">
<button type="button" className="-m-3 p-3 focus-visible:outline-offset-[-4px]">
<span className="sr-only">Dismiss</span>
<XMarkIcon aria-hidden="true" className="h-5 w-5 text-white" />
</button>
</div>
</div>
)
}

View File

@@ -3,7 +3,7 @@ import clsx from 'clsx'
export function Button({ className, ...props }) {
className = clsx(
'inline-flex justify-center rounded-2xl bg-blue-700 py-2 px-4 text-sm font-semibold text-white hover:bg-blue-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-white/70',
'inline-flex justify-center rounded-2xl bg-gradient py-2 px-4 text-sm font-semibold text-white hover:bg-blue-500 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500 active:text-white/70',
className,
)

View File

@@ -0,0 +1,97 @@
const featuredPost = {
id: 1,
title: 'FutureFest 2024',
href: '#',
description:
'Embrace the possibilities at FutureFest 2024, a landmark event that invites you to explore the converging worlds of technology, creativity, and sustainability.',
date: 'Mar 16, 2020',
datetime: '2020-03-16',
}
const posts = [
{
id: 2,
title: 'Boost your conversion rate',
href: '#',
description:
'Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel iusto corrupti dicta laboris incididunt.',
date: 'Mar 10, 2020',
datetime: '2020-03-16',
},
{
id: 3,
title: 'Boost your conversion rate',
href: '#',
description:
'Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel iusto corrupti dicta laboris incididunt.',
date: 'Mar 10, 2020',
datetime: '2020-03-16',
},
// More posts...
]
export default function Example() {
return (
<div className="bg-white pt-12 pb-24">
<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-blue-500">Community</h2>
<img
alt=""
src="/images/futurefest2.jpg"
className="mt-4 aspect-auto w-full rounded-2xl bg-gray-50 object-cover lg:aspect-auto lg:h-[20.5rem]"
/>
<h2 id="featured-post" className="mt-8 text-3xl font-medium tracking-tight text-blue-700 sm:text-4xl">
{featuredPost.title}
</h2>
<time dateTime={featuredPost.datetime} className="mt-2 block text-sm leading-6 text-gray-600">
{featuredPost.date}
</time>
<p className="mt-2 text-lg leading-8 text-gray-600">{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-blue-700 mt-2"
>
Learn More <span aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
</article>
<div className="mx-auto w-full max-w-2xl border-t border-gray-900/10 pt-12 sm:pt-16 lg:mx-0 lg:max-w-none lg:border-t-0 lg:pt-0">
<div className="-my-12 divide-y divide-gray-900/10">
{posts.map((post) => (
<article key={post.id} className="py-12">
<div className="group relative max-w-xl">
<time dateTime={post.datetime} className="block text-sm leading-6 text-gray-600">
{post.date}
</time>
<h2 className="mt-2 text-lg font-semibold text-blue-700 group-hover:text-blue-400">
<a href={post.href}>
<span className="absolute inset-0" />
{post.title}
</a>
</h2>
<p className="mt-4 text-sm leading-6 text-gray-600">{post.description}</p>
</div>
<div className="mt-4 flex">
<a
href={post.href}
aria-describedby="post"
className="text-sm font-semibold leading-6 text-blue-700 mt-2"
>
Learn More <span aria-hidden="true">&rarr;</span>
</a>
</div>
</article>
))}
</div>
</div>
</div>
</div>
)
}

View File

@@ -10,8 +10,8 @@ import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline';
const navigationItems = [
{ name: 'Home', href: '/' },
{ name: 'Features', href: '#' },
{ name: 'Usecases', href: '#' },
{ name: 'Events', href: '#' },
{ name: 'Usecases', href: 'usecases' },
{ name: 'Community', href: '#' },
];
export function Header() {
@@ -33,7 +33,7 @@ export function Header() {
</div>
<Button href="#">Join OurVerse</Button>
</div>
<div className="lg:hidden flex items-center">
<div className="lg:hidden flex items-center bg-gradient">
<button
type="button"
onClick={() => setMobileMenuOpen(true)}
@@ -70,7 +70,7 @@ export function Header() {
{item.name}
</a>
))}
<Button href="#" className="mt-4">
<Button href="#" className="mt-4 bg-gradient">
Join OurVerse
</Button>
</div>

View File

@@ -15,34 +15,34 @@ export function Homepage() {
playsInline
className="absolute inset-0 w-full h-full object-cover -z-10"
>
<source src="/videos/ourverse1.mp4" type="video/mp4" />
<source src="/videos/ourverse4.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
<div className="mx-auto max-w-xl lg:max-w-6xl">
<div className="mt-12 mb-6 lg:mt-16">
<div className="inline-flex space-x-6">
<span className="rounded-full bg-blue-700/10 px-3 py-1 text-sm font-semibold leading-6 text-blue-700 ring-1 ring-inset ring-indigo-600/10">
<span className="rounded-full bg-gradient-light px-3 py-1 text-sm font-semibold leading-6 font-blue1 ring-1 ring-inset ring-indigo-600/10">
What's new
</span>
<a href="/events/versefest" className="inline-flex items-center space-x-2 text-sm font-medium leading-6 text-blue-500 hover:text-blue-900">
<a href="/community/versefest" className="inline-flex items-center space-x-2 text-sm font-medium leading-6 font-blue1 hover:text-blue-900">
<span className="underline">Announcing: VerseFest 2024</span>
<ChevronRightIcon className="h-5 w-5 text-blue-700" aria-hidden="true" />
</a>
</div>
</div>
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter text-blue-700 lg:text-7xl text-5xl">
<h1 className="font-display lg:max-w-2xl font-bold tracking-tighter font-gradient lg:text-7xl text-5xl">
A New, Vibrant Virtual World.
</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 text-blue-900">
<p>Discover <span className='text-blue-700 font-semibold'>OurVerse</span>, a new virtual space designed for everyone,
<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 font-blue2">
<p>Discover <span className='font-gradient font-semibold'>OurVerse</span>, a new virtual space designed for everyone,
where you can express yourself freely, build meaningful relationships,
and explore endless possibilities in an environment that celebrates diversity and authenticity.</p>
</div>
<div className="mt-10 pb-8 flex items-center gap-x-6">
<a
href="#"
className="rounded-xl bg-blue-700 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
className="rounded-2xl bg-gradient px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500"
>
Join OurVerse
</a>

View File

@@ -1,4 +1,5 @@
import { Footer } from '@/components/Footer'
import { Newsletter } from '@/components/Newsletter'
import { Header } from '@/components/Header'
export function Layout({ children, showFooter = true }) {
@@ -6,6 +7,7 @@ export function Layout({ children, showFooter = true }) {
<>
<Header />
<main className="flex-auto">{children}</main>
<Newsletter />
{showFooter && <Footer />}
</>
)

View File

@@ -1,460 +1,344 @@
export function Logo(props) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
width="130"
height="43.33"
version="1"
viewBox="0 0 90 30"
>
<defs>
<filter id="bdef170c39" width="100%" height="100%" x="0%" y="0%">
<feColorMatrix
colorInterpolationFilters="sRGB"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
></feColorMatrix>
</filter>
<clipPath id="ae85f5a47d">
<path d="M4.355 5.473H16v18.144H4.355zm0 0"></path>
</clipPath>
<clipPath id="9479493a42">
<path d="M13.07 23.469a2.665 2.665 0 01-2.383-1.504L4.657 9.25a2.62 2.62 0 011.257-3.492A2.621 2.621 0 019.41 7.016l6.027 12.714a2.618 2.618 0 01-2.367 3.739zm0 0"></path>
</clipPath>
<linearGradient
id="90a54febec"
x1="117.677"
x2="-10.526"
y1="202.569"
y2="6.809"
gradientTransform="translate(4.355 5.479) scale(.09174)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stopColor="#1E3A8A"></stop>
<stop offset="0.063" stopColor="#1E3A8A"></stop>
<stop offset="0.094" stopColor="#1E3A8A"></stop>
<stop offset="0.109" stopColor="#1E3A8A"></stop>
<stop offset="0.117" stopColor="#1E3A8A"></stop>
<stop offset="0.125" stopColor="#1E3A8B"></stop>
<stop offset="0.133" stopColor="#1F3B8C"></stop>
<stop offset="0.141" stopColor="#1F3C8D"></stop>
<stop offset="0.148" stopColor="#1F3C8E"></stop>
<stop offset="0.156" stopColor="#1F3D8F"></stop>
<stop offset="0.164" stopColor="#203E90"></stop>
<stop offset="0.172" stopColor="#203E91"></stop>
<stop offset="0.18" stopColor="#203F92"></stop>
<stop offset="0.188" stopColor="#204092"></stop>
<stop offset="0.195" stopColor="#214093"></stop>
<stop offset="0.203" stopColor="#214194"></stop>
<stop offset="0.211" stopColor="#214295"></stop>
<stop offset="0.219" stopColor="#224296"></stop>
<stop offset="0.227" stopColor="#224397"></stop>
<stop offset="0.234" stopColor="#224498"></stop>
<stop offset="0.242" stopColor="#249"></stop>
<stop offset="0.25" stopColor="#23459A"></stop>
<stop offset="0.258" stopColor="#23459B"></stop>
<stop offset="0.266" stopColor="#23469C"></stop>
<stop offset="0.273" stopColor="#23479D"></stop>
<stop offset="0.281" stopColor="#24479E"></stop>
<stop offset="0.289" stopColor="#24489F"></stop>
<stop offset="0.297" stopColor="#2449A0"></stop>
<stop offset="0.299" stopColor="#2549A1"></stop>
<stop offset="0.305" stopColor="#254AA1"></stop>
<stop offset="0.313" stopColor="#254AA2"></stop>
<stop offset="0.32" stopColor="#254BA3"></stop>
<stop offset="0.328" stopColor="#254BA4"></stop>
<stop offset="0.336" stopColor="#264CA5"></stop>
<stop offset="0.344" stopColor="#264DA6"></stop>
<stop offset="0.352" stopColor="#264DA7"></stop>
<stop offset="0.359" stopColor="#264EA8"></stop>
<stop offset="0.367" stopColor="#274FA9"></stop>
<stop offset="0.375" stopColor="#274FAA"></stop>
<stop offset="0.383" stopColor="#2750AB"></stop>
<stop offset="0.391" stopColor="#2751AC"></stop>
<stop offset="0.398" stopColor="#2851AD"></stop>
<stop offset="0.406" stopColor="#2852AE"></stop>
<stop offset="0.414" stopColor="#2853AF"></stop>
<stop offset="0.422" stopColor="#2953AF"></stop>
<stop offset="0.43" stopColor="#2954B0"></stop>
<stop offset="0.438" stopColor="#2954B1"></stop>
<stop offset="0.445" stopColor="#2955B2"></stop>
<stop offset="0.453" stopColor="#2A56B3"></stop>
<stop offset="0.461" stopColor="#2A56B4"></stop>
<stop offset="0.469" stopColor="#2A57B5"></stop>
<stop offset="0.477" stopColor="#2A58B6"></stop>
<stop offset="0.484" stopColor="#2B58B7"></stop>
<stop offset="0.492" stopColor="#2B59B8"></stop>
<stop offset="0.5" stopColor="#2B5AB9"></stop>
<stop offset="0.508" stopColor="#2C5ABA"></stop>
<stop offset="0.516" stopColor="#2C5BBB"></stop>
<stop offset="0.523" stopColor="#2C5CBC"></stop>
<stop offset="0.531" stopColor="#2C5CBD"></stop>
<stop offset="0.539" stopColor="#2D5DBE"></stop>
<stop offset="0.547" stopColor="#2D5EBF"></stop>
<stop offset="0.555" stopColor="#2D5EC0"></stop>
<stop offset="0.563" stopColor="#2D5FC1"></stop>
<stop offset="0.57" stopColor="#2E60C2"></stop>
<stop offset="0.578" stopColor="#2E60C3"></stop>
<stop offset="0.586" stopColor="#2E61C4"></stop>
<stop offset="0.594" stopColor="#2E61C5"></stop>
<stop offset="0.602" stopColor="#2F62C6"></stop>
<stop offset="0.609" stopColor="#2F63C7"></stop>
<stop offset="0.617" stopColor="#2F63C8"></stop>
<stop offset="0.625" stopColor="#3064C9"></stop>
<stop offset="0.633" stopColor="#3065CA"></stop>
<stop offset="0.641" stopColor="#3065CB"></stop>
<stop offset="0.648" stopColor="#3066CB"></stop>
<stop offset="0.656" stopColor="#3167CC"></stop>
<stop offset="0.664" stopColor="#3167CD"></stop>
<stop offset="0.672" stopColor="#3168CE"></stop>
<stop offset="0.68" stopColor="#3169CF"></stop>
<stop offset="0.688" stopColor="#3269D0"></stop>
<stop offset="0.695" stopColor="#326AD1"></stop>
<stop offset="0.701" stopColor="#326BD2"></stop>
<stop offset="0.703" stopColor="#326BD3"></stop>
<stop offset="0.711" stopColor="#326BD3"></stop>
<stop offset="0.719" stopColor="#336CD4"></stop>
<stop offset="0.727" stopColor="#336DD5"></stop>
<stop offset="0.734" stopColor="#336DD6"></stop>
<stop offset="0.742" stopColor="#346ED7"></stop>
<stop offset="0.75" stopColor="#346FD8"></stop>
<stop offset="0.758" stopColor="#346FD9"></stop>
<stop offset="0.766" stopColor="#3470DA"></stop>
<stop offset="0.773" stopColor="#3570DB"></stop>
<stop offset="0.781" stopColor="#3571DC"></stop>
<stop offset="0.789" stopColor="#3572DD"></stop>
<stop offset="0.797" stopColor="#3572DE"></stop>
<stop offset="0.805" stopColor="#3673DF"></stop>
<stop offset="0.813" stopColor="#3674E0"></stop>
<stop offset="0.82" stopColor="#3674E1"></stop>
<stop offset="0.828" stopColor="#3775E2"></stop>
<stop offset="0.836" stopColor="#3776E3"></stop>
<stop offset="0.844" stopColor="#3776E4"></stop>
<stop offset="0.852" stopColor="#3777E5"></stop>
<stop offset="0.859" stopColor="#3878E6"></stop>
<stop offset="0.867" stopColor="#3878E7"></stop>
<stop offset="0.875" stopColor="#3879E8"></stop>
<stop offset="0.883" stopColor="#387AE8"></stop>
<stop offset="0.891" stopColor="#397AE9"></stop>
<stop offset="0.898" stopColor="#397BEA"></stop>
<stop offset="0.906" stopColor="#397CEB"></stop>
<stop offset="0.914" stopColor="#397CEC"></stop>
<stop offset="0.922" stopColor="#3A7DED"></stop>
<stop offset="0.93" stopColor="#3A7DEE"></stop>
<stop offset="0.938" stopColor="#3A7EEF"></stop>
<stop offset="0.945" stopColor="#3B7FF0"></stop>
<stop offset="0.953" stopColor="#3B7FF1"></stop>
<stop offset="0.961" stopColor="#3B80F2"></stop>
<stop offset="0.969" stopColor="#3B81F3"></stop>
<stop offset="0.977" stopColor="#3C81F4"></stop>
<stop offset="0.984" stopColor="#3C82F5"></stop>
<stop offset="1" stopColor="#3C82F5"></stop>
</linearGradient>
<clipPath id="71699c0992">
<path d="M10 5.473h11.773v18.144H10zm0 0"></path>
</clipPath>
<clipPath id="39c4965344">
<path d="M13.055 23.469c-.375 0-.77-.078-1.13-.266-1.312-.617-1.878-2.195-1.257-3.492l6.031-12.715c.617-1.312 2.196-1.879 3.492-1.258 1.317.621 1.88 2.2 1.258 3.492l-6.027 12.715c-.434.977-1.371 1.524-2.367 1.524zm0 0"></path>
</clipPath>
<linearGradient
id="5c493e8459"
x1="188.996"
x2="130.793"
y1="-0.323"
y2="214.691"
gradientTransform="translate(4.355 5.479) scale(.09174)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stopColor="#1E3A8A"></stop>
<stop offset="0.008" stopColor="#1E3A8A"></stop>
<stop offset="0.016" stopColor="#1E3B8B"></stop>
<stop offset="0.023" stopColor="#1F3B8C"></stop>
<stop offset="0.031" stopColor="#1F3C8D"></stop>
<stop offset="0.039" stopColor="#1F3C8E"></stop>
<stop offset="0.047" stopColor="#1F3D8F"></stop>
<stop offset="0.055" stopColor="#203E90"></stop>
<stop offset="0.063" stopColor="#203E90"></stop>
<stop offset="0.07" stopColor="#203F91"></stop>
<stop offset="0.078" stopColor="#203F92"></stop>
<stop offset="0.086" stopColor="#214093"></stop>
<stop offset="0.094" stopColor="#214194"></stop>
<stop offset="0.102" stopColor="#214195"></stop>
<stop offset="0.109" stopColor="#214296"></stop>
<stop offset="0.117" stopColor="#224296"></stop>
<stop offset="0.125" stopColor="#224397"></stop>
<stop offset="0.133" stopColor="#224398"></stop>
<stop offset="0.141" stopColor="#249"></stop>
<stop offset="0.148" stopColor="#23459A"></stop>
<stop offset="0.15" stopColor="#23459B"></stop>
<stop offset="0.156" stopColor="#23459B"></stop>
<stop offset="0.164" stopColor="#23469C"></stop>
<stop offset="0.172" stopColor="#23469C"></stop>
<stop offset="0.18" stopColor="#23479D"></stop>
<stop offset="0.188" stopColor="#24489E"></stop>
<stop offset="0.195" stopColor="#24489F"></stop>
<stop offset="0.203" stopColor="#2449A0"></stop>
<stop offset="0.211" stopColor="#2449A1"></stop>
<stop offset="0.219" stopColor="#254AA2"></stop>
<stop offset="0.227" stopColor="#254AA2"></stop>
<stop offset="0.234" stopColor="#254BA3"></stop>
<stop offset="0.242" stopColor="#254CA4"></stop>
<stop offset="0.25" stopColor="#264CA5"></stop>
<stop offset="0.258" stopColor="#264DA6"></stop>
<stop offset="0.266" stopColor="#264DA7"></stop>
<stop offset="0.273" stopColor="#264EA8"></stop>
<stop offset="0.281" stopColor="#274EA9"></stop>
<stop offset="0.289" stopColor="#274FA9"></stop>
<stop offset="0.297" stopColor="#2750AA"></stop>
<stop offset="0.305" stopColor="#2750AB"></stop>
<stop offset="0.313" stopColor="#2851AC"></stop>
<stop offset="0.32" stopColor="#2851AD"></stop>
<stop offset="0.328" stopColor="#2852AE"></stop>
<stop offset="0.336" stopColor="#2853AF"></stop>
<stop offset="0.344" stopColor="#2953AF"></stop>
<stop offset="0.352" stopColor="#2954B0"></stop>
<stop offset="0.359" stopColor="#2954B1"></stop>
<stop offset="0.367" stopColor="#2955B2"></stop>
<stop offset="0.375" stopColor="#2955B3"></stop>
<stop offset="0.383" stopColor="#2A56B4"></stop>
<stop offset="0.391" stopColor="#2A57B5"></stop>
<stop offset="0.398" stopColor="#2A57B5"></stop>
<stop offset="0.406" stopColor="#2A58B6"></stop>
<stop offset="0.414" stopColor="#2B58B7"></stop>
<stop offset="0.422" stopColor="#2B59B8"></stop>
<stop offset="0.43" stopColor="#2B59B9"></stop>
<stop offset="0.438" stopColor="#2B5ABA"></stop>
<stop offset="0.445" stopColor="#2C5BBB"></stop>
<stop offset="0.453" stopColor="#2C5BBB"></stop>
<stop offset="0.461" stopColor="#2C5CBC"></stop>
<stop offset="0.469" stopColor="#2C5CBD"></stop>
<stop offset="0.477" stopColor="#2D5DBE"></stop>
<stop offset="0.484" stopColor="#2D5EBF"></stop>
<stop offset="0.492" stopColor="#2D5EC0"></stop>
<stop offset="0.5" stopColor="#2D5FC1"></stop>
<stop offset="0.508" stopColor="#2E5FC1"></stop>
<stop offset="0.516" stopColor="#2E60C2"></stop>
<stop offset="0.523" stopColor="#2E60C3"></stop>
<stop offset="0.531" stopColor="#2E61C4"></stop>
<stop offset="0.539" stopColor="#2F62C5"></stop>
<stop offset="0.547" stopColor="#2F62C6"></stop>
<stop offset="0.555" stopColor="#2F63C7"></stop>
<stop offset="0.563" stopColor="#2F63C7"></stop>
<stop offset="0.57" stopColor="#2F64C8"></stop>
<stop offset="0.578" stopColor="#3064C9"></stop>
<stop offset="0.586" stopColor="#3065CA"></stop>
<stop offset="0.594" stopColor="#3066CB"></stop>
<stop offset="0.602" stopColor="#3066CC"></stop>
<stop offset="0.609" stopColor="#3167CD"></stop>
<stop offset="0.617" stopColor="#3167CD"></stop>
<stop offset="0.625" stopColor="#3168CE"></stop>
<stop offset="0.633" stopColor="#3169CF"></stop>
<stop offset="0.641" stopColor="#3269D0"></stop>
<stop offset="0.648" stopColor="#326AD1"></stop>
<stop offset="0.656" stopColor="#326AD2"></stop>
<stop offset="0.664" stopColor="#326BD3"></stop>
<stop offset="0.672" stopColor="#336BD4"></stop>
<stop offset="0.68" stopColor="#336CD4"></stop>
<stop offset="0.688" stopColor="#336DD5"></stop>
<stop offset="0.695" stopColor="#336DD6"></stop>
<stop offset="0.703" stopColor="#346ED7"></stop>
<stop offset="0.711" stopColor="#346ED8"></stop>
<stop offset="0.719" stopColor="#346FD9"></stop>
<stop offset="0.727" stopColor="#3470DA"></stop>
<stop offset="0.734" stopColor="#3470DA"></stop>
<stop offset="0.742" stopColor="#3571DB"></stop>
<stop offset="0.75" stopColor="#3571DC"></stop>
<stop offset="0.758" stopColor="#3572DD"></stop>
<stop offset="0.766" stopColor="#3572DE"></stop>
<stop offset="0.773" stopColor="#3673DF"></stop>
<stop offset="0.781" stopColor="#3674E0"></stop>
<stop offset="0.789" stopColor="#3674E0"></stop>
<stop offset="0.797" stopColor="#3675E1"></stop>
<stop offset="0.805" stopColor="#3775E2"></stop>
<stop offset="0.813" stopColor="#3776E3"></stop>
<stop offset="0.82" stopColor="#3776E4"></stop>
<stop offset="0.828" stopColor="#3777E5"></stop>
<stop offset="0.836" stopColor="#3878E6"></stop>
<stop offset="0.844" stopColor="#3878E6"></stop>
<stop offset="0.85" stopColor="#3879E7"></stop>
<stop offset="0.852" stopColor="#3879E8"></stop>
<stop offset="0.859" stopColor="#3879E8"></stop>
<stop offset="0.867" stopColor="#397AE9"></stop>
<stop offset="0.875" stopColor="#397BEA"></stop>
<stop offset="0.883" stopColor="#397BEB"></stop>
<stop offset="0.891" stopColor="#397CEC"></stop>
<stop offset="0.898" stopColor="#3A7CEC"></stop>
<stop offset="0.906" stopColor="#3A7DED"></stop>
<stop offset="0.914" stopColor="#3A7DEE"></stop>
<stop offset="0.922" stopColor="#3A7EEF"></stop>
<stop offset="0.93" stopColor="#3A7FF0"></stop>
<stop offset="0.938" stopColor="#3B7FF1"></stop>
<stop offset="0.945" stopColor="#3B80F2"></stop>
<stop offset="0.953" stopColor="#3B80F2"></stop>
<stop offset="0.961" stopColor="#3B81F3"></stop>
<stop offset="0.969" stopColor="#3C81F4"></stop>
<stop offset="1" stopColor="#3C82F5"></stop>
</linearGradient>
<clipPath id="8d0c53bb2c">
<path d="M4.355 5.473H16v18.144H4.355zm0 0"></path>
</clipPath>
<clipPath id="8007d6ee0b">
<path d="M13.074 23.621c-.98 0-1.941-.566-2.394-1.512L4.62 9.336a2.628 2.628 0 011.262-3.508A2.632 2.632 0 019.395 7.09l6.058 12.773a2.639 2.639 0 01-1.265 3.512c-.36.168-.735.246-1.114.246zm0 0"></path>
</clipPath>
<image
width="18"
height="20"
x="0"
y="0"
preserveAspectRatio="xMidYMid meet"
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAABmJLR0QA/wD/AP+gvaeTAAAAlUlEQVQ4ja2TwQqEMAwFR13t/7N/quzdi4GatckLKBR8gtNM2kzAFziAvVuWf4jPDDRgu1Zz+VMBPQH6XK6ocQfY+1IBRXpNBUUAy3O1Iq/Xf5MqGv3cbxBWlR2/z5KaojdlaqresFfq8ad6vtkK8LGqUbOz255WpOr9waJZKw1z1OxMb/OgV/Ts2lcBllcPWkSd4TCf48wND2qvElwAAAAASUVORK5CYII="
></image>
<mask id="c882ea39a8">
<g filter="url(#bdef170c39)">
<image
width="18"
height="20"
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAABmJLR0QA/wD/AP+gvaeTAAAAlUlEQVQ4ja2TwQqEMAwFR13t/7N/quzdi4GatckLKBR8gtNM2kzAFziAvVuWf4jPDDRgu1Zz+VMBPQH6XK6ocQfY+1IBRXpNBUUAy3O1Iq/Xf5MqGv3cbxBWlR2/z5KaojdlaqresFfq8ad6vtkK8LGqUbOz255WpOr9waJZKw1z1OxMb/OgV/Ts2lcBllcPWkSd4TCf48wND2qvElwAAAAASUVORK5CYII="
></image>
</g>
</mask>
<clipPath id="9791d5a09d">
<path d="M0 0H18V20H0z"></path>
</clipPath>
<pattern
id="e6e7ec391e"
width="18"
height="20"
x="0"
y="0"
patternTransform="matrix(.96774 0 0 -.96774 4.355 24.116)"
patternUnits="userSpaceOnUse"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 18 20"
>
<g clipPath="url(#9791d5a09d)" mask="url(#c882ea39a8)">
xmlns="http://www.w3.org/2000/svg"
width="120"
height="40"
version="1"
viewBox="0 0 90 30"
>
<defs>
<clipPath id="ac010a499d">
<path d="M4.355 3.926h21.047v21.05H4.355zm0 0"></path>
</clipPath>
<clipPath id="52ca124259">
<path d="M25.527 14.516c0 .691-.066 1.382-.203 2.062a10.704 10.704 0 01-.601 1.988c-.266.641-.594 1.25-.98 1.829A10.358 10.358 0 0122.425 22c-.488.492-1.024.93-1.602 1.316a10.43 10.43 0 01-1.832.977c-.64.266-1.305.469-1.984.605-.684.133-1.371.204-2.067.204-.695 0-1.382-.07-2.066-.204-.68-.136-1.344-.34-1.984-.605A10.43 10.43 0 017.457 22a10.358 10.358 0 01-1.316-1.605 10.553 10.553 0 01-.98-1.829 10.704 10.704 0 01-.602-1.988 10.46 10.46 0 01-.204-2.062 10.704 10.704 0 01.805-4.055c.266-.64.594-1.25.98-1.828.383-.578.825-1.113 1.317-1.606.488-.492 1.023-.93 1.602-1.316a10.43 10.43 0 011.832-.977c.64-.265 1.304-.468 1.984-.605a10.804 10.804 0 012.066-.203c.696 0 1.383.07 2.067.203.68.137 1.344.34 1.984.605a10.43 10.43 0 013.434 2.293c.492.493.933 1.028 1.316 1.606.387.578.715 1.187.98 1.828.266.644.465 1.305.602 1.988.137.68.203 1.371.203 2.067zm0 0"></path>
</clipPath>
<linearGradient
id="9448ecee67"
x1="1770.926"
x2="1898.47"
y1="244.834"
y2="244.834"
gradientTransform="rotate(90 171.836 -116.492) scale(.16503)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stopColor="#4158D0"></stop>
<stop offset="0.004" stopColor="#4258D0"></stop>
<stop offset="0.008" stopColor="#4358D0"></stop>
<stop offset="0.012" stopColor="#4358D0"></stop>
<stop offset="0.016" stopColor="#4458D0"></stop>
<stop offset="0.02" stopColor="#4558D0"></stop>
<stop offset="0.023" stopColor="#4658CF"></stop>
<stop offset="0.027" stopColor="#4758CF"></stop>
<stop offset="0.031" stopColor="#4858CF"></stop>
<stop offset="0.035" stopColor="#4858CF"></stop>
<stop offset="0.039" stopColor="#4957CF"></stop>
<stop offset="0.043" stopColor="#4A57CF"></stop>
<stop offset="0.047" stopColor="#4B57CF"></stop>
<stop offset="0.051" stopColor="#4C57CF"></stop>
<stop offset="0.055" stopColor="#4D57CF"></stop>
<stop offset="0.059" stopColor="#4D57CF"></stop>
<stop offset="0.063" stopColor="#4E57CF"></stop>
<stop offset="0.066" stopColor="#4F57CE"></stop>
<stop offset="0.07" stopColor="#5057CE"></stop>
<stop offset="0.074" stopColor="#5157CE"></stop>
<stop offset="0.078" stopColor="#5257CE"></stop>
<stop offset="0.082" stopColor="#5257CE"></stop>
<stop offset="0.086" stopColor="#5357CE"></stop>
<stop offset="0.09" stopColor="#5457CE"></stop>
<stop offset="0.094" stopColor="#5557CE"></stop>
<stop offset="0.098" stopColor="#5657CE"></stop>
<stop offset="0.102" stopColor="#5657CE"></stop>
<stop offset="0.105" stopColor="#5757CD"></stop>
<stop offset="0.109" stopColor="#5857CD"></stop>
<stop offset="0.113" stopColor="#5957CD"></stop>
<stop offset="0.117" stopColor="#5A57CD"></stop>
<stop offset="0.121" stopColor="#5B56CD"></stop>
<stop offset="0.125" stopColor="#5B56CD"></stop>
<stop offset="0.129" stopColor="#5C56CD"></stop>
<stop offset="0.133" stopColor="#5D56CD"></stop>
<stop offset="0.137" stopColor="#5E56CD"></stop>
<stop offset="0.141" stopColor="#5F56CD"></stop>
<stop offset="0.145" stopColor="#6056CC"></stop>
<stop offset="0.148" stopColor="#6056CC"></stop>
<stop offset="0.152" stopColor="#6156CC"></stop>
<stop offset="0.156" stopColor="#6256CC"></stop>
<stop offset="0.16" stopColor="#6356CC"></stop>
<stop offset="0.164" stopColor="#6456CC"></stop>
<stop offset="0.168" stopColor="#6456CC"></stop>
<stop offset="0.172" stopColor="#6556CC"></stop>
<stop offset="0.176" stopColor="#6656CC"></stop>
<stop offset="0.18" stopColor="#6756CC"></stop>
<stop offset="0.184" stopColor="#6856CB"></stop>
<stop offset="0.188" stopColor="#6956CB"></stop>
<stop offset="0.191" stopColor="#6956CB"></stop>
<stop offset="0.195" stopColor="#6A56CB"></stop>
<stop offset="0.199" stopColor="#6B56CB"></stop>
<stop offset="0.203" stopColor="#6C55CB"></stop>
<stop offset="0.207" stopColor="#6D55CB"></stop>
<stop offset="0.211" stopColor="#6E55CB"></stop>
<stop offset="0.215" stopColor="#6E55CB"></stop>
<stop offset="0.219" stopColor="#6F55CB"></stop>
<stop offset="0.223" stopColor="#7055CA"></stop>
<stop offset="0.227" stopColor="#7155CA"></stop>
<stop offset="0.23" stopColor="#7255CA"></stop>
<stop offset="0.234" stopColor="#7355CA"></stop>
<stop offset="0.238" stopColor="#7355CA"></stop>
<stop offset="0.242" stopColor="#7455CA"></stop>
<stop offset="0.246" stopColor="#7555CA"></stop>
<stop offset="0.25" stopColor="#7655CA"></stop>
<stop offset="0.254" stopColor="#7755CA"></stop>
<stop offset="0.258" stopColor="#7755CA"></stop>
<stop offset="0.262" stopColor="#7855C9"></stop>
<stop offset="0.266" stopColor="#7955C9"></stop>
<stop offset="0.27" stopColor="#7A55C9"></stop>
<stop offset="0.273" stopColor="#7B55C9"></stop>
<stop offset="0.277" stopColor="#7C55C9"></stop>
<stop offset="0.281" stopColor="#7C54C9"></stop>
<stop offset="0.285" stopColor="#7D54C9"></stop>
<stop offset="0.289" stopColor="#7E54C9"></stop>
<stop offset="0.293" stopColor="#7F54C9"></stop>
<stop offset="0.297" stopColor="#8054C9"></stop>
<stop offset="0.301" stopColor="#8154C9"></stop>
<stop offset="0.305" stopColor="#8154C8"></stop>
<stop offset="0.309" stopColor="#8254C8"></stop>
<stop offset="0.313" stopColor="#8354C8"></stop>
<stop offset="0.316" stopColor="#8454C8"></stop>
<stop offset="0.32" stopColor="#8554C8"></stop>
<stop offset="0.324" stopColor="#8554C8"></stop>
<stop offset="0.328" stopColor="#8654C8"></stop>
<stop offset="0.332" stopColor="#8754C8"></stop>
<stop offset="0.336" stopColor="#8854C8"></stop>
<stop offset="0.34" stopColor="#8954C8"></stop>
<stop offset="0.344" stopColor="#8A54C7"></stop>
<stop offset="0.348" stopColor="#8A54C7"></stop>
<stop offset="0.352" stopColor="#8B54C7"></stop>
<stop offset="0.355" stopColor="#8C54C7"></stop>
<stop offset="0.359" stopColor="#8D54C7"></stop>
<stop offset="0.363" stopColor="#8E53C7"></stop>
<stop offset="0.367" stopColor="#8F53C7"></stop>
<stop offset="0.371" stopColor="#8F53C7"></stop>
<stop offset="0.375" stopColor="#9053C7"></stop>
<stop offset="0.379" stopColor="#9153C7"></stop>
<stop offset="0.383" stopColor="#9253C6"></stop>
<stop offset="0.387" stopColor="#9353C6"></stop>
<stop offset="0.391" stopColor="#9453C6"></stop>
<stop offset="0.395" stopColor="#9453C6"></stop>
<stop offset="0.398" stopColor="#9553C6"></stop>
<stop offset="0.402" stopColor="#9653C6"></stop>
<stop offset="0.406" stopColor="#9753C6"></stop>
<stop offset="0.41" stopColor="#9853C6"></stop>
<stop offset="0.414" stopColor="#9853C6"></stop>
<stop offset="0.418" stopColor="#9953C6"></stop>
<stop offset="0.422" stopColor="#9A53C5"></stop>
<stop offset="0.426" stopColor="#9B53C5"></stop>
<stop offset="0.43" stopColor="#9C53C5"></stop>
<stop offset="0.434" stopColor="#9D53C5"></stop>
<stop offset="0.438" stopColor="#9D53C5"></stop>
<stop offset="0.441" stopColor="#9E53C5"></stop>
<stop offset="0.445" stopColor="#9F52C5"></stop>
<stop offset="0.449" stopColor="#A052C5"></stop>
<stop offset="0.453" stopColor="#A152C5"></stop>
<stop offset="0.457" stopColor="#A252C5"></stop>
<stop offset="0.461" stopColor="#A252C4"></stop>
<stop offset="0.465" stopColor="#A352C4"></stop>
<stop offset="0.469" stopColor="#A452C4"></stop>
<stop offset="0.473" stopColor="#A552C4"></stop>
<stop offset="0.477" stopColor="#A652C4"></stop>
<stop offset="0.48" stopColor="#A652C4"></stop>
<stop offset="0.484" stopColor="#A752C4"></stop>
<stop offset="0.488" stopColor="#A852C4"></stop>
<stop offset="0.492" stopColor="#A952C4"></stop>
<stop offset="0.496" stopColor="#AA52C4"></stop>
<stop offset="0.5" stopColor="#AB52C4"></stop>
<stop offset="0.504" stopColor="#AB52C3"></stop>
<stop offset="0.508" stopColor="#AC52C3"></stop>
<stop offset="0.512" stopColor="#AD52C3"></stop>
<stop offset="0.516" stopColor="#AE52C3"></stop>
<stop offset="0.52" stopColor="#AF52C3"></stop>
<stop offset="0.523" stopColor="#B051C3"></stop>
<stop offset="0.527" stopColor="#B051C3"></stop>
<stop offset="0.531" stopColor="#B151C3"></stop>
<stop offset="0.535" stopColor="#B251C3"></stop>
<stop offset="0.539" stopColor="#B351C3"></stop>
<stop offset="0.543" stopColor="#B451C2"></stop>
<stop offset="0.547" stopColor="#B551C2"></stop>
<stop offset="0.551" stopColor="#B551C2"></stop>
<stop offset="0.555" stopColor="#B651C2"></stop>
<stop offset="0.559" stopColor="#B751C2"></stop>
<stop offset="0.563" stopColor="#B851C2"></stop>
<stop offset="0.566" stopColor="#B951C2"></stop>
<stop offset="0.57" stopColor="#B951C2"></stop>
<stop offset="0.574" stopColor="#BA51C2"></stop>
<stop offset="0.578" stopColor="#BB51C2"></stop>
<stop offset="0.582" stopColor="#BC51C1"></stop>
<stop offset="0.586" stopColor="#BD51C1"></stop>
<stop offset="0.59" stopColor="#BE51C1"></stop>
<stop offset="0.594" stopColor="#BE51C1"></stop>
<stop offset="0.598" stopColor="#BF51C1"></stop>
<stop offset="0.602" stopColor="#C051C1"></stop>
<stop offset="0.605" stopColor="#C150C1"></stop>
<stop offset="0.609" stopColor="#C250C1"></stop>
<stop offset="0.613" stopColor="#C350C1"></stop>
<stop offset="0.617" stopColor="#C350C1"></stop>
<stop offset="0.621" stopColor="#C450C0"></stop>
<stop offset="0.625" stopColor="#C550C0"></stop>
<stop offset="0.629" stopColor="#C650C0"></stop>
<stop offset="0.633" stopColor="#C750C0"></stop>
<stop offset="0.637" stopColor="#C750C0"></stop>
<stop offset="0.641" stopColor="#C851C0"></stop>
<stop offset="0.645" stopColor="#C952BF"></stop>
<stop offset="0.648" stopColor="#C953BE"></stop>
<stop offset="0.652" stopColor="#CA55BD"></stop>
<stop offset="0.656" stopColor="#CB56BC"></stop>
<stop offset="0.66" stopColor="#CB57BB"></stop>
<stop offset="0.664" stopColor="#CC59BA"></stop>
<stop offset="0.668" stopColor="#CC5AB9"></stop>
<stop offset="0.672" stopColor="#CD5BB9"></stop>
<stop offset="0.676" stopColor="#CE5DB8"></stop>
<stop offset="0.68" stopColor="#CE5EB7"></stop>
<stop offset="0.684" stopColor="#CF60B6"></stop>
<stop offset="0.688" stopColor="#CF61B5"></stop>
<stop offset="0.691" stopColor="#D062B4"></stop>
<stop offset="0.695" stopColor="#D164B3"></stop>
<stop offset="0.699" stopColor="#D165B3"></stop>
<stop offset="0.703" stopColor="#D266B2"></stop>
<stop offset="0.707" stopColor="#D268B1"></stop>
<stop offset="0.711" stopColor="#D369B0"></stop>
<stop offset="0.715" stopColor="#D46AAF"></stop>
<stop offset="0.719" stopColor="#D46CAE"></stop>
<stop offset="0.723" stopColor="#D56DAD"></stop>
<stop offset="0.727" stopColor="#D56EAC"></stop>
<stop offset="0.73" stopColor="#D670AC"></stop>
<stop offset="0.734" stopColor="#D771AB"></stop>
<stop offset="0.738" stopColor="#D772AA"></stop>
<stop offset="0.742" stopColor="#D874A9"></stop>
<stop offset="0.746" stopColor="#D875A8"></stop>
<stop offset="0.75" stopColor="#D976A7"></stop>
<stop offset="0.754" stopColor="#DA78A6"></stop>
<stop offset="0.758" stopColor="#DA79A5"></stop>
<stop offset="0.762" stopColor="#DB7BA5"></stop>
<stop offset="0.766" stopColor="#DB7CA4"></stop>
<stop offset="0.77" stopColor="#DC7DA3"></stop>
<stop offset="0.773" stopColor="#DD7FA2"></stop>
<stop offset="0.777" stopColor="#DD80A1"></stop>
<stop offset="0.781" stopColor="#DE81A0"></stop>
<stop offset="0.785" stopColor="#DE839F"></stop>
<stop offset="0.789" stopColor="#DF849F"></stop>
<stop offset="0.793" stopColor="#E0859E"></stop>
<stop offset="0.797" stopColor="#E0879D"></stop>
<stop offset="0.801" stopColor="#E1889C"></stop>
<stop offset="0.805" stopColor="#E1899B"></stop>
<stop offset="0.809" stopColor="#E28B9A"></stop>
<stop offset="0.813" stopColor="#E38C99"></stop>
<stop offset="0.816" stopColor="#E38D98"></stop>
<stop offset="0.82" stopColor="#E48F98"></stop>
<stop offset="0.824" stopColor="#E49097"></stop>
<stop offset="0.828" stopColor="#E59196"></stop>
<stop offset="0.832" stopColor="#E69395"></stop>
<stop offset="0.836" stopColor="#E69494"></stop>
<stop offset="0.84" stopColor="#E79593"></stop>
<stop offset="0.844" stopColor="#E79792"></stop>
<stop offset="0.848" stopColor="#E89891"></stop>
<stop offset="0.852" stopColor="#E99A91"></stop>
<stop offset="0.855" stopColor="#E99B90"></stop>
<stop offset="0.859" stopColor="#EA9C8F"></stop>
<stop offset="0.863" stopColor="#EA9E8E"></stop>
<stop offset="0.867" stopColor="#EB9F8D"></stop>
<stop offset="0.871" stopColor="#ECA08C"></stop>
<stop offset="0.875" stopColor="#ECA28B"></stop>
<stop offset="0.879" stopColor="#EDA38A"></stop>
<stop offset="0.883" stopColor="#EDA48A"></stop>
<stop offset="0.887" stopColor="#EEA689"></stop>
<stop offset="0.891" stopColor="#EFA788"></stop>
<stop offset="0.895" stopColor="#EFA887"></stop>
<stop offset="0.898" stopColor="#F0AA86"></stop>
<stop offset="0.902" stopColor="#F0AB85"></stop>
<stop offset="0.906" stopColor="#F1AC84"></stop>
<stop offset="0.91" stopColor="#F2AE83"></stop>
<stop offset="0.914" stopColor="#F2AF83"></stop>
<stop offset="0.918" stopColor="#F3B082"></stop>
<stop offset="0.922" stopColor="#F3B281"></stop>
<stop offset="0.926" stopColor="#F4B380"></stop>
<stop offset="0.93" stopColor="#F5B47F"></stop>
<stop offset="0.934" stopColor="#F5B67E"></stop>
<stop offset="0.938" stopColor="#F6B77D"></stop>
<stop offset="0.941" stopColor="#F6B97D"></stop>
<stop offset="0.945" stopColor="#F7BA7C"></stop>
<stop offset="0.949" stopColor="#F8BB7B"></stop>
<stop offset="0.953" stopColor="#F8BD7A"></stop>
<stop offset="0.957" stopColor="#F9BE79"></stop>
<stop offset="0.961" stopColor="#F9BF78"></stop>
<stop offset="0.965" stopColor="#FAC177"></stop>
<stop offset="0.969" stopColor="#FBC276"></stop>
<stop offset="0.973" stopColor="#FBC376"></stop>
<stop offset="0.977" stopColor="#FCC575"></stop>
<stop offset="0.98" stopColor="#FCC674"></stop>
<stop offset="0.984" stopColor="#FDC773"></stop>
<stop offset="0.988" stopColor="#FEC972"></stop>
<stop offset="0.992" stopColor="#FECA71"></stop>
<stop offset="0.996" stopColor="#FFCB71"></stop>
<stop offset="1" stopColor="#FFCC70"></stop>
</linearGradient>
<clipPath id="7bb38d2190">
<path d="M7.516 9.875H22.03v9.434H7.516zm0 0"></path>
</clipPath>
</defs>
<g clipPath="url(#ac010a499d)">
<g clipPath="url(#52ca124259)">
<path
fill="#3c82f5"
d="M-24.96 -12.9H108.95999999999998V31.740000000000002H-24.96z"
fill="url(#9448ecee67)"
d="M25.402 3.926H4.355v21.05h21.047zm0 0"
></path>
</g>
</pattern>
<clipPath id="b6080a64a5">
<path d="M10 5.473h11.773v18.144H10zm0 0"></path>
</clipPath>
<clipPath id="2ec3ecbd14">
<path d="M13.055 23.621c-.375 0-.774-.078-1.133-.266-1.32-.62-1.887-2.207-1.262-3.507L16.72 7.074c.62-1.324 2.207-1.89 3.508-1.265 1.32.62 1.886 2.207 1.265 3.507L15.434 22.09c-.434.98-1.38 1.531-2.38 1.531zm0 0"></path>
</clipPath>
<image
width="18"
height="20"
x="0"
y="0"
preserveAspectRatio="xMidYMid meet"
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAABmJLR0QA/wD/AP+gvaeTAAAAdklEQVQ4jb3S0QrAIAgFUAf7/8/dBrXaS4ETK6+OXYhE6BTSRkSV5sltJbG/evsEkAchqKKAhIoX4NAVATh0RICvoaxBENBrDrkADp0RQL7oN2h5yQoyz20EQX9Ig2Cg1xHI/LORud0IpPUKtXigREosEK+HeQD2CUNau+AD0QAAAABJRU5ErkJggg=="
></image>
<mask id="d7dda1a063">
<g filter="url(#bdef170c39)">
<image
width="18"
height="20"
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAABmJLR0QA/wD/AP+gvaeTAAAAdklEQVQ4jb3S0QrAIAgFUAf7/8/dBrXaS4ETK6+OXYhE6BTSRkSV5sltJbG/evsEkAchqKKAhIoX4NAVATh0RICvoaxBENBrDrkADp0RQL7oN2h5yQoyz20EQX9Ig2Cg1xHI/LORud0IpPUKtXigREosEK+HeQD2CUNau+AD0QAAAABJRU5ErkJggg=="
></image>
</g>
</mask>
<clipPath id="c87c18b6c8">
<path d="M0 0H18V20H0z"></path>
</clipPath>
<pattern
id="f8c42d9774"
width="18"
height="20"
x="0"
y="0"
patternTransform="matrix(.96774 0 0 -.96774 4.355 24.116)"
patternUnits="userSpaceOnUse"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 18 20"
>
<g clipPath="url(#c87c18b6c8)" mask="url(#d7dda1a063)">
<path
fill="#3c82f5"
d="M-24.96 -12.9H108.95999999999998V31.740000000000002H-24.96z"
></path>
</g>
</pattern>
</defs>
<g clipPath="url(#ae85f5a47d)">
<g clipPath="url(#9479493a42)">
</g>
<g clipPath="url(#7bb38d2190)">
<path
fill="url(#90a54febec)"
d="M4.355 5.473v17.996H16.06V5.473zm0 0"
fill="#fefefe"
d="M21.066 10.133l-2.964 7.242-1.848-4.469.012.035-.012-.035a4.57 4.57 0 00-1-1.582 4.503 4.503 0 00-1.277-.96 4.382 4.382 0 00-1.829-.45c-1.261-.039-2.351.399-3.261 1.32-.914.918-1.371 2.02-1.371 3.301 0 1.235.421 2.297 1.27 3.188.847.894 1.878 1.355 3.1 1.386 1.262.043 2.352-.398 3.27-1.316.336-.336.614-.7.824-1.082l-.664-1.582c-.117.68-.433 1.293-.945 1.836-.684.719-1.508 1.055-2.473 1.004-.902-.032-1.668-.395-2.293-1.09a3.4 3.4 0 01-.91-2.434c.012-.941.344-1.742 1.004-2.406a3.17 3.17 0 012.387-.98c.89 0 1.652.328 2.285.988.309.32.547.676.711 1.062l1.211 2.899 1.187 2.898h1.22l3.66-8.773zm0 0"
></path>
</g>
</g>
<g clipPath="url(#71699c0992)">
<g clipPath="url(#39c4965344)">
<path
fill="url(#5c493e8459)"
d="M10.047 5.473v17.996h11.726V5.473zm0 0"
></path>
</g>
</g>
<path
fill="#1e3a8a"
d="M5.766.172c-1.024 0-1.914-.219-2.672-.656a4.783 4.783 0 01-1.797-1.86c-.43-.789-.64-1.707-.64-2.75 0-1.031.21-1.941.64-2.734a4.837 4.837 0 011.797-1.86c.758-.445 1.648-.671 2.672-.671 1 0 1.882.226 2.656.671.77.45 1.367 1.07 1.797 1.86.426.793.64 1.703.64 2.734 0 1.043-.214 1.961-.64 2.75a4.677 4.677 0 01-1.797 1.86c-.774.437-1.656.656-2.656.656zm0-1.672c.968 0 1.738-.316 2.312-.953.582-.645.875-1.524.875-2.64 0-1.114-.293-1.989-.875-2.626-.574-.644-1.344-.968-2.312-.968-.97 0-1.746.324-2.329.968-.585.637-.874 1.512-.874 2.625 0 1.117.289 1.996.874 2.64.583.638 1.36.954 2.329.954zm0 0"
transform="translate(24.636 19.16)"
></path>
<path
fill="#1e3a8a"
d="M3.656.172c-.906 0-1.605-.281-2.094-.844C1.07-1.234.829-2.055.829-3.14v-4.078h1.844v3.907c0 .617.125 1.09.375 1.421.258.336.66.5 1.203.5.508 0 .93-.18 1.266-.546.332-.375.5-.891.5-1.547V-7.22H7.89V0H6.234l-.14-1.219a2.45 2.45 0 01-.969 1.016c-.418.25-.906.375-1.469.375zm0 0"
transform="translate(35.114 19.16)"
></path>
<path
fill="#1e3a8a"
d="M.953 0v-7.219H2.61l.172 1.36a2.929 2.929 0 011.063-1.11c.457-.281.988-.422 1.594-.422v1.97h-.516a3 3 0 00-1.094.187 1.43 1.43 0 00-.75.656c-.18.312-.265.746-.265 1.297V0zm0 0"
transform="translate(42.932 19.16)"
></path>
<path
fill="#1e3a8a"
d="M3.938 0L.217-10.188h2l2.876 8.282 2.89-8.281h1.97L6.218 0zm0 0"
transform="translate(47.67 19.16)"
></path>
<path
fill="#1e3a8a"
d="M4.453.172c-.73 0-1.375-.152-1.937-.453a3.404 3.404 0 01-1.329-1.313C.875-2.156.72-2.804.72-3.547c0-.75.156-1.414.469-2a3.397 3.397 0 011.296-1.36c.563-.32 1.223-.484 1.985-.484.707 0 1.332.157 1.875.47.539.312.96.741 1.265 1.28.313.532.47 1.125.47 1.782 0 .117-.009.23-.017.343 0 .118-.007.235-.015.36H2.562c.04.562.239 1.008.594 1.328.352.312.781.469 1.281.469.375 0 .692-.082.954-.25.257-.164.453-.383.578-.657h1.89A3.447 3.447 0 016.015-.14a3.77 3.77 0 01-1.562.313zm.016-6.047c-.461 0-.867.133-1.219.39-.344.25-.563.637-.656 1.157h3.594c-.032-.469-.211-.844-.532-1.125-.324-.281-.718-.422-1.187-.422zm0 0"
transform="translate(56.811 19.16)"
></path>
<path
fill="#1e3a8a"
d="M.953 0v-7.219H2.61l.172 1.36a2.929 2.929 0 011.063-1.11c.457-.281.988-.422 1.594-.422v1.97h-.516a3 3 0 00-1.094.187 1.43 1.43 0 00-.75.656c-.18.312-.265.746-.265 1.297V0zm0 0"
transform="translate(64.484 19.16)"
></path>
<path
fill="#1e3a8a"
d="M3.922.172c-.637 0-1.2-.106-1.688-.313-.48-.207-.867-.492-1.156-.859a2.58 2.58 0 01-.531-1.281h1.875c.062.281.219.523.469.719.257.199.597.296 1.015.296.406 0 .703-.082.89-.25.188-.164.282-.351.282-.562 0-.313-.137-.52-.406-.625a7.994 7.994 0 00-1.14-.344 11.28 11.28 0 01-.954-.234 5.044 5.044 0 01-.875-.375 2.081 2.081 0 01-.64-.578c-.168-.239-.25-.536-.25-.891 0-.633.253-1.172.765-1.61.508-.437 1.223-.656 2.14-.656.852 0 1.536.2 2.048.594.507.399.812.945.906 1.64h-1.75c-.117-.53-.524-.796-1.219-.796-.344 0-.61.07-.797.203-.187.137-.281.309-.281.516 0 .21.14.382.422.515.281.125.648.242 1.11.344.507.117.972.246 1.39.39.426.137.766.344 1.016.626.25.273.375.664.375 1.171.007.45-.11.856-.36 1.22-.242.355-.59.636-1.047.843-.449.195-.984.297-1.61.297zm0 0"
transform="translate(69.222 19.16)"
></path>
<path
fill="#1e3a8a"
d="M4.453.172c-.73 0-1.375-.152-1.937-.453a3.404 3.404 0 01-1.329-1.313C.875-2.156.72-2.804.72-3.547c0-.75.156-1.414.469-2a3.397 3.397 0 011.296-1.36c.563-.32 1.223-.484 1.985-.484.707 0 1.332.157 1.875.47.539.312.96.741 1.265 1.28.313.532.47 1.125.47 1.782 0 .117-.009.23-.017.343 0 .118-.007.235-.015.36H2.562c.04.562.239 1.008.594 1.328.352.312.781.469 1.281.469.375 0 .692-.082.954-.25.257-.164.453-.383.578-.657h1.89A3.447 3.447 0 016.015-.14a3.77 3.77 0 01-1.562.313zm.016-6.047c-.461 0-.867.133-1.219.39-.344.25-.563.637-.656 1.157h3.594c-.032-.469-.211-.844-.532-1.125-.324-.281-.718-.422-1.187-.422zm0 0"
transform="translate(75.834 19.16)"
></path>
<g clipPath="url(#8d0c53bb2c)">
<g clipPath="url(#8007d6ee0b)">
<path
fill="url(#e6e7ec391e)"
d="M4.355 5.473h11.72v18.144H4.354zm0 0"
></path>
</g>
</g>
<g clipPath="url(#b6080a64a5)">
<g clipPath="url(#2ec3ecbd14)">
<path
fill="url(#f8c42d9774)"
d="M10.035 5.473h11.738v18.144H10.035zm0 0"
></path>
</g>
</g>
</svg>
)
}
<path
fill="#4158d0"
d="M5.375.156c-.95 0-1.781-.207-2.5-.625a4.447 4.447 0 01-1.672-1.719C.805-2.925.61-3.78.61-4.75c0-.969.196-1.82.594-2.563a4.462 4.462 0 011.672-1.734c.719-.414 1.55-.625 2.5-.625.945 0 1.773.211 2.484.625a4.356 4.356 0 011.672 1.735c.395.742.594 1.593.594 2.562 0 .969-.2 1.824-.594 2.563A4.341 4.341 0 017.86-.47C7.15-.05 6.32.156 5.375.156zm0-1.562c.906 0 1.625-.297 2.156-.89.54-.595.813-1.411.813-2.454 0-1.04-.274-1.86-.813-2.453C7-7.805 6.281-8.11 5.375-8.11c-.906 0-1.633.304-2.172.906-.543.594-.812 1.414-.812 2.453 0 1.043.27 1.86.812 2.453.54.594 1.266.89 2.172.89zm0 0"
transform="translate(28.237 18.871)"
></path>
<path
fill="#4158d0"
d="M3.406.156c-.844 0-1.496-.258-1.953-.781-.45-.52-.672-1.29-.672-2.313v-3.796H2.5v3.64c0 .574.113 1.016.344 1.328.238.313.613.47 1.125.47.476 0 .875-.173 1.187-.516.313-.344.469-.829.469-1.454v-3.468h1.734V0H5.83l-.141-1.14c-.211.398-.512.714-.907.952-.386.227-.843.344-1.375.344zm0 0"
transform="translate(38.016 18.871)"
></path>
<path
fill="#4158d0"
d="M.875 0v-6.734h1.563l.156 1.265A2.66 2.66 0 013.578-6.5c.426-.258.926-.39 1.5-.39v1.827h-.484c-.387 0-.73.06-1.032.172-.292.118-.523.32-.687.61-.168.293-.25.699-.25 1.218V0zm0 0"
transform="translate(45.312 18.871)"
></path>
<path
fill="#4158d0"
d="M3.672 0L.203-9.5h1.86L4.75-1.781 7.453-9.5h1.828L5.812 0zm0 0"
transform="translate(49.733 18.871)"
></path>
<path
fill="#4158d0"
d="M4.156.156c-.68 0-1.281-.14-1.812-.422a3.164 3.164 0 01-1.235-1.218C.816-2.016.672-2.625.672-3.313c0-.695.144-1.316.437-1.859.29-.539.696-.96 1.22-1.266.519-.3 1.132-.453 1.843-.453.656 0 1.238.149 1.75.438.508.281.906.68 1.187 1.187.282.5.422 1.059.422 1.672 0 .094-.008.2-.015.313v.328H2.39c.03.531.21.95.546 1.25.333.293.735.437 1.204.437.351 0 .648-.078.89-.234.239-.156.414-.363.532-.625h1.765c-.125.43-.336.82-.625 1.172a3.051 3.051 0 01-1.094.812c-.43.196-.914.297-1.453.297zm.016-5.64c-.43 0-.809.12-1.14.359-.325.242-.528.605-.61 1.094h3.344c-.024-.446-.184-.801-.485-1.063a1.658 1.658 0 00-1.11-.39zm0 0"
transform="translate(58.264 18.871)"
></path>
<path
fill="#4158d0"
d="M.875 0v-6.734h1.563l.156 1.265A2.66 2.66 0 013.578-6.5c.426-.258.926-.39 1.5-.39v1.827h-.484c-.387 0-.73.06-1.032.172-.292.118-.523.32-.687.61-.168.293-.25.699-.25 1.218V0zm0 0"
transform="translate(65.425 18.871)"
></path>
<path
fill="#4158d0"
d="M3.672.156c-.606 0-1.137-.093-1.594-.281A2.72 2.72 0 011-.938a2.275 2.275 0 01-.484-1.187h1.75c.05.262.195.484.437.672.238.18.55.266.938.266.375 0 .648-.07.828-.22.176-.155.265-.331.265-.53 0-.29-.125-.489-.375-.594a7.353 7.353 0 00-1.062-.313c-.293-.062-.59-.133-.89-.219a4.616 4.616 0 01-.813-.343 1.918 1.918 0 01-.61-.547C.836-4.18.766-4.457.766-4.781c0-.594.234-1.094.703-1.5.476-.407 1.144-.61 2-.61.8 0 1.437.188 1.906.563.477.367.766.871.86 1.516H4.593c-.106-.489-.48-.735-1.125-.735-.336 0-.59.063-.766.188-.18.125-.265.28-.265.468 0 .2.128.36.39.485.27.117.625.218 1.063.312.468.117.894.242 1.28.375.395.125.712.32.954.578.238.262.36.633.36 1.11 0 .418-.118.793-.344 1.125-.22.336-.543.594-.97.781-.429.188-.929.281-1.5.281zm0 0"
transform="translate(69.846 18.871)"
></path>
<path
fill="#4158d0"
d="M4.156.156c-.68 0-1.281-.14-1.812-.422a3.164 3.164 0 01-1.235-1.218C.816-2.016.672-2.625.672-3.313c0-.695.144-1.316.437-1.859.29-.539.696-.96 1.22-1.266.519-.3 1.132-.453 1.843-.453.656 0 1.238.149 1.75.438.508.281.906.68 1.187 1.187.282.5.422 1.059.422 1.672 0 .094-.008.2-.015.313v.328H2.39c.03.531.21.95.546 1.25.333.293.735.437 1.204.437.351 0 .648-.078.89-.234.239-.156.414-.363.532-.625h1.765c-.125.43-.336.82-.625 1.172a3.051 3.051 0 01-1.094.812c-.43.196-.914.297-1.453.297zm.016-5.64c-.43 0-.809.12-1.14.359-.325.242-.528.605-.61 1.094h3.344c-.024-.446-.184-.801-.485-1.063a1.658 1.658 0 00-1.11-.39zm0 0"
transform="translate(76.017 18.871)"
></path>
</svg>
);
}

View File

@@ -0,0 +1,72 @@
const links = [
{ name: 'Dive Deeper into Our Impact', href: '#' },
]
const stats = [
{ name: '3D Assets', value: '100000+' },
{ name: 'Users Worldwide', value: '5000+' },
{ name: 'Metaverses', value: '2000+' },
{ name: 'Countries', value: '15' },
]
export default function Usecases() {
return (
<div className="relative isolate overflow-hidden bg-gray-900 py-24 sm:py-32">
<img
alt=""
src="/images/bg2.jpg"
className="absolute inset-0 -z-10 h-full w-full object-cover object-right md:object-center"
/>
<div
aria-hidden="true"
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
style={{
clipPath:
'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
}}
className="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20"
/>
</div>
<div
aria-hidden="true"
className="absolute -top-52 left-1/2 -z-10 -translate-x-1/2 transform-gpu blur-3xl sm:top-[-28rem] sm:ml-16 sm:translate-x-0 sm:transform-gpu"
>
<div
style={{
clipPath:
'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
}}
className="aspect-[1097/845] w-[68.5625rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20"
/>
</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="mt-2 text-3xl font-medium tracking-tight text-white sm:text-4xl">Exploring impactful use cases from real-life applications</h2>
<p className="mt-6 text-lg leading-8 text-gray-300">
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.
</p>
</div>
<div className="mx-auto mt-10 max-w-2xl lg:mx-0 lg:max-w-none">
<div className="grid grid-cols-1 gap-x-8 gap-y-6 text-base font-semibold leading-7 text-white sm:grid-cols-2 md:flex lg:gap-x-10">
{links.map((link) => (
<a key={link.name} href={link.href}>
{link.name} <span aria-hidden="true">&rarr;</span>
</a>
))}
</div>
<dl className="mt-16 grid grid-cols-1 gap-8 lg:mt-10 grid-cols-2 lg:grid-cols-4">
{stats.map((stat) => (
<div key={stat.name} className="flex flex-col-reverse">
<dt className="text-base leading-7 text-gray-300">{stat.name}</dt>
<dd className="text-2xl font-bold leading-9 tracking-tight text-white">{stat.value}</dd>
</div>
))}
</dl>
</div>
</div>
</div>
)
}

BIN
src/images/background.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

View File

@@ -15,3 +15,39 @@
width: max-content;
animation: slide 15s linear infinite;
}
.font-gradient {
background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.bg-gradient {
background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
}
.bg-gradient-light {
background-color: #4158D0;
background-image: linear-gradient(43deg, #c0cafa 0%, #f8caf5 46%, #ffecca 100%);
}
.font-blue1 {
color: #4158D0;
}
.font-blue2 {
color: #304195;
}
.font-pink1 {
color: #C850C0;
}
.font-gold1 {
color: #FFCC70;
}