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 over 25 years, we have witnessed how racial prejudice can influence immigration decisions, from consular officer interviews to immigration court proceedings, affecting families from specific countries and communities disproportionately.
                                </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;
