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

function FlexibleLeasing(){
    return(
        <header className='apartment'>
            <div className='Attractions__header'>
                <div className='Attractions__content'>
                    <p className='the__subtitle Flexible2' >Flexible Leasing</p>
                    <p className='heading__Amenities Flexible'>Tailor-made Leases</p>
                    <p className='info__Amenities Flexible1'>Choose from a variety of flexible leasing options, whether you need a short-term stay or a long-term commitment, we have the perfect solution for you</p>
                </div>
                <div className='img__Amenitiess1 Flexible3'>
                    <div>
                        <img className ='img__Nearby' src={process.env.PUBLIC_URL + '/images/Image7.png'} alt='изображение' />
                        <p className='img_name'>Modern Designs</p>
                        <p className='img_info'>Sleek and stylish, our apartments feature contemporary designs that elevate your living experience</p>
                    </div>
                    <div>
                        <img className ='img__Nearby' src={process.env.PUBLIC_URL + '/images/Image8.png'} alt='изображение' />
                        <p className='img_name'>Cozy Retreats</p>
                        <p className='img_info'>Warm and inviting, our apartments offer a private sanctuary to unwind and recharge</p>
                    </div>
                    <div>
                        <img className ='img__Nearby' src={process.env.PUBLIC_URL + '/images/Image9.png'} alt='изображение' />
                        <p className='img_name'>Refined Elegance</p>
                        <p className='img_info'>Sophisticated and refined, our apartments exude an air of elegant sophistication</p>
                    </div>
                </div>
            </div>
        </header>
    )
}

export default FlexibleLeasing;