import Link from "next/link";
import Image from "next/image";
import logo from "../../../public/assets/photos/logo.svg"
import style from "./header.module.css"

const header = () => {
    return (
        <>
            <div className={style.header}>
                <div className='container'>
                    <div className={style.parent}>
                        <div className={style.content}>
                            <Link href='/main'>صفحه اصلی</Link>
                            <Link href='/services'>خدمات ما</Link>
                            <Link href='/customers'>مشتریان ما</Link>
                            <Link href='/about'>درباره ما</Link>
                        </div>
                        <div className={style.logoContent}>
                            <div className={style.logo}>
                                <Image src={logo} alt='logo' width="100px" height="100px" />
                            </div>
                            <div className={style.logoTxt}>
                                <h1>سپهر دیتا</h1>
                                <h1>SEPEHR DATA</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default header;