ourworld_web/www_threefold_2025
23
0
Fork 0
forked from ourworld_web/www_engage_os
Code Pull Requests Activity

style: update hero section layout and color scheme for better visual hierarchy

Browse Source
This commit is contained in:
sasha-astiadi
2025-10-17 17:48:55 +02:00
parent a9951b8cec
commit a601ba8079
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/AboutHero.tsx
View File

@@ -30,19 +30,19 @@ const rotatingWords = [
export function AboutHero() {
return (
<section className="flex flex-col items-start justify-center min-h-[70vh] px-6 md:px-16 text-white">
<h1 className="text-5xl lg:text-8xl font-medium leading-none">
<section className="lg:max-w-6xl flex flex-col items-start justify-center min-h-[60vh] px-6 md:px-16 text-white">
<h1 className="text-5xl lg:text-6xl font-medium leading-none">
Building a Decentralized Internet for{" "}
<TypeAnimation
sequence={rotatingWords}
wrapper="span"
speed={50}
className="relative inline-block text-[#00FFD1]"
className="relative inline-block text-white drop-shadow-[0_0_20px_#ffffff]"
repeat={Infinity}
/> .
</h1>
<p className="max-w-3xl mt-6 text-lg md:text-2xl text-gray-800">
At <span className="text-[#00FFD1] font-medium">ThreeFold</span>, we are empowering
At <span className="text-white font-semibold">ThreeFold</span>, we are empowering
individuals and organizations to shape an open, resilient, and sustainable internet.
</p>
</section>

2
src/components/AboutSolutions.tsx
View File

@@ -41,7 +41,7 @@ export function AboutSolutions() {
<div
key={i}
className={`border border-[#1f1f1f] transition-colors duration-500 cursor-pointer ${
active.includes(i) ? "bg-[#00FFD1]" : "bg-transparent"
active.includes(i) ? "bg-[#f1fffc]" : "bg-transparent"
}`}
/>
))}