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

function ApartmentAmenities(){
    return(
        <header className='apartment'>
            <div className='apartment_header'>
                <div className='apartment__Amenities'>
                    <img className ='icon__Amenities' src={process.env.PUBLIC_URL + '/images/Icon.jpg'} alt='изображение' />
                    <h1 className='heading__Amenities'>Apartment Amenities</h1>
                    <p className='info__Amenities'>Enjoy a range of modern amenities in our apartments, from fully-equipped kitchens to en-suite laundry facilities, ensuring your comfort and convenience</p>
                </div>
                <div className='img__Amenitiess'>
                    <div>
                        <img className ='img__Amenities' src={process.env.PUBLIC_URL + '/images/Image2.png'} alt='изображение' />
                        <p className='img_name'>Stunning Views</p>
                        <p className='img_info'>Natural Lighting</p>
                    </div>
                    <div>
                        <img className ='img__Amenities1' src={process.env.PUBLIC_URL + '/images/Image3.png'} alt='изображение' />
                        <p className='img_name'>Relaxing Atmosphere</p>
                        <p className='img_info'>Cozy Interiors</p>
                    </div>
                </div>
            </div>
        </header>
    )
}

export default ApartmentAmenities;