import React from 'react';
import Logo from "../../public/svg/logo";
import Link from 'next/link';
import { useRouter, withRouter } from "next/router";

export default function Footer(){
    const router = useRouter()
    const click=(ourRoute)=>{
     router.push(ourRoute)
     console.log('hello click')
     }
    return(
        
        <footer id="footer" className="footer footer-2">
        <div className="footer__bg  js-lazy" data-src="img/bg/footer-2.svg"></div>
        <div className="wrapper">
            <a href="index.html" className="logo-footer">
                <Logo/>
            </a>
            
            <div className="phone-item footer-phone">
                <div className="footer-phone__item">
                    <i className="icon-phone"></i><a href="tel:+989195696317">+۹۸۹۱۹۵۶۹۶۳۱۷</a>
                </div>
            </div>
            
        </div>
        <div className="footer-bottom">
            <div className="wrapper">
                <div className="copyrights">All Right Reserved. JibJib 2022©</div>
                <div className="footer-menu">
                <ul className="main-menu js-menu" id="mainMenu" >
                                    <li onClick={()=>click("/#services" )}>
                                        <Link href={"/#services"} style={{textDecoration:'none'}} >خدمات</Link>
                                    </li>
                                    <li onClick={()=>click("/#about")}>
                                        <Link href={"/#about"} >همکاری با جیب جیب؟</Link>
                                    </li>
                                    <li onClick={()=>click("/#install")}>
                                        <Link href={"/#install"} >نصب جیب جیب</Link>
                                    </li>  
                                    <li onClick={()=>click("/#steps")}>
                                        <Link href={"/#steps"} >پشتیبانی</Link>
                                    </li>
                                          
                                    <li onClick={()=>click('/#blog')}>
                                        <Link href={"/#blog"} >وبلاگ</Link>
                                    </li>
                 </ul>
                           
                </div>
            </div>
        </div>
    </footer>
    )
}