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

2
src/components/AboutSolutions.tsx
View File

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