You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
5.3 KiB
135 lines
5.3 KiB
import React, { Fragment, useEffect } from "react"; |
|
import _ from "lodash"; |
|
import { connect } from "react-redux"; |
|
import { publicApi } from "../../redux/actions"; |
|
|
|
import "./index.scss"; |
|
|
|
//assets |
|
import pic from "./pic.png"; |
|
import aboutLg from "./about-lg.png"; |
|
|
|
function About({ |
|
fury, |
|
advantages, |
|
keywords, |
|
keywords2, |
|
first, |
|
setHeaderOptions, |
|
}) { |
|
useEffect(() => { |
|
setHeaderOptions({ shown: true }); |
|
}, []); |
|
|
|
return ( |
|
<div className={_.join(["about w-11/12 mx-auto flex flex-col"], " ")}> |
|
<main className="flex flex-col items-center pt-16"> |
|
<header> |
|
<h1>{first.title}</h1> |
|
</header> |
|
<div className="linegr" style={{ width: "100%", height: "4px" }}></div> |
|
<div className="about__fury flex"> |
|
<div className="about__fury--right flex flex-col justify-center"> |
|
<div className="right-top self-start"> |
|
<h1>{fury.title}</h1> |
|
<p>{fury.text}</p> |
|
</div> |
|
<div className="right-bottom self-start"> |
|
<h2>{keywords.title}</h2> |
|
<ul> |
|
{keywords.list.map((item, i) => ( |
|
<Fragment key={i}> |
|
<li style={{ padding: 5 }}>{item}</li> |
|
</Fragment> |
|
))} |
|
</ul> |
|
</div> |
|
<div className="right-bottom self-start"> |
|
<h2>{keywords2.title}</h2> |
|
<ul> |
|
{keywords2.list.map((item, i) => ( |
|
<Fragment key={i}> |
|
<li |
|
style={{ |
|
padding: 5, |
|
}} |
|
> |
|
{item} |
|
</li> |
|
</Fragment> |
|
))} |
|
</ul> |
|
</div> |
|
</div> |
|
<div className="about__fury--left flex items-center"> |
|
<img src={aboutLg} alt="عکس" /> |
|
{/* {this.props.absoluteImages.map((item, i) => ( |
|
<img src={item.imageUrl} className={item.class} alt="عکس" /> |
|
))} */} |
|
</div> |
|
</div> |
|
<div className="about__advantages flex"> |
|
<div className="about__advantages--right flex"> |
|
<img src={pic} alt={"عکس"} /> |
|
</div> |
|
<div className="about__advantages--left"> |
|
<h1>{advantages.title}</h1> |
|
<ul> |
|
{advantages.list.map((item, i) => ( |
|
<Fragment key={i}> |
|
<li style={{ padding: 5 }}>{item}</li> |
|
</Fragment> |
|
))} |
|
</ul> |
|
</div> |
|
</div> |
|
</main> |
|
</div> |
|
); |
|
} |
|
|
|
const mapStateToProps = (state) => ({}); |
|
|
|
const mapDispatchToProps = { |
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
}; |
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(About); |
|
|
|
About.defaultProps = { |
|
first: { |
|
title: "درباره ما", |
|
text: "ما در دانوین با هدف ایجاد زیرساخت تعاملی و آموزشی با تولید محتوایی جذاب بصورت کتاب با کمک پلتفرم دانوین، قصد تغییراتی بنیادین در نظام آموزش و پرورش کشور داریم. دانوین پلتفرمی شامل کتاب، محتوای الکترونیکی، رویه های آموزشی، پشتیبانی علمی و نرم افزار ارائه خدمات با رویکرد مخاطب محور است.", |
|
}, |
|
fury: { |
|
title: " ماموریت ما در دانوین چیست ؟", |
|
text: "ارتقای سطح کیفیت و جذابیت آموزش در مدارس بصورت سازگار با نظام رسمی و کنونی آ.پ در راستای نیل به اهداف سند تحول", |
|
}, |
|
|
|
keywords: { |
|
title: "کیفیت آموزش را بالا میبریم", |
|
list: [ |
|
"شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن", |
|
"شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی", |
|
], |
|
}, |
|
keywords2: { |
|
title: "جذابیت کلید بهبود یادگیری", |
|
list: [ |
|
"بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین", |
|
"سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد", |
|
"در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول", |
|
], |
|
}, |
|
advantages: { |
|
title: " مزیت رقابتی دانوین", |
|
list: [ |
|
"بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)", |
|
"دارای رویکرد آموزش سرگرم کننده ", |
|
"بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی", |
|
"رویکرد معرفتی-ارزشی", |
|
"ویدئو های منحصر بفرد", |
|
"متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده", |
|
], |
|
}, |
|
};
|
|
|