76 lines
3.3 KiB
JavaScript
76 lines
3.3 KiB
JavaScript
import React from 'react';
|
|
import sign from '/public/images/signeture.png';
|
|
import Image from 'next/image';
|
|
import Link from 'next/link';
|
|
import { useTranslation } from 'next-i18next';
|
|
|
|
const About = (props) => {
|
|
const { t } = useTranslation('(home)/homeAbout');
|
|
|
|
// Ensure paragraphs is an array to avoid runtime errors
|
|
const paragraphs = t('paragraphs', { returnObjects: true });
|
|
const paragraphList = Array.isArray(paragraphs) ? paragraphs : [];
|
|
|
|
return (
|
|
<section className={`wpo-about-section section-padding ${props.abClass}`}>
|
|
<div className="container">
|
|
<div className="wpo-about-wrap">
|
|
<div className="row align-items-center">
|
|
<div className="col-lg-6 col-md-12 col-12 order-2 order-lg-1">
|
|
<div className="wpo-about-img">
|
|
<Image src={props.introImg} alt="About image" />
|
|
<div className="about-shape">
|
|
<div className="shape-1"></div>
|
|
<div className="shape-2"></div>
|
|
<div className="shape-3"></div>
|
|
<div className="shape-4"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2 mb-5">
|
|
<div className="wpo-about-text">
|
|
<div className="wpo-section-title">
|
|
<span>{t('expertGuidance')}</span>
|
|
<h2>{t('mainTitle')}</h2>
|
|
</div>
|
|
|
|
{paragraphList.map((para, index) => (
|
|
<p key={index}>{para}</p>
|
|
))}
|
|
|
|
<div className="quote">
|
|
<p>{t('quote')}</p>
|
|
</div>
|
|
|
|
{/* Optional signature block */}
|
|
{/*
|
|
<div className="wpo-about-left-info">
|
|
<div className="wpo-about-left-inner">
|
|
<div className="wpo-about-left-text">
|
|
<h5>Robert Willum</h5>
|
|
<span>CEO & Founder of Manit</span>
|
|
</div>
|
|
</div>
|
|
<div className="signeture">
|
|
<Image src={sign} alt="Signature" />
|
|
</div>
|
|
</div>
|
|
*/}
|
|
|
|
<div className="close-form mt-5">
|
|
<Link className="theme-btn" href="/about">
|
|
<span className="text">{t('buttonText')}</span>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default About;
|