forked from emre/www_projectmycelium_com
refactor: improve NodeHero and NodeBenefits typography and layout with AnimatedSection wrappers
- Changed NodeBenefits from SectionHeader to H3 component with mt-2 and text-white - Updated NodeBenefits description from P color="light" to text-gray-200 - Changed benefit cards border-radius from rounded-2xl to rounded-md - Added responsive padding to benefit cards: lg:p-8 p-6 - Updated benefit description from text-gray-200 to font-light text-gray-300 - Removed NodeHero background image inline style in
This commit is contained in:
@@ -1,15 +1,14 @@
|
||||
'use client'
|
||||
|
||||
import { Button } from '@/components/Button'
|
||||
import { Eyebrow, H3 } from '@/components/Texts'
|
||||
import { Eyebrow, H3, P } from '@/components/Texts'
|
||||
|
||||
export function NodeHero() {
|
||||
return (
|
||||
<div className="">
|
||||
{/* Boxed container */}
|
||||
<div
|
||||
className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100 bg-white overflow-hidden bg-contain bg-right bg-no-repeat"
|
||||
style={{ backgroundImage: "url('/images/gpuhero2.png')", backgroundSize: "contain" }}
|
||||
className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100 bg-white overflow-hidden md:bg-[url('/images/gpuhero2.png')] md:bg-contain md:bg-right md:bg-no-repeat"
|
||||
>
|
||||
{/* Inner padding */}
|
||||
<div className="px-6 py-16 lg:py-24">
|
||||
@@ -18,9 +17,9 @@ export function NodeHero() {
|
||||
<H3 as="h1" className="mt-4">
|
||||
Host a Node. Power the Network.
|
||||
</H3>
|
||||
<p className="mt-6 text-lg text-gray-800">
|
||||
<P className="mt-6 text-gray-600">
|
||||
The Mycelium Network runs on nodes hosted by people and organizations around the world. Each node adds capacity, resilience, and sovereignty, expanding a global network for private, distributed compute and AI.
|
||||
</p>
|
||||
</P>
|
||||
<div className="mt-10 flex items-center gap-x-6">
|
||||
<Button to="#node-getting-started" as="a" variant="solid" color="cyan">
|
||||
How it works
|
||||
|
||||
Reference in New Issue
Block a user