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

mission try

Browse Source
This commit is contained in:
Emre
2025-10-10 22:20:13 +03:00
parent c2bce4902a
commit 43682f9fbe
1 changed files with 33 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/about/components/MissionVision.tsx
View File

@@ -2,23 +2,9 @@ export const MissionVision = () => {
return ( return (
<section className="relative py-20 lg:py-28"> <section className="relative py-20 lg:py-28">
<div className="relative mx-auto max-w-6xl px-6 lg:px-12"> <div className="relative mx-auto max-w-6xl px-6 lg:px-12">
<div className="flex flex-col gap-12 rounded-[32px] bg-gradient-to-br from-white via-white to-brand-50/40 p-8 shadow-xl ring-1 ring-brand-100/40 sm:p-12 lg:grid lg:grid-cols-[minmax(0,0.9fr)_1fr] lg:items-center"> <div className="mx-auto max-w-3xl space-y-8">
<div className="order-1 lg:order-none">
<figure className="relative mx-auto max-w-sm overflow-hidden rounded-[28px] bg-gradient-to-br from-emerald-100/50 via-white to-brand-100/40 p-6 shadow-lg ring-1 ring-brand-200/40">
<div className="absolute inset-0 rounded-[24px] bg-[radial-gradient(circle_at_20%_20%,rgba(56,189,248,0.22),transparent_55%),radial-gradient(circle_at_80%_40%,rgba(59,130,246,0.18),transparent_60%)]" />
<img
src="/images/ceo-kristof.png"
alt="Kristof De Spiegeleer, Founder and CEO of GeoMind"
className="relative z-10 mx-auto w-full max-w-xs object-cover"
/>
<figcaption className="relative z-10 mt-6 text-center text-sm font-medium text-slate-500">
Kristof De Spiegeleer &mdash; Founder &amp; CEO
</figcaption>
</figure>
</div>
<div className="relative flex flex-col gap-8 rounded-3xl bg-white/90 p-8 shadow-inner ring-1 ring-brand-100/50 backdrop-blur">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="h-px flex-1 bg-gradient-to-r from-brand-500/50 via-brand-300/50 to-transparent" /> <div className="h-px flex-1 bg-gradient-to-r from-brand-500/40 via-brand-300/40 to-transparent" />
<span className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600"> <span className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
Technology with Purpose Technology with Purpose
</span> </span>
@@ -54,7 +40,6 @@ export const MissionVision = () => {
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
); );
}; };