import Container from "@/components/elements/Container";
import RoundedDiv from "@/components/elements/RoundedDiv";
import Link from "next/link";
import React from "react";

function AboutUs() {
  return (
    <Container>
      <div className="min-h-[500px] flex flex-col justify-around max-w-md mx-auto px-4">
        <div className="">

        <h6 className="text-center mt-10 font-bold text-xl">
          راه های ارتباطی با مجموعه مدستاگرام
        </h6>
        <div className="flex flex-col w-full mt-20 gap-1 ">
          <span>ایمیل مجموعه : </span>
          <span> modstagram.com@gmail.com</span>
        </div>
        <div className="flex flex-col w-full mt-6 gap-1">
          <span>شماره تماس : </span>
          <span>09128893712</span>
        </div>
        </div>
        <div className="w-full flex justify-center items-center">

        <Link
          href={"/settings/tickets/new"}
          className="flex flex-col  mt-6 gap-1"
        >
          <RoundedDiv className="w-28 py-1">
            <span>ارسال تیکت</span>
          </RoundedDiv>
        </Link>
        </div>
      </div>
    </Container>
  );
}

export default AboutUs;
