import React from 'react'
import './DentistaSection.css'
import { Link } from 'react-router-dom';


const DentistaSection = () => {
  return (
<section className='dentista-section-container'>
        <div className='dentista-div-container'>
            <div className='dentista-section-header'>
                <div className='dentista-section-tittle'>
                    <h2>Dentista</h2>
                    <span>Aqui puedes encontrar los distintos servicios que ofrecemos en Dentista</span>
                </div>

                <div className='dentista-section-button'>
                    <div className='dentista-button'>
                        <span>Mas Servicios</span>
                    </div>
                </div>
            </div>


        <div className='dentista-card-container'>
            <div className='dentista-card-one'>
                <div className='dentista-card-img-one'>

                </div>
                <div className='dentista-card-content-one'>
                    <h3>Limpieza Dental</h3>
                    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                    <div className='dentista-button-one'><Link to="/reservacion-dentista">Reservar</Link></div>
                </div>
            </div>
            
            <div className='dentista-card-one'>
                <div className='dentista-card-img-two'>

                </div>
                <div className='dentista-card-content-one'>
                    <h3>Brackets</h3>
                    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                    <div className='dentista-button-one'> <Link to="/reservacion-dentista">Reservar</Link></div>
                </div>
            </div>

                      <div className='dentista-card-one'>
                <div className='dentista-card-img-three'>

                </div>
                <div className='dentista-card-content-one'>
                    <h3>Blanqueamiento dental</h3>
                    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                    <div className='dentista-button-one'><Link to="/reservacion-dentista">Reservar</Link></div>
                </div>
            </div>

                      <div className='dentista-card-one'>
                <div className='dentista-card-img-four'>

                </div>
                <div className='dentista-card-content-one'>
                    <h3>Extración de muelas del juicio</h3>
                    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                    <div className='dentista-button-one'><Link to="/reservacion-dentista">Reservar</Link></div>
                </div>
            </div>

        </div>


        </div>
    </section>  
    )
}

export default DentistaSection