<template>
    <LandingLayout title="About us">
        <div class="bg-white">
            <div class="container max-w-[1400px]">
                <Main_About
                    :slogan-ar="content.slogan_ar"
                    :slogan-en="content.slogan_en"
                    :text-ar="content.main_text_ar"
                    :text-en="content.main_text_en"
                    :image="content.url"
                />
                <OurMission
                    :title="$t('about.our_mission')"
                    :image="content.mission_icon"
                    :text-en="content.mission_text_en"
                    :text-ar="content.mission_text_ar"
                />
                <OurMission
                    :title="$t('about.our_vision')"
                    :image="content.mission_icon"
                    :text-en="content.mission_text_en"
                    :text-ar="content.mission_text_ar"
                />
                <!--            <OurVision id="vision" :our_viosion="our_viosion" />-->
                <center
                    class="pt-8 text-gray-300 font-semibold mb-[32px] leading-[50.83px] text-[42px] font-Inter"
                >
                    {{ $t("about.our_values") }}
                </center>

                <Our_Value :our_values="content.values" />

                <template v-if="content.founders.length > 0">
                    <center
                        class="text-gray-300 font-semibold mb-[44px] leading-[51px] text-[42px] font-Inter"
                    >
                        {{ $t("about.meet_our_founders") }}
                    </center>
                    <div
                        class="grid grid-cols-1 md:grid-cols-2 m-auto justify-center gap-[20px] mb-[120px] max-w-[1139px]"
                    >
                        <Founder
                            v-if="content.founders.length>0"
                            v-for="(founder, idx) in content.founders"
                            :key="idx"
                            :founder="founder"
                        />
                    </div>
                </template>
            </div>
        </div>
    </LandingLayout>
</template>

<script>
import OurMission from "@/components/About/OurMission.vue";
import OurVision from "@/components/About/OurVision.vue";
import Our_Value from "@/components/About/Our_Value.vue";
import Founder from "@/components/About/Founder.vue";
import Main_About from "@/components/About/Main_About.vue";
import LandingLayout from "@/Layouts/LandingLayout";

export default {
    props: {
        content: Object,
    },
    data() {
        return {
            array_main: [
                {
                    image: "https://via.placeholder.com/300/09f.png/fff%20C/O%20https://placeholder.com/",
                    parg: "  Muhandisin was founded in 2020 by two trained engineers with a mission to improve opportunity within their industry. Named after the Arabic word for engineering, the first-of-its-kind network connects clients seeking skilled engineers with certified, top talent. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur, omnis, ipsum fuga reprehenderit repellat, tenetur illum tempora neque cumque est inventore dolorem quas vitae commodi recusandae non accusantium distinctio in.",
                    title: "Reshaping engineering services into a faster, hassle-free experience",
                },
            ],
            image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",
            our_mision: [
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",
                    title: "Our mission is to be the premier partner of skilled engineering solutions for customers around the world.",
                },
            ],
            our_viosion: [
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",
                    title: "Our vision is  to elevate the engineering community,  to  facilitate economic opportunity for engineers and engineering firms, and to inspire and enhance industry-wide innovation and creativity,  while becoming the most widely recognized industry partner globally",
                },
            ],
            founders: [
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",
                    title: "Engineer Moataz Mostafa",
                    detils: "has extensive experience in site engineering and project management, having serving in various engineer roles for over 16 years. He began his career at [COMPANY NAME] and has held positions at [OTHER COMPANY NAMES].  He received a degree from [UNIVERSITY] and holds [CERTIFICATIONS]. He oversees business development at Muhandisin.",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",
                    title: "Engineer Danish Singh ",
                    detils: "has built a career in project management and IT solutions. After completing his degree at  [UNIVERSITY], he held positions at [COMPANY NAME] and [OTHER COMPANY NAMES]. He oversees product development and marketing at Muhandisin.",
                },
            ],
            our_values: [
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",
                    title: "Excellence",
                    subpar: "in everything we do",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",

                    title: "Innovation",
                    subpar: "and creativity",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",

                    title: "Commitment",
                    subpar: "to our community",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",

                    title: "Teamwork",
                    subpar: "to achieve exceptional results together",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",

                    title: "Quality",
                    subpar: "first mentality",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",

                    title: "Value",
                    subpar: "creation for those in our network",
                },
                {
                    image: "https://images.unsplash.com/photo-1581094480465-4e6c25fb4a52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",

                    title: "Efficiency",
                    subpar: "and time optimization",
                },
            ],
        };
    },
    components: {
        OurMission,
        OurVision,
        Our_Value,
        Founder,
        Main_About,
        LandingLayout,
    },
    mounted() {},
};
</script>
