import Title from "../global/Title";
import ButtonCutCorner from "../atoms/ButtonCutCorner";
import ButtonOutLineCutCorner from "../atoms/ButtonOutLineCutCorner";
import OutLineText from "../atoms/OutLineText";

export default function AboutUsDescription() {
  return (
    <section className="max-w-150">
      <OutLineText>About Us</OutLineText>
      <Title className="text-primary-foreground">
        ما <span className="text-secondary">داستان‌</span> هایی می‌سازیم{" "}
        <span className="block">
          که <span className="text-accent">آینده دیجیتال</span> را شکل می‌دهند
        </span>
      </Title>

      <p className="text-border mt-3">
        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده
        از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و
        سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای
        متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه
        درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد
      </p>
      <div className="mt-5">
        <ButtonOutLineCutCorner
          triangle
          className="text-primary-foreground font-semibold text-lg bg-primary px-3 py-6"
        >
          با تیم ما آشنا شوید
        </ButtonOutLineCutCorner>
      </div>
    </section>
  );
}
