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