forked from sashaastiadi/www_mycelium_net
refactor: replace About component with new AboutNew implementation
This commit is contained in:
@@ -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 />
|
||||
|
||||
37
src/components/AboutNew.tsx
Normal file
37
src/components/AboutNew.tsx
Normal 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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user