refactor: replace About component with new AboutNew implementation

This commit is contained in:
2025-10-22 14:31:07 +02:00
parent 812eb5f455
commit 90499e2b77
2 changed files with 39 additions and 2 deletions

View File

@@ -6,7 +6,7 @@ import { PrimaryFeatures } from '@/components/PrimaryFeatures'
import { UseCases } from '@/components/UseCases'
import { SecondaryFeatures } from '@/components/SecondaryFeatures'
import { Benefits } from '@/components/Benefits'
import { About } from '@/components/About'
import { AboutNew } from '@/components/AboutNew'
import { Features } from '@/components/Features'
export default function Home() {
@@ -16,7 +16,7 @@ export default function Home() {
<Hero />
</AnimatedSection>
<AnimatedSection>
<About />
<AboutNew />
</AnimatedSection>
<AnimatedSection>
<Features />

View File

@@ -0,0 +1,37 @@
import { AppStoreLink } from '@/components/AppStoreLink'
import { P, SectionHeader } from '@/components/Texts'
import { WindowsLink } from '@/components/WindowsLink'
import { AndroidLink } from './AndroidLink'
import { LinuxLink } from '@/components/LinuxLink'
import { CircleBackground } from '@/components/CircleBackground'
import { Container } from '@/components/Container'
export function AboutNew() {
return (
<section
id="get-free-shares-today"
className="relative overflow-hidden bg-gray-900 py-20 sm:py-28"
>
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
<CircleBackground color="#06b6d4" className="animate-spin-slower" />
</div>
<Container>
<div className="mx-auto max-w-2xl text-center">
<SectionHeader as="h2" color="white">
Discover Mycelium
</SectionHeader>
<P color="light" className="mt-6">
Mycelium is an unbreakable network, always finding the shortest path and
providing 100% secure, peer-to-peer communication. But this is just
the beginning.
</P>
<P color="light" className="mt-6">
Our mission is to create a sustainable digital ecosystem where
communication is seamless, data is secure, and scalability knows no
bounds.
</P>
</div>
</Container>
</section>
)
}