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