import React from 'react'
import Wrapper from '../layout/Wrapper'
import PageTitle from './shared/PageTitle'
import StackWrapper from './StackWrapper'

const _data = {
    heading: "Tech Stack",
    subheading: "What we speak",
    paragraph: "And many more..."
}

function TechStack() {
  return (
    <Wrapper bg padding={" py-90p"}>
        <div className='flex flex-col gap-90p justify-center items-center'>
            <div className='w-full'>
                <PageTitle heading={_data.heading} subheading={_data.subheading} left />
            </div>
            <div className='w-full'>
                <StackWrapper />    
            </div> 
            <p className='paragraph'>{_data.paragraph}</p>
        </div>
        
    </Wrapper>
  )
}

export default TechStack