|
|
|
@ -1,31 +1,31 @@ |
|
|
|
|
import React, { Fragment, useEffect } from "react"; |
|
|
|
|
import _ from "lodash"; |
|
|
|
|
import {connect} from 'react-redux'; |
|
|
|
|
import {publicApi} from '../../redux/actions'; |
|
|
|
|
import { connect } from "react-redux"; |
|
|
|
|
import { publicApi } from "../../redux/actions"; |
|
|
|
|
|
|
|
|
|
import './index.scss'; |
|
|
|
|
import "./index.scss"; |
|
|
|
|
|
|
|
|
|
//assets
|
|
|
|
|
import pic from "./pic.png"; |
|
|
|
|
import aboutLg from "./about-lg.png"; |
|
|
|
|
|
|
|
|
|
function About({ fury, advantages, keywords, keywords2, first, setHeaderOptions }) { |
|
|
|
|
function About({ |
|
|
|
|
fury, |
|
|
|
|
advantages, |
|
|
|
|
keywords, |
|
|
|
|
keywords2, |
|
|
|
|
first, |
|
|
|
|
setHeaderOptions, |
|
|
|
|
}) { |
|
|
|
|
useEffect(() => { |
|
|
|
|
setHeaderOptions({ shown: true}); |
|
|
|
|
},[]); |
|
|
|
|
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> |
|
|
|
|
<p |
|
|
|
|
style={{ |
|
|
|
|
lineHeight: 2, |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
{first.text} |
|
|
|
|
</p> |
|
|
|
|
</header> |
|
|
|
|
<div className="linegr" style={{ width: "100%", height: "4px" }}></div> |
|
|
|
|
<div className="about__fury flex"> |
|
|
|
@ -88,13 +88,11 @@ function About({ fury, advantages, keywords, keywords2, first, setHeaderOptions |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const mapStateToProps = (state) => ({ |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
const mapStateToProps = (state) => ({}); |
|
|
|
|
|
|
|
|
|
const mapDispatchToProps = { |
|
|
|
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(About); |
|
|
|
|
|
|
|
|
|