Services and Service-Details Page 7 service card content updaed

This commit is contained in:
akash 2025-08-14 13:27:26 +05:30
commit bd36633612
20 changed files with 695 additions and 523 deletions

View File

@ -1,72 +1,181 @@
import blogImg1 from "/public/images/blog/img-1.jpg";
import blogImg2 from "/public/images/blog/img-2.jpg";
import blogImg3 from "/public/images/blog/img-3.jpg";
import blogImg1 from "/public/images/blog/img-1.jpg";
import blogImg2 from "/public/images/blog/img-2.jpg";
import blogImg3 from "/public/images/blog/img-3.jpg";
import blogSingleImg1 from "/public/images/blog/blog-single/img-1.jpg";
import blogSingleImg2 from "/public/images/blog/blog-single/img-2.jpg";
import blogSingleImg3 from "/public/images/blog/blog-single/img-3.jpg";
import blogSingleImg1 from "/public/images/blog/blog-single/img-1.jpg";
import blogSingleImg2 from "/public/images/blog/blog-single/img-2.jpg";
import blogSingleImg3 from "/public/images/blog/blog-single/img-3.jpg";
const blogs = [
{
id: '1',
title: 'The people who just support progressive change.',
slug:'the-people-who-just-support-progressive-change.',
screens: blogImg1,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
const blogs = [
{
id: '1',
title: 'New TPS Designations: What You Need to Know',
slug: 'new-tps-designations-what-you-need-to-know',
screens: blogImg1,
description: `
<p>Recent policy changes affect thousands of immigrants. Learn how temporary protected status updates may impact your case and what actions to take.
Temporary Protected Status (TPS) has undergone significant changes in 2025, creating both opportunities and challenges for immigrants from affected countries. Understanding these developments is crucial if you currently hold TPS or believe you may be eligible for protection.
TPS provides temporary relief from deportation and work authorization for individuals from countries experiencing armed conflict, natural disasters, or extraordinary circumstances. This humanitarian program has protected over 1.1 million people from 17 countries, allowing them to build lives and contribute to American communities.
</p>
<h3> Major TPS Changes in 2025</h3>
<p>The current administration has made sweeping changes to TPS designations. Several countries have lost protection, including Venezuela (affecting 472,000 people), Afghanistan (76,000 individuals), and Honduras and Nicaragua (combined 80,000 people). These terminations don't take effect immediately but include 18-month phase-out periods.
Meanwhile, other countries maintain their designations. Ukraine's TPS continues through December 2025 due to ongoing war, Haiti's protection extends through February 2026, and Syria maintains status through September 2025.
</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
"TPS changes don't just affect paperwork - they affect families, communities, and the futures that people have worked so hard to build in America. Every case requires immediate attention and strategic planning."
<footer> <cite>John Janhan, Lead Immigration Attorney</cite></footer>
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Anne William',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '25 Sep 2023',
blogSingleImg:blogSingleImg1,
comment:'35',
blClass:'format-standard-image',
},
{
id: '2',
title: 'Politics is why we have nice things. Like the internet.',
slug:'politics-is-why-we-have-nice-things-like-the-internet.',
screens: blogImg2,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Robert Fox',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '26 Sep 2023',
blogSingleImg:blogSingleImg2,
comment:'80',
blClass:'format-standard-image',
},
{
id: '3',
title: 'Liberty Divided Over Criticism Justice League',
slug:'liberty-divided-over-criticism-justice-league',
screens: blogImg3,
description: `
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<blockquote>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
`,
author: 'Devon Lane',
para: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',
authorTitle:'Admin',
create_at: '28 Sep 2023',
blogSingleImg:blogSingleImg3,
comment:'95',
blClass:'format-video',
},
];
export default blogs;
<h3>What You Need to Do Now</h3>
<p>If your country's TPS is being terminated, don't panic, but act quickly. You have options, including asylum applications, family-based immigration, employment-based petitions, or other forms of relief. The key is consulting with an experienced immigration attorney who can evaluate your specific situation and identify the best pathway forward.
For those whose countries maintain TPS status, continue following re-registration requirements and keep your documentation current. Even stable TPS designations can change, so staying prepared is essential.
</p>
<h3>Critical Steps for TPS Holders</h3>
<p>First, gather all documentation proving your continuous presence in the United States, employment history, and community ties. Second, explore alternative immigration relief immediately - waiting until your TPS expires severely limits your options. Third, maintain your current TPS status by meeting all re-registration deadlines, even if termination is pending.
The immigration landscape changes rapidly, and TPS terminations represent just one aspect of evolving policy. However, with proper legal guidance and timely action, many TPS holders successfully transition to permanent status through family relationships, employment opportunities, or humanitarian protection.
</p>
<h3>Your Next Steps</h3>
<p>Don't let TPS changes catch you unprepared. Schedule a consultation with qualified immigration counsel to understand your options and develop a strategy for your family's future. Every situation is unique, and what works for one person may not apply to your circumstances.
At Janhanlaw, we've helped hundreds of TPS holders navigate these transitions successfully. Our multilingual team understands the complexity of changing immigration policies and works tirelessly to protect our clients' rights and futures in America.
Contact us today for a comprehensive case evaluation. Your American dream doesn't have to end with TPS changes - let us help you find the pathway to permanent protection.
</p>
<blockquote>
"This article provides general information only. Always consult with a qualified immigration attorney about your specific situation, as immigration law is complex and constantly evolving. "
</blockquote>
`,
author: 'Anne William',
para: 'Recent policy changes affect thousands of immigrants. Learn how temporary protected status',
authorTitle: 'Admin',
create_at: '25 Sep 2022',
blogSingleImg: blogSingleImg1,
comment: '35',
blClass: 'format-standard-image',
},
{
id: '2',
title: 'H-1B Season 2025: Preparation Strategies',
slug: 'h1b-season-2025-preparation-strategies',
screens: blogImg2,
description: `
<p>The annual H-1B lottery approaches. Our comprehensive guide helps employers and workers navigate the process and improve selection odds.</p>
<p>H-1B season for fiscal year 2026 ,registration closed in March 2025. With over 400,000 applications competing for just 85,000 slots, strategic preparation is essential for the roughly 20% selection rate.</p>
<p>The competition has intensified with stricter wage requirements and increased scrutiny of specialty occupation claims. USCIS continues issuing detailed Requests for Evidence, and processing times have extended significantly - premium processing now takes up to 45 days.</p>
<p>Document specialty occupation requirements clearly. USCIS scrutinizes whether positions truly require specialized knowledge and specific degrees. Develop detailed job descriptions showing complex duties and industry-specific requirements.</p>
<p>Ensure wage compliance by meeting prevailing wage requirements for your area. Level 1 wages face additional scrutiny, so be prepared to justify entry-level classifications thoroughly.</p>
<p>Employee Action Items
Obtain credential evaluations early if your degree was earned abroad. Gather comprehensive employment documentation showing specialized experience, as three years of relevant experience can substitute for one year of education.
Prepare for potential RFEs by assembling detailed resumes, employer letters, certifications, and training records now.</p>
<blockquote>
"H-1B success requires bulletproof preparation. We see lottery winners receive denials due to rushed filing. Start preparing months in advance, not days."
<footer> <cite>Sarah Chen, Senior Immigration Attorney</cite></footer>
</blockquote>
<h3>Registration Strategy</h3>
<p>Complete electronic registration carefully - errors can cause rejection. Multiple employers can register the same beneficiary, but each employer can only submit one registration per person.
Remember: lottery selection doesn't guarantee approval. Selected cases must still meet all requirements and file complete petitions within 90 days.</p>
<h3>Critical Mistakes to Avoid</h3>
<p>Don't submit generic job descriptions or incomplete documentation. Template descriptions often lead to denials. Your Labor Condition Application must be accurate and filed before the H-1B petition.
Never assume you can provide missing evidence laterinitial petitions should be comprehensive and compelling.
</p>
<h3>Beyond the Lottery</h3>
<p>Start green card planning early if permanent residency is your goal. PERM labor certification takes 12-18 months, and early filing extends H-1B eligibility beyond six years.
Consider backup options like O-1, L-1, or TN status if not selected.
</p>
<h3>Get Expert Help</h3>
<p>H-1B preparation requires months of strategic planning and expert legal guidance. At Janhanlaw, our employment immigration team achieves exceptional approval rates through meticulous preparation.
Schedule your H-1B consultation today. Don't let another season pass without maximizing your success chances.</p>
<blockquote>
"This article provides general guidance only. Consult qualified immigration counsel for your specific situation."
</blockquote>
`,
author: 'Robert Fox',
para: 'The annual H-1B lottery approaches. Our comprehensive guide helps employers and workers',
authorTitle: 'Admin',
create_at: '12 Jun 2023',
blogSingleImg: blogSingleImg2,
comment: '80',
blClass: 'format-standard-image',
},
{
id: '3',
title: 'Family Immigration Backlogs: Alternative Options',
slug: 'family-immigration-backlogs-alternative-options',
screens: blogImg3,
description: `
<p>While family preference categories face delays, discover alternative pathways to reunite with loved ones and expedite your case.
Family immigration backlogs have reached crisis levels, with some categories showing 20+ year wait times. F1 category from Philippines faces 12-year delays, while F4 from Mexico shows 23-year backlogs. These delays stem from annual caps of just 226,000 visas against overwhelming demand.
However, strategic planning can dramatically reduce separation time through alternative pathways that many families don't know exist.
</p>
<h3>Immediate Relative Strategy</h3>
<p>The most powerful solution is qualifying as an "immediate relative" - spouses, unmarried children under 21, and parents of U.S. citizens. These categories have no numerical limits and process within 12-24 months.
Marriage to a U.S. citizen transforms decades-long waits into one-year processes. U.S. citizen children who turn 21 can immediately petition for parents without preference category delays.
</p>
<h3>Smart Timing Decisions</h3>
<p>Consider citizenship timing carefully. Permanent residents in F2A category may benefit from delaying naturalization if priority dates are current, as becoming a citizen restarts the process despite moving to immediate relative status.
Multiple family members can file separate petitions. Coordinate filings among citizen and permanent resident relatives to maximize opportunities.
</p>
<h3>Alternative Pathways</h3>
<p>Employment-based immigration may process faster than family categories. If relatives have valuable skills, employer sponsorship through EB-2 or EB-3 could be quicker routes.
Investor visas (EB-5) bypass family preference limitations entirely for families with $800,000-$1,050,000 to invest.
Student visas allow temporary reunification while creating opportunities for employment-based permanent residency.</p>
<blockquote>
"We regularly find immediate relative qualifications that clients didn't know existed, turning decades-long separations into months-long processes."
<footer> <cite>Maria Rodriguez, Family Immigration Specialist</cite></footer>
</blockquote>
<h3>Humanitarian Options</h3>
<p>Asylum or refugee status provides derivative benefits for spouses and unmarried children under 21, completely bypassing preference categories.
Special programs like VAWA, Cuban Adjustment Act, or country-specific parole programs offer additional pathways for qualifying families.
</p>
<h3>
Overcoming Barriers
</h3>
<p>Don't assume disqualifications are permanent. I-601 and I-601A waivers can overcome unlawful presence, criminal issues, or immigration violations.
Extreme hardship waivers focus on qualifying U.S. relatives, considering medical conditions, financial dependencies, and country conditions.
</p>
<h3>Take Action Now</h3>
<p>File petitions immediately to secure priority dates - they can only improve, never worsen. Early filing preserves your place in line regardless of current backlogs.
Monitor visa bulletins monthly for unexpected movement. Sudden priority date advances require rapid response to avoid missed opportunities.
Maintain valid status when possible to preserve flexibility and avoid complications that further delay cases.
</p>
<h3>Expert Strategy Required</h3>
<p>Family immigration involves complex timing decisions and strategic choices that can save years of separation or create permanent entry bars.
At Janhanlaw, we specialize in finding creative solutions to family separation. Our team regularly identifies alternative pathways that reduce wait times from decades to months.
Schedule your consultation today. Let us find the fastest pathway to reunite your family.
</p>
<blockquote>
"
This article provides general information only. Consult qualified immigration counsel for your specific situation.
"
</blockquote>
`,
author: 'Devon Lane',
para: 'While family preference categories face delays, discover alternative pathways to reunite with loved',
authorTitle: 'Admin',
create_at: '03 Dec 2024',
blogSingleImg: blogSingleImg3,
comment: '95',
blClass: 'format-video',
},
];
export default blogs;

View File

@ -8,7 +8,7 @@ const ClickHandler = () => {
const Donors = () => {
return (
<section className="wpo-donors-section">
<section className="wpo-donors-section section-padding2">
<div className="container">
<div className="wpo-donors-wrap">
<div className="row align-items-center">

View File

@ -13,36 +13,31 @@ const AboutSection = (props) => {
<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>About Politian</span>
<h2>We Can Work Together For Create a Better Future.</h2>
<span>Our Story</span>
<h2>Building Your American Dream.</h2>
</div>
<p>
The leader is eager to listen to the needs of the youth generation and to hear what
solutions they have to the problems they are facing. He hopes to find solutions that
will help them lead meaningful lives and make lasting change in the world.
For more than 25 years, Janhanlaw has been more than just a law office - we've been a beacon of hope for thousands of families seeking to build their American dream. Founded on the principle that every person deserves expert legal representation regardless of their background, we've dedicated our careers to navigating the complex world of immigration law.
</p>
<p>
He believes that the collaboration between the youth and the leaders of society is
necessary to bring about a brighter future. Now, he is ready to take the first step
to making that happen.
Our team combines deep legal expertise with genuine compassion, understanding that behind every case is a real person with real dreams. We've successfully helped families reunite, professionals advance their careers, and individuals find safety and protection in America.
</p>
<div className="quote">
<p>
We can start by taking small steps and making small changes that can have a big
impact on the world.
For over 25 years, weve turned complex immigration challenges into real success stories.
</p>
</div>
<div className="wpo-about-left-info">
{/* <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>
<h5>John Janhan</h5>
<span>Lead Immigration Attorney & Founder</span>
</div>
</div>
<div className="signeture">
<Image src={sign} alt="Signature" />
</div>
</div>
</div> */}
</div>
</div>

View File

@ -13,13 +13,12 @@ const Donors = () => {
<div className="wpo-donors-wrap">
<div className="row align-items-center">
<div className="col-lg-6">
<h2>Would you like to become one of
our honorable donors?</h2>
<h2>Ready to take the first step toward your American future?</h2>
</div>
<div className="col-lg-6">
<div className="donors-btn">
<Link onClick={ClickHandler} href="/donate">$10 Donation</Link>
<Link onClick={ClickHandler} href="/donate">Other</Link>
{/* <Link onClick={ClickHandler} href="/donate">Free Consultation</Link> */}
<Link onClick={ClickHandler} href="/donate">Call us Today</Link>
</div>
</div>
</div>

View File

@ -4,7 +4,7 @@ import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Link from 'next/link'
import SectionTitle from "../SectionTitle/SectionTitle";
import Services from '../../api/service'
import { MissionVision } from "../../utils/constant.utils";
const settings = {
@ -67,10 +67,10 @@ const ServicesSection = (props) => {
return (
<section className={`wpo-service-section section-padding3 ${props.sClass}`}>
<div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<SectionTitle subTitle={'OUR COMMITMENT'} Title={'Creating Pathways to the American Dream!'}/>
<div className="row-grid wpo-service-slider">
<Slider {...settings}>
{Services.slice(0, 5).map((service, srv) => (
{MissionVision.map((service, srv) => (
<div className="grid" key={srv}>
<div className="wpo-service-item">
<div className="wpo-service-text">

View File

@ -12,7 +12,7 @@ const TeamsSection = (props) => {
return (
<section className={`wpo-team-section section-padding ${props.tmClass}`}>
<div className="container">
<SectionTitle subTitle={'Our Team'} Title={'Meet Our City Council'} />
<SectionTitle subTitle={'Our Team'} Title={' Meet Our Legal Team'} />
<div className="wpo-team-wrap">
<div className="row">
{Team.map((team, aitem) => (

View File

@ -1,123 +1,44 @@
import React, { useState } from 'react';
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import ts1 from '/public/images/about-s2.jpg'
import ts2 from '/public/images/about-s2.jpg'
import ts3 from '/public/images/about-s2.jpg'
import thumb1 from '/public/images/testimonial/thumb1.png'
import thumb2 from '/public/images/testimonial/thumb2.png'
import thumb3 from '/public/images/testimonial/thumb3.png'
import React from 'react';
import sign from '/public/images/signeture.png';
import Image from 'next/image';
const testimonial = [
{
id: '01',
tImg: ts1,
thumbImg: thumb1,
Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.",
Title: 'Robert Willum',
Sub: "President of BPT",
},
{
id: '02',
tImg: ts2,
thumbImg: thumb2,
Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.",
Title: 'Leslie Alexander',
Sub: "President of TBP",
},
{
id: '03',
tImg: ts3,
thumbImg: thumb3,
Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.",
Title: 'David Joy',
Sub: "President of AML",
}
]
import Link from 'next/link';
const TestimonialSection = (props) => {
const [nav1, setNav1] = useState();
const [nav2, setNav2] = useState();
return (
<section className={`wpo-testimonial-section ${props.tmClass}`}>
<section className={`wpo-about-section section-padding3 ${props.abClass}`}>
<div className="container">
<div className="wpo-testimonial-wrap">
<div className="wpo-about-wrap">
<div className="row align-items-center">
<div className="col-lg-6 col-12 order-lg-1 order-1">
<div class="wpo-section-title-new">
<h2>How we can build a better country together!</h2>
</div>
<div className="wpo-testimonial-items">
<div className="right-slide">
<Slider asNavFor={nav2} ref={(slider1) => setNav1(slider1)} dots={true} arrows={false}>
{
testimonial.map((tesmnl, tsm) => (
<div className="wpo-testimonial-item" key={tsm}>
<div className="wpo-testimonial-text">
<i className="fi flaticon-right-quote-sign"></i>
<p>{tesmnl.Des}</p>
{/* <div className="wpo-testimonial-text-btm">
<div className="wpo-testimonial-text-btm-img">
<Image src={tesmnl.thumbImg} alt=""/>
</div>
<div className="wpo-testimonial-text-btm-info">
<h3>{tesmnl.Title}</h3>
<span>{tesmnl.Sub}</span>
</div>
</div> */}
</div>
</div>
))
}
</Slider>
</div>
</div>
</div>
<div className="col-lg-6 col-12 order-lg-1 order-2">
<div className="testimonial-left">
<div className="testimonial-left-inner">
<div className="left-slide">
<Slider
asNavFor={nav1}
ref={(slider2) => setNav2(slider2)}
slidesToShow={1}
fade={true}
dots={false}
arrows={false}
swipeToSlide={true}
focusOnSelect={true}
>
{
testimonial.map((tesmnl, tsm) => (
<div className="testimonial-img" key={tsm}>
<Image src={tesmnl?.tImg} alt="" />
</div>
))
}
</Slider>
</div>
{/* <div className="shape-1"></div>
<div className="border-s1"></div>
<div className="border-s2"></div>
<div className="border-s3"></div> */}
</div>
<div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2">
<div className="wpo-about-img">
<Image src={props.abimg} alt="About Image" />
</div>
</div>
{/* Text Column — Show first on mobile, second on desktop */}
<div className="col-lg-6 col-md-12 col-12 order-2 order-lg-1 mb-5">
<div className="wpo-about-text">
<div className="wpo-section-title">
<span>Our Mission</span>
<h2>Transforming Immigration Through Advocacy</h2>
</div>
<p>
At Janhanlaw, our mission extends far beyond legal representation - we are dedicated to transforming the immigration experience through compassionate advocacy, strategic excellence, and unwavering commitment to justice. For over 25 years, we have stood as a beacon of hope for individuals and families navigating the complex landscape of U.S. immigration law.
</p>
</div>
<div className="close-form mt-5">
<Link className="theme-btn" href="/about/our-mission"><span className="text">Know More</span>
</Link>
</div>
</div>
</div>
</div>
</div>
</section>
);
}
};
export default TestimonialSection;
export default TestimonialSection;

View File

@ -0,0 +1,44 @@
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 Janhanlaw, 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;

View File

@ -22,41 +22,7 @@ const Footer = (props) => {
<div className="logo widget-title">
<Link onClick={ClickHandler} className="navbar-brand" href="/index"><Image src={Logo} alt="" /></Link>
</div>
<ul className="info">
<li>Phone: 111-222-333-2155</li>
<li>Email: contact@mail.com</li>
<li>Address: 22/1 Melborane city austria,
human resoerch, Canada</li>
</ul>
<div className="social">
<ul>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-facebook-app-symbol"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-twitter"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-linkedin"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-instagram-1"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-pinterest"></i>
</Link>
</li>
</ul>
</div>
<p>Every immigration case tells a unique story of hope, determination, and the pursuit of the American dream.</p>
</div>
</div>
<div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
@ -65,11 +31,11 @@ const Footer = (props) => {
<h3>Quick Links</h3>
</div>
<ul>
<li><Link onClick={ClickHandler} href="/home">Home</Link></li>
<li><Link onClick={ClickHandler} href="/about">About Us</Link></li>
<li><Link onClick={ClickHandler} href="/service">Mission & Vision</Link></li>
<li><Link onClick={ClickHandler} href="/team">Team</Link></li>
<li><Link onClick={ClickHandler} href="/campaign">Campaign</Link></li>
<li><Link href="/home">Home</Link></li>
<li><Link href="/about">About Us</Link></li>
<li><Link href="/service">Services</Link></li>
<li><Link href="/our-approach">Our Approach</Link></li>
<li><Link href="/blog">Blog</Link></li>
</ul>
</div>
</div>
@ -88,10 +54,10 @@ const Footer = (props) => {
<div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
<div className="widget newsletter-widget">
<div className="widget-title">
<h3>Subscribe Newsletter</h3>
<h3>Contact</h3>
</div>
<p>Get timely updates ! We only send interesting and relevant emails.</p>
<form onSubmit={SubmitHandler}>
{/* <p>Get timely updates ! We only send interesting and relevant emails.</p> */}
{/* <form onSubmit={SubmitHandler}>
<div className="input-1">
<input type="email" className="form-control" placeholder="Your Email Address..."
required="" />
@ -99,7 +65,44 @@ const Footer = (props) => {
<div className="submit clearfix">
<button type="submit">Subscribe now</button>
</div>
</form>
</form> */}
<div className="widget about-widget">
<ul className="info">
<li>Phone: 111-222-333-2155</li>
<li>Email: contact@mail.com</li>
<li>Address: 22/1 Melborane city austria,
human resoerch, Canada</li>
</ul>
<div className="social">
<ul>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-facebook-app-symbol"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-twitter"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-linkedin"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-instagram-1"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/">
<i className="fi flaticon-pinterest"></i>
</Link>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>

View File

@ -16,6 +16,7 @@ import AboutSection from '../../components/aboutPage/AboutSection';
import ServicesSection from '../../components/aboutPage/SevicesSection';
import TeamsSection from '../../components/aboutPage/TeamSection';
import TestimonialSection from '../../components/aboutPage/TestimonialSection';
import TestimonialSection2 from '../../components/aboutPage/TestimonialSection2';
const AboutPage = () => {
return (
@ -27,8 +28,9 @@ const AboutPage = () => {
{/* <CampaignSection /> */}
{/* <Testimonial /> */}
{/* <FunFact /> */}
<TestimonialSection/>
<TeamsSection />
<TestimonialSection abimg={abimg}/>
<TestimonialSection2 abimg={abimg}/>
{/* <TeamsSection /> */}
<Donors />
{/* <PartnerSection/> */}
<Footer />

View File

@ -31,7 +31,7 @@ const HomePage = () => {
<Testimonial />
<FunFactVideo />
{/* <CampaignSection/> */}
<TeamSection />
{/* <TeamSection /> */}
<Donors />
<BlogSection />
{/* <InstagramSection/> */}

View File

@ -5,7 +5,7 @@
<path d="M24.4656 22.0095C23.7186 22.03 23.0554 22.3671 22.5886 22.8872C22.2109 21.9135 21.2941 21.2013 20.1969 21.1712C18.6983 21.1301 17.4706 22.3327 17.4706 23.8221V29.0106H17.1635C15.401 29.0106 13.972 30.4395 13.972 32.2023V33.5701C13.972 37.6419 15.1267 39.9371 18.212 40.992V48.837C20.3348 49.5893 22.6192 50 24.9999 50H25L26.9531 34.6262L25 22.0503C24.8268 22.0199 24.6486 22.0044 24.4656 22.0095Z" fill="#FDD1A3"/>
<path d="M33.5065 23.6929C32.6869 23.6543 31.9443 23.9881 31.4333 24.5396C31.0596 23.5573 30.1387 22.8372 29.0354 22.8069C28.2289 22.7849 27.5014 23.1231 27.0009 23.6722C26.6642 22.8346 25.9121 22.2102 25 22.0503V50C26.9835 50 28.9059 49.7145 30.7266 49.1845V40.8855C33.8118 39.8307 36.0304 36.9063 36.0304 33.4637V26.3993C36.0304 24.9744 34.9299 23.7599 33.5065 23.6929Z" fill="#FFBB85"/>
</g>
<path d="M59.28 19.99V40H63.18V32.59H65.7C68.01 32.59 69.66 31.93 70.77 30.82C72.3 29.29 72.42 27.13 72.42 26.35C72.42 24.91 72 22.96 70.38 21.52C68.91 20.23 67.35 19.99 65.1 19.99H59.28ZM63.18 23.35H64.53C65.46 23.35 66.48 23.41 67.29 23.98C67.86 24.4 68.4 25.15 68.4 26.26C68.4 27.13 68.04 28.03 67.32 28.6C66.48 29.23 65.52 29.23 64.77 29.23H63.18V23.35ZM85.0254 19.54C78.7254 19.54 74.3454 23.92 74.3454 30.01C74.3454 36.1 78.7254 40.45 85.0254 40.45C91.3254 40.45 95.7054 36.1 95.7054 30.01C95.7054 23.92 91.3254 19.54 85.0254 19.54ZM85.0254 36.91C81.1254 36.91 78.3654 34.06 78.3654 30.01C78.3654 25.96 81.1254 23.08 85.0254 23.08C88.9254 23.08 91.6854 25.96 91.6854 30.01C91.6854 34.06 88.9254 36.91 85.0254 36.91ZM99.2995 19.99V40H109.38V36.64H103.2V19.99H99.2995ZM112.073 19.99V40H115.973V19.99H112.073ZM131.34 23.35V19.99H118.44V23.35H122.94V40H126.84V23.35H131.34ZM133.811 19.99V40H137.711V19.99H133.811ZM155.898 40H160.098L151.728 19.99H148.668L140.058 40H144.288L146.058 35.8H154.128L155.898 40ZM147.288 32.62L150.138 25.42L152.988 32.62H147.288ZM166.334 40V26.62L178.514 40H181.214V19.99H177.314V33.34L165.134 19.99H162.434V40H166.334Z" fill="#16182F"/>
<path d="M59.28 19.99V40H63.18V32.59H65.7C68.01 32.59 69.66 31.93 70.77 30.82C72.3 29.29 72.42 27.13 72.42 26.35C72.42 24.91 72 22.96 70.38 21.52C68.91 20.23 67.35 19.99 65.1 19.99H59.28ZM63.18 23.35H64.53C65.46 23.35 66.48 23.41 67.29 23.98C67.86 24.4 68.4 25.15 68.4 26.26C68.4 27.13 68.04 28.03 67.32 28.6C66.48 29.23 65.52 29.23 64.77 29.23H63.18V23.35ZM85.0254 19.54C78.7254 19.54 74.3454 23.92 74.3454 30.01C74.3454 36.1 78.7254 40.45 85.0254 40.45C91.3254 40.45 95.7054 36.1 95.7054 30.01C95.7054 23.92 91.3254 19.54 85.0254 19.54ZM85.0254 36.91C81.1254 36.91 78.3654 34.06 78.3654 30.01C78.3654 25.96 81.1254 23.08 85.0254 23.08C88.9254 23.08 91.6854 25.96 91.6854 30.01C91.6854 34.06 88.9254 36.91 85.0254 36.91ZM99.2995 19.99V40H109.38V36.64H103.2V19.99H99.2995ZM112.073 19.99V40H115.973V19.99H112.073ZM131.34 23.35V19.99H118.44V23.35H122.94V40H126.84V23.35H131.34ZM133.811 19.99V40H137.711V19.99H133.811ZM155.898 40H160.098L151.728 19.99H148.668L140.058 40H144.288L146.058 35.8H154.128L155.898 40ZM147.288 32.62L150.138 25.42L152.988 32.62H147.288ZM166.334 40V26.62L178.514 40H181.214V19.99H177.314V33.34L165.134 19.99H162.434V40H166.334Z" fill="#102548"/>
<defs>
<clipPath id="clip0_81_176">
<rect width="50" height="50" fill="white"/>

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -315,7 +315,7 @@ ul.smothscroll a {
color: #fff;
background-size: 200%,1px;
background-position: 0;
border: 2px solid #ff4a17;
border: 2px solid #c12026;
}
ul.smothscroll a:hover {
background-color: rgba(193, 32, 38, 1);

View File

@ -46,7 +46,7 @@ $heading-font:'Futura PT';
// color
$dark-gray: #16182F; //
$dark-gray: #102548; //
$body-color: #525252;
$white: #fff; //
$light: #FFEBEB; //
@ -55,8 +55,8 @@ $small-black: #333;
$cyan: #848892; //
$theme-primary-color: #c12026; //
$theme-primary-color-s2: #EC180C; //
// $theme-primary-color-gradient:linear-gradient(90deg, #ED6B37 11.32%, #EC180C 95.28%); //
$theme-primary-color-s2: #c12026; //
// $theme-primary-color-gradient:linear-gradient(90deg, #c12026 11.32%, #c12026 95.28%); //
$theme-primary-color-gradient:linear-gradient(90deg, #E14448 11.32%, #C12026 95.28%); //
$body-bg-color: #fff;
$section-bg-color: #F9F9F9; //

View File

@ -3,7 +3,7 @@
--------------------------------------------------------------*/
.wpo-site-footer {
// background: linear-gradient(286.02deg, #080A14 38.02%, #10121E 61.92%, #282A34 74.32%, #404354 90.71%, #343643 99.65%);
background-color: #1b2646;
background-color: #102548;
background-size: cover;
position: relative;
font-size: 16px;

View File

@ -610,7 +610,7 @@
width: 520.94px;
height: 520.94px;
border-radius: 50%;
background: linear-gradient(90deg, #ED6B37 11.32%, #EC180C 95.28%);
background: linear-gradient(90deg, #c12026 11.32%, #c12026 95.28%);
z-index: -1;
@include media-query(1399px) {

View File

@ -80,7 +80,7 @@
top: -30px;
width: 110%;
padding: 40px 30px;
background: linear-gradient(90deg, #ED6B37 11.32%, #EC180C 95.28%);
background: linear-gradient(90deg, #c12026 11.32%, #c12026 95.28%);
border-radius: 20px;
z-index: 11;
opacity: 0;
@ -211,7 +211,7 @@
.wpo-about-img-text {
width: 237.48px;
height: 237.48px;
background: linear-gradient(90deg, #ED6B37 11.32%, #EC180C 95.28%);
background: #c12026;
display: flex;
justify-content: center;
align-items: center;
@ -1214,7 +1214,7 @@
width: 437.04px;
height: 437.04px;
border-radius: 50%;
background: linear-gradient(90deg, #ED6B37 11.32%, #EC180C 95.28%);
background: linear-gradient(90deg, #c12026 11.32%, #c12026 95.28%);
z-index: -1;
@include media-query(1199px) {

View File

@ -271,7 +271,7 @@
.wpo-fun-fact-section-s3 {
padding-bottom: 0;
background: linear-gradient(90deg, #ED6B37 11.32%, #EC180C 95.28%);
background: linear-gradient(90deg, #c12026 11.32%, #c12026 95.28%);
&:before {
position: absolute;

File diff suppressed because it is too large Load Diff

View File

@ -28,27 +28,27 @@ import develop3 from '/public/images/service/develop/img-3.jpg'
export const featuresData = [
{
icon: "fi flaticon-charity",
title: "Strategic Planning",
link: "/team",
description:
"We create custom legal strategies based on immigration law, policy changes, and your needs."
},
{
icon: "fi flaticon-conference-1",
title: "Expert Preparation",
link: "/campaign",
description:
"Careful document preparation, evidence gathering, and filing to boost your application success."
},
{
icon: "fi flaticon-community",
title: "Ongoing Support",
link: "/volunteer",
description:
"We monitor your case, provide updates, and represent you through your full immigration process."
}
{
icon: "fi flaticon-charity",
title: "Strategic Planning",
link: "/team",
description:
"We create custom legal strategies based on immigration law, policy changes, and your needs."
},
{
icon: "fi flaticon-conference-1",
title: "Expert Preparation",
link: "/campaign",
description:
"Careful document preparation, evidence gathering, and filing to boost your application success."
},
{
icon: "fi flaticon-community",
title: "Ongoing Support",
link: "/volunteer",
description:
"We monitor your case, provide updates, and represent you through your full immigration process."
}
];
@ -63,7 +63,7 @@ export const TabServices = [
{
sTitle: "Personalized Guidance",
slug: "family-guidance",
sImgS:sImgS1,
sImgS: sImgS1,
description: "Our team creates a strategy tailored to your family's unique situation for smooth processing.",
category: "Family"
},
@ -159,3 +159,102 @@ export const TabServices = [
category: "Emergency Relief"
}
];
export const MissionVision = [
{
Id: '1',
sImgS: sImgS1,
sTitle: 'Legal Establishment',
slug: 'legal-establishment',
description: 'Our practice sets the standard for immigration law excellence, with a track record of successful cases spanning over two decades.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-credit',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '2',
sImgS: sImgS2,
sTitle: 'Employment & Visa Solutions',
slug: 'employment-visa-solutions',
description: 'We specialize in work visas, employment-based green cards, and helping professionals achieve their career goals in America.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-job',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '3',
sImgS: sImgS3,
sTitle: 'Recognized Legal Excellence',
slug: 'recognized-legal-excellence',
description: 'Our attorneys are recognized leaders in immigration law, with numerous awards and peer recognition for outstanding service.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-team-work',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '4',
sImgS: sImgS4,
sTitle: 'Comprehensive Client Support',
slug: 'comprehensive-client-support',
description: 'From initial consultation to final approval, we provide complete support throughout your entire immigration journey.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-bus',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '1',
sImgS: sImgS1,
sTitle: 'Legal Establishment',
slug: 'legal-establishment',
description: 'Our practice sets the standard for immigration law excellence, with a track record of successful cases spanning over two decades.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-credit',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '2',
sImgS: sImgS2,
sTitle: 'Employment & Visa Solutions',
slug: 'employment-visa-solutions',
description: 'We specialize in work visas, employment-based green cards, and helping professionals achieve their career goals in America.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-job',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '3',
sImgS: sImgS3,
sTitle: 'Recognized Legal Excellence',
slug: 'recognized-legal-excellence',
description: 'Our attorneys are recognized leaders in immigration law, with numerous awards and peer recognition for outstanding service.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-team-work',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
{
Id: '4',
sImgS: sImgS4,
sTitle: 'Comprehensive Client Support',
slug: 'comprehensive-client-support',
description: 'From initial consultation to final approval, we provide complete support throughout your entire immigration journey.',
des2: 'Lacus, etiam sed est eu tempus need Temer diam congue laoret .',
des3: 'One way to categorize the activities is in terms of the professionals area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-bus',
ssImg1: sSingleimg1,
ssImg2: sSingleimg2,
},
]