<file_sep>import classes from "./Footer.module.css";
import Map from "./Map/Map"
import Contacts from "./Contacts/Contacts"

const Footer = () => {
  return ( <div className={classes.Footer}>
    <Contacts/>
    <Map/>
  </div> );
}
 
export default Footer;<file_sep>import { Route } from "react-router-dom";
import classes from "./Vacancies.module.css";
import VacanciesList from "./VacanciesList/VacanciesList";
import Vacancy from "./Vacancy/Vacancy";


const Vacancies = ({match}) => {
  return ( <div className={classes.Vacancies}>
    <h1>Вакансии</h1>
      {match.isExact ? <VacanciesList/> : <Route path='/vacancies/:id' component={Vacancy}/>}
  </div> );
}
 
export default Vacancies;<file_sep>import classes from "./Languages.module.css";

const Languages = () => {
  return ( <div className={classes.Languages}>

  </div> );
}
 
export default Languages;<file_sep>import classes from "./Best.module.css";

const Best = () => {
  return ( <div className={classes.Best}>
  </div> );
}
 
export default Best;<file_sep>import classes from "./Menu.module.css";

const Menu = () => {
  return ( <div className={classes.Menu}>
    
  </div> );
}
 
export default Menu;<file_sep>import classes from "./Logo.module.css";
import logo from "../../../images/kumara.png"

const Logo = () => {
  return ( <div className={classes.Logo}>
    <img alt="logo" src={logo} className={classes.logo}/>
    <h1 className={classes.title}><NAME></h1>
  </div> );
}
 
export default Logo;<file_sep>import classes from "./Contacts.module.css";
import insta from "../../../images/contacts-images/insta.svg"
import fb from "../../../images/contacts-images/facebook.svg"
import tripadvisor from "../../../images/contacts-images/trip-adv.svg"
import wsp from "../../../images/contacts-images/whatsapp.svg"
import tg from "../../../images/contacts-images/tg.svg"

const Contacts = () => {
  return ( <div className={classes.Contacts}>
    <h3>Свяжитесь с нами</h3>
    <ul>
      <li>Адресс:г.Каракол ул.Пржевальского 105а</li>
      <li>Телефон: +996 556-255-258</li>
      <li>Телефон: +996 706-255-258</li>
      <li>Email: <EMAIL></li>
    </ul>
    <div className={classes.links}>
      <a rel="noreferrer" href='https://www.instagram.com/altyn_kumara/' target='_blank'><img alt='instagram' src={insta}/></a>
      <a rel="noreferrer" href='https://www.facebook.com/AltynKumara' target='_blank'><img alt='facebook' src={fb}/></a>
      <a rel="noreferrer" href='https://www.tripadvisor.ru/Restaurant_Review-g815340-d13313936-Reviews-Altyn_Kumara-Karakol_Issyk_Kul_Province.html' target='_blank'><img alt='tripadvisor' src={tripadvisor}/></a>
      <a rel="noreferrer" href='https://api.whatsapp.com/send?phone=996556521111' target='_blank'><img alt='whatsapp' src={wsp}/></a>
      <a rel="noreferrer" href='https://google.com' target='_blank'><img alt='telegram' src={tg}/></a>
    </div>

  </div> );
}
 
export default Contacts;<file_sep>const Logout = () => {
    return null;
  }
   
  export default Logout;<file_sep>import classes from "./Map.module.css";

const Map = () => {
  return ( <div className={classes.Map}>
    <iframe title='map' src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d183.85646859515637!2d78.38430175567255!3d42.49785579934702!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe5e3d768d570e350!2z0JDQu9GC0YvQvSDQmtGD0LzQsNGA0LA!5e0!3m2!1sru!2skg!4v1622704059122!5m2!1sru!2skg" width="500" height="300" style={{border:0}} allowFullScreen="" loading="lazy"></iframe>
  </div> );
}
 
export default Map;<file_sep>import classes from "./Nav.module.css";
import NavItem from "./NavItem/NavItem";

