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

black theme complete

Browse Source
This commit is contained in:
Emre
2025-10-11 06:18:46 +03:00
parent 16c1a09bc4
commit 31fe89eabb
16 changed files with 276 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/about/AboutPage.tsx
View File

@@ -4,7 +4,7 @@ import { TrackRecord } from './components/TrackRecord';
export const AboutPage = () => {
return (
<div className="space-y-12 lg:space-y-16">
<div className="space-y-12 text-slate-100 lg:space-y-16">
<AboutHero />
<MissionVision />
<TrackRecord />

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

@@ -1,23 +1,23 @@
export const MissionVision = () => {
return (
<section className="relative py-20 lg:py-28">
<section className="relative py-20 text-slate-100 lg:py-28">
<div className="relative mx-auto max-w-6xl px-6 lg:px-12">
<div className="mx-auto max-w-3xl space-y-8">
<div className="flex items-center gap-4">
<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-300">
Technology with Purpose
</span>
</div>
<div className="relative">
<span
aria-hidden="true"
className="float-left mr-3 -mt-3 text-6xl font-serif text-brand-500/25 leading-none"
className="float-left mr-3 -mt-3 text-6xl font-serif leading-none text-brand-400/40"
>
“
</span>
<div className="space-y-6 text-base leading-8 text-slate-600 sm:text-lg sm:leading-8">
<p className="italic text-brand-700">
<div className="space-y-6 text-base leading-8 text-slate-300 sm:text-lg sm:leading-8">
<p className="italic text-brand-200">
When we first started, our goal was simple, to build the foundation for the world’s digital future.
Over time, we realized that technology isn’t just about performance or scale, it’s about purpose.
It’s about people, communities, and the planet we share.
@@ -34,9 +34,9 @@ export const MissionVision = () => {
</p>
</div>
</div>
<div className="border-t border-slate-200 pt-6 text-sm">
<p className="font-semibold text-brand-700">Kristof De Spiegeleer</p>
<p className="text-slate-500">Founder &amp; CEO, GeoMind</p>
<div className="border-t border-white/10 pt-6 text-sm">
<p className="font-semibold text-white">Kristof De Spiegeleer</p>
<p className="text-slate-400">Founder &amp; CEO, GeoMind</p>
</div>
</div>
</div>

14
src/pages/about/components/TrackRecord.tsx
View File

@@ -35,12 +35,12 @@ const records = [
export const TrackRecord = () => {
return (
<section className="py-16 lg:py-24">
<section className="py-16 text-slate-100 lg:py-24">
<div className="mx-auto max-w-3xl text-center">
<h2 className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
<h2 className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-300">
Our Track Record
</h2>
<p className="mt-4 text-3xl font-semibold text-ink sm:text-4xl">
<p className="mt-4 text-3xl font-semibold text-white sm:text-4xl">
Our team has been at the forefront of datacenter and cloud innovation for decades,
building systems that were faster, safer, and more scalable than anything before.
</p>
@@ -53,13 +53,13 @@ export const TrackRecord = () => {
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true, amount: 0.25 }}
transition={{ duration: 0.5, delay: index * 0.05 }}
className="flex h-full flex-col rounded-3xl border border-slate-100 bg-white/90 p-8 shadow-subtle backdrop-blur"
className="flex h-full flex-col rounded-3xl border border-white/10 bg-black p-8 shadow-none backdrop-blur"
>
<div className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-brand-50 font-semibold text-brand-600">
<div className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-brand-500/15 font-semibold text-brand-200">
{index + 1}
</div>
<h3 className="mt-6 text-lg font-semibold text-ink">{record.title}</h3>
<p className="mt-3 text-sm leading-6 text-slate-600">{record.description}</p>
<h3 className="mt-6 text-lg font-semibold text-white">{record.title}</h3>
<p className="mt-3 text-sm leading-6 text-slate-300">{record.description}</p>
</motion.div>
))}
</div>