import React from 'react';
import sign from '/public/images/signeture.png';
import Image from 'next/image';
import Link from 'next/link';

const TestimonialSection2 = (props) => {
    return (
        <section className={`wpo-about-section section-padding3 ${props.abClass}`}>
            <div className="container">
                <div className="wpo-about-wrap">
                    <div className="row align-items-center">

                        {/* Text Column — Show first on mobile, second on desktop */}
                        <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>Racial Justice</span>
                                    <h2>Championing Equal Immigration Rights</h2>
                                </div>
                                <p>
                                    At Janahan law, we recognize that the pursuit of justice in immigration law cannot be separated from the fight against racial discrimination and systemic bias. For many years, we have seen how racial bias can impact immigration decisions, influencing processes such as consular interviews and court proceedings, and disproportionately affecting families from certain countries and communities.
                                </p>
                            </div>
                            <div className="close-form mt-5">
                                <Link className="theme-btn" href="/about/racial-justice"><span className="text">Know More</span>
                                </Link>
                            </div>

                        </div>

                        <div className="col-lg-6 col-md-12 col-12 order-2 order-lg-1">
                            <div className="wpo-about-img">
                                <Image src={props.abimg} alt="About Image" />
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>
    );
};

export default TestimonialSection2;