import React from 'react';
import { Link, useNavigate } from 'react-router-dom';
import './UnparalleledConvenience.css';

function UnparalleledConvenience(){
    return(
        <header className='apartment Convenience4'>
            <div className='Attractions__header'>
                <div className='Attractions__content'>
                    <p className='heading__Amenities Convenience'>Unparalleled Convenience</p>
                    <p className='info__Amenities Convenience1'>Centrally located and well-connected, our apartments provide easy access to the city's top attractions, transportation hubs, and essential amenities</p>
                </div>
                <div className='img__Amenitiess1 Convenience3'>
                    <div>
                        <img className ='img__Nearby' src={process.env.PUBLIC_URL + '/images/Image10.png'} alt='изображение' />
                        <p className='img_name'>Peaceful Oasis</p>
                        <p className='img_info'>Escape the hustle and bustle of the city in the comfort of your own private retreat</p>
                    </div>
                    <div>
                        <img className ='img__Nearby' src={process.env.PUBLIC_URL + '/images/Image11.png'} alt='изображение' />
                        <p className='img_name'>Stylish Sanctuaries</p>
                        <p className='img_info'>Immerse yourself in the tranquility of our beautifully designed apartments</p>
                    </div>
                    <div>
                        <img className ='img__Nearby' src={process.env.PUBLIC_URL + '/images/Image12.png'} alt='изображение' />
                        <p className='img_name'>Urban Sanctuaries</p>
                        <p className='img_info'>Discover the perfect balance of urban living and serene relaxation</p>
                    </div>
                </div>
            </div>
        </header>
    )
}

export default UnparalleledConvenience;