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

edit color

Browse Source
This commit is contained in:
sasha-astiadi
2024-09-16 17:10:20 +02:00
parent 383a0ceb19
commit 6f9c79e0c4
29 changed files with 607 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Casestudies.jsx
View File

@@ -135,11 +135,11 @@ const posts = [
export default function Casestudies() {
return (
<div className="bg-white py-24 sm:py-32">
<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 text-gray-900 sm:text-4xl">Case Studies</h2>
<p className="mt-2 text-lg leading-8 text-gray-600">
<h2 className="text-3xl font-bold tracking-tight font-gradient 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>
</div>
@@ -147,13 +147,13 @@ const posts = [
{posts.map((post) => (
<article
key={post.id}
className="relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-gray-900 px-8 pb-8 pt-80 sm:pt-48 lg:pt-80"
className="relative isolate flex flex-col justify-end overflow-hidden rounded-2xl bg-purple-900 px-8 pb-8 pt-80 sm:pt-48 lg:pt-80"
>
<img alt="" src={post.imageUrl} className="absolute inset-0 -z-10 h-full w-full object-cover" />
<div className="absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900/40" />
<div className="absolute inset-0 -z-10 rounded-2xl ring-1 ring-inset ring-gray-900/10" />
<div className="absolute inset-0 -z-10 bg-gradient-to-t from-purple-900 via-purple-900/40" />
<div className="absolute inset-0 -z-10 rounded-2xl ring-1 ring-inset ring-purple-900/10" />
<div className="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm leading-6 text-gray-300">
<div className="flex flex-wrap items-center gap-y-1 overflow-hidden text-sm leading-6 text-purple-300">
<time dateTime={post.datetime} className="mr-8">
{post.type}
</time>