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 { 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 />
|
||||||
|
|||||||
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