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