import React from 'react';
import { useRouter } from 'next/router';

export default function Mainhome(){
    const router = useRouter()
    const click=(ourRoute)=>{
     router.push(ourRoute)
     }
    return(
        <div>
            
            <div className="first-screen section-screen-main">
                    <div className="section-screen-main__bg" style={{ backgroundImage:'url(img/main.svg)'}}></div>
                    <div className="wrapper">
                        <div className="screen-main">
                            {/* <div className="section-heading"><span>مطمئن باش</span></div> */}
                            <h1 className="h1 h1-main" style={{lineHeight:1.1  }}>از خریدِ خودت و بقیه <br/>پول در بیار !</h1>
                            <div className="screen-main__text"  style={{textAlign:'justify'}}>     با جیب‌جیب فقط با  نصب یک اپلیکیشین  می‌تونید از اپلیکیشن‌ها، سایت‌‌ها و فروشگاه‌های  اینستاگرام خرید کنید اما نه یک خرید معمولی! بعد از خرید هرچیزی از پوشاک، خواربار و کالای دیجیتال گرفته تا بلیط سینما و هواپیما و... 5 تا 50% درصد به عنوان پاداش نقدی بهت برمی‌گرده! علاوه بر این می‌تونی بین خیلی از فروشگاه‌ها یک کالا رو مقایسه کنی و به صرفه‌ترین رو انتخاب کنی!</div>
                            <div onClick={()=>click("/#install" )}>
                            <a className="btn btn_learn">جیب جیب رو نصب کن!</a>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    )
}