@model GheyasPlusShop.Models.Admin.SettingModel
@using GheyasPlusShop.Utils;
@using Utils;
@{
    ViewBag.Title = "درباره ما";
}

@section styles{
    <style>
        body {
            background-color: #fff;
           
        }

        .nav-header {
            margin-bottom: 0;
        }

        .about p {
            text-align: justify;
            line-height: 26px;
            font-size: 14px;
        }

        .section-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 10px;
        }
    </style>
}

<div class="col-12 no-padding about">
    <div class="col-12" style="color:#fff;padding:150px 300px;margin-bottom:50px;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0), 0 -2px 8px 0 rgba(0,0,0,.20);background-image:url('../../App_Images/index/AboutUsBackground.svg');background-size: 100%;background-repeat: no-repeat;background-color: @(StaticManager.WebsiteSetting[ConfigManager.NickName].WebsiteColor);">
        <div class="section-title">درباره ما</div>
        @Html.Raw(Model.WebsiteAboutUsTopContext)
    </div>
    @if (Model.WebsiteAboutUsTopContext.IsNotEmpty() && Model.WebsiteAboutUsBottomContext!="<p><br></p>")
    {
        <div class="col-12" style="padding: 0 300px; margin-bottom: 50px;">
            @*<div class="section-title">باور ما / هدف ما</div>*@
            @Html.Raw(Model.WebsiteAboutUsBottomContext)
        </div>
    }
    <div class="col-12 text-center" style="background-color:#eceef0;padding:100px 0;">
        <div class="section-title">تماس با ما</div>
        <div style="margin: 20px 0 30px;font-size: 14px;">از طریق شبکه‌های اجتماعی و یا ارسال پیام مستقیم با ما در تماس باشید</div>
        <a href="@Html.GetHref("Home/ContactUs")"><button type="button" class="button-accept" style="background-color:#00838f; height:36px;">ادامه</button></a>
    </div>
</div>

@section scripts{
}