const Nav = ({click}) => {
  return ( <div className={classes.Nav}>
      <NavItem click={click} url="/" exact>Главная</NavItem>
      <NavItem click={click} url="/menu">Меню</NavItem>
      <NavItem click={click} url="/vacancies">Вакансии</NavItem>
      <NavItem click={click} url="/about">О нас</NavItem>
  </div> );
}
 
export default Nav;

<file_sep>import classes from "./Bravo.module.css";
import bravo from "../../images/bravo-logo.png"

const Bravo = () => {
  return ( <div className={classes.Bravo}>
    <img alt='bravo-logo' src={bravo}/>
    <h1><NAME></h1>
  </div> );
}
 
export default Bravo;<file_sep>import Toolbar from "./Toolbar/Toolbar"
import Drawer from "./Drawer/Drawer"
import Footer from "../Footer/Footer"
import { useState } from "react";

const Layout = ({children}) => {
  const [drawerOpen, setDrawerOpen] = useState(false);

  return ( <div>
    <Toolbar openDrawer={() => setDrawerOpen(true)} />
    <Drawer open={drawerOpen} closeDrawer={()=>setDrawerOpen(false)}/>
    <main>
      {children}
    </main>
    <Footer/>
  </div> );
}
 
export default Layout;<file_sep>import { NavLink } from "react-router-dom";
import classes from "./NavItem.module.css";

const NavItem = ({ url, children, exact, click }) => {
  return (<div onClick={click} className={classes.NavItem}>
      <NavLink to={url} activeStyle={{color: "#ffdc23"}} exact={exact}>{children}</NavLink>
    </div>);
}

export default NavItem;<file_sep>import { Route, Switch } from "react-router";
import About from "./About/About";
import classes from "./AltynKumara.module.css";
import Home from "./Home/Home";
import Menu from "./Menu/Menu";
import Vacancies from "./Vacancies/Vacancies";
import NotFound from "../UI/NotFound/NotFound"
import Bravo from "../Bravo/Bravo"

const AltynKumara = () => {
  return ( <div className={classes.AltynKumara}>
    <Switch>
      <Route exact path='/' component={Home}/>
      <Route path='/menu' component={Menu}/>
      <Route path='/vacancies' component={Vacancies}/>
      <Route path='/about' component={About}/>
      <Route path='/bravo-pizza' component={Bravo}/>
      <Route path='/' component={NotFound}/>
    </Switch>
  </div> );
}
 
export default AltynKumara;<file_sep>import { useState } from "react";
import classes from "./Slider.module.css";
import image1 from "../../../../images/slider-images/ittashkent.jpg";
import image2 from "../../../../images/slider-images/itcompany.jpg";
import image3 from "../../../../images/slider-images/bulut.jpg";

const Slider = () => {


  const [currentSlide, setCurrentSlide] = useState(1);

  let move = '0px'
  
  switch (currentSlide) {
    case 1:
      move = '0px'
      break;
    case 2:
      move = '-100%'
      break;
    case 3:
      move = '-200%'
      break;
    default:
      move = '0px'
      break;
  }
  if(currentSlide === 4){
    setCurrentSlide(1)
  }
  if(currentSlide < 1){
    setCurrentSlide(3)
  }




  return ( <div className={classes.Slider}>
    <div style={{transform: `translateX(${move})`}} className={classes.slides}>
      <div style={{backgroundImage: `url(${image1})`}}></div>
      <div style={{backgroundImage: `url(${image2})`}}></div>
      <div style={{backgroundImage: `url(${image3})`}}></div>
    </div>
    <div className={classes.sliderBtns}>
      <button onClick={()=> setCurrentSlide(currentSlide - 1)} className={classes.sliderBtn}>{'<'}</button>
      <button onClick={()=> setCurrentSlide(currentSlide + 1)} className={classes.sliderBtn}>{'>'}</button>
    </div>
  </div> );
}
 
export default Slider;