emre/www_geomind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style updates

Browse Source
This commit is contained in:
Emre
2025-10-11 11:17:38 +03:00
parent c0f08ad3fa
commit 9451d22494
28 changed files with 613 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/technology/components/TechnologyArchitecture.tsx
View File

@@ -188,7 +188,20 @@ export const TechnologyArchitecture = () => {
return (
<section className="py-16 text-slate-100 lg:py-24">
<div className="mx-auto max-w-4xl text-center">
<h2 className="text-3xl font-semibold text-white sm:text-4xl">Autonomous Software Stack</h2>
<div className="flex items-center justify-center gap-4">
<span
aria-hidden="true"
className="hidden h-px w-16 bg-gradient-to-r from-transparent via-brand-500/40 to-brand-300/70 sm:block"
/>
<p className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-300">
Software Primitives
</p>
<span
aria-hidden="true"
className="hidden h-px w-16 bg-gradient-to-l from-transparent via-brand-500/40 to-brand-300/70 sm:block"
/>
</div>
<h2 className="mt-4 text-3xl font-semibold text-white sm:text-4xl">Autonomous Software Stack</h2>
<p className="mt-4 text-base text-slate-300 sm:text-lg">
Seamlessly integrating compute, storage, and networking, GeoMind's architecture delivers secure,
scalable, and efficient infrastructure for AI, cloud, and next-generation workloads from edge to
@@ -227,7 +240,10 @@ export const TechnologyArchitecture = () => {
<p className="mt-2 text-base text-slate-300">{current.description}</p>
<ul className="mt-6 space-y-4 text-sm text-slate-300">
{current.bullets.map((bullet) => (
<li key={bullet.heading} className="rounded-2xl border border-white/10 bg-black p-4">
<li
key={bullet.heading}
className="group rounded-2xl border border-white/10 bg-black p-4 transition-all duration-300 hover:-translate-y-1 hover:border-brand-400/50 hover:bg-white/5 hover:shadow-[0_24px_48px_-36px_rgba(56,189,248,0.45)]"
>
<p className="text-base font-semibold text-white">{bullet.heading}</p>
<p className="mt-2 text-sm text-slate-300">{bullet.body}</p>
{bullet.subpoints && (
@@ -244,7 +260,7 @@ export const TechnologyArchitecture = () => {
))}
</ul>
</div>
<div className="hidden h-full rounded-3xl border border-white/10 bg-black p-6 backdrop-blur lg:flex lg:flex-col lg:items-start lg:justify-between">
<div className="hidden h-full rounded-3xl border border-white/10 bg-black p-6 transition-all duration-300 hover:-translate-y-1.5 hover:border-brand-400/50 hover:bg-white/5 hover:shadow-[0_30px_72px_-48px_rgba(56,189,248,0.45)] backdrop-blur lg:flex lg:flex-col lg:items-start lg:justify-between">
<motion.p
key={`label-${current.id}`}
initial={{ opacity: 0, y: -10 }}