import React from 'react';
import Link from 'next/link';

const CounsellingSolutions: React.FC = () => {
    return (
        <section className="counselling-solutions">
            <div className="container">
                <div className="row">
                    <div className="col-lg-6">
                        <div className="counselling-solutions__title">
                            <div className="sec-title">
                                <div className="sec-title__shape"></div>
                                <h6 className="sec-title__tagline">BEST COUNSELLING SOLUTION</h6>
                                <h3 className="sec-title__title">
                                    Psychology is a Broad Field So <br /> Consider Skill Solution
                                </h3>
                            </div>
                        </div>
                        <div className="counselling-solutions__content">
                            <p className="counselling-solutions__text">
                                Business tailored design, management &amp; support services Business
                                business agency elit, sed do eiusmod tempor &nbsp;majority have
                                in some we form, by injected humour solution.
                            </p>
                            <p className="counselling-solutions__text">
                                <strong>Psychology:</strong> The scientific study of behavior and mental processes It explores
                                various aspects of human behavior such as perception, cognition, emotion,
                                personality, development, and social interactions.
                            </p>

                            <ul className="counselling-solutions__list--two">
                                <li>
                                    <span className="icon-arrow-circle-check"></span>
                                    The right therapist can help you develop the skills to manage
                                </li>
                            </ul>
                            <Link href="#" className="pelocis-btn">
                                <span>
                                    Discover More <i className="icon-right-arrow-white"></i>
                                </span>
                            </Link>
                        </div>
                    </div>
                    <div className="col-lg-6">
                        <div className="counselling-solutions__image">
                            <img
                                src="https://bracketweb.com/pelocishtml/assets/images/resources/counselling-solutions-1-1.png"
                                alt="pelocis"
                                className="counselling-solutions__image__one"
                            />
                            <img
                                src="https://bracketweb.com/pelocishtml/assets/images/resources/counselling-solutions-1-2.png"
                                alt="pelocis"
                                className="counselling-solutions__image__two"
                            />
                            <div className="counselling-solutions__image__watch-btn">
                                <Link href="https://www.youtube.com/watch?v=h9MbznbxlLc" className="video-popup">
                                    <i className="icon-play"></i>
                                </Link>
                                <span>WATCH VIDEO</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default CounsellingSolutions;
