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

23
src/pages/about/components/AboutHero.tsx
View File

@@ -2,27 +2,30 @@ import { motion } from 'framer-motion';
export const AboutHero = () => {
return (
<section className="relative overflow-hidden rounded-3xl text-white">
<section className="relative overflow-hidden rounded-[32px] border border-white/10 bg-gradient-to-br from-[#06091d] via-[#0e1540] to-[#1c1448] text-white shadow-[0_35px_90px_-45px_rgba(15,23,42,0.95)]">
<img
src="/images/hometech2.jpg"
alt=""
className="absolute inset-0 h-full w-full object-cover"
className="absolute inset-0 h-full w-full object-cover opacity-40 mix-blend-screen"
/>
<div className="absolute inset-0 bg-gradient-to-br from-[#0f172a]/80 via-[#1e1b4b]/70 to-[#312e81]/80" />
<div className="absolute inset-0 bg-gradient-to-br from-white/10 via-white/5 to-transparent mix-blend-overlay" />
<div className="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(79,70,229,0.4),_transparent_60%)] opacity-90" />
<div className="absolute top-[-25%] right-[-5%] h-[420px] w-[420px] rounded-full bg-[#6366f1]/30 blur-3xl" />
<motion.div
initial={{ opacity: 0, y: 32 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true, amount: 0.3 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, ease: 'easeOut' }}
className="relative z-10 px-6 py-20 sm:px-10 lg:px-16 lg:py-24"
className="relative z-10 px-6 py-24 sm:px-12 lg:px-20 lg:py-28"
>
<p className="text-xs font-semibold uppercase tracking-[0.35em] text-white">
<span className="inline-flex items-center gap-3 text-[0.68rem] uppercase tracking-[0.42em] text-white/70">
<span className="h-px w-10 bg-white/40" />
About GeoMind
</p>
<h1 className="mt-6 text-3xl font-semibold leading-tight sm:text-4xl lg:text-5xl">
<span className="h-px w-10 bg-white/40" />
</span>
<h1 className="mt-8 max-w-3xl text-3xl font-semibold leading-tight sm:text-4xl lg:text-5xl lg:leading-[1.1]">
We Know a Thing or Two About Datacenters
</h1>
<p className="mt-6 max-w-3xl text-base text-white/75 sm:text-lg">
<p className="mt-6 max-w-3xl text-base text-white/80 sm:text-lg">
For decades, we've built the technologies that power the internet, from record-breaking
web hosting to unbreakable cloud systems. Now, we're redefining what datacenters stand
for: secure, sovereign, and profitable infrastructure designed for people, the planet,