home page content updated and next js version updated

This commit is contained in:
Alaguraj0361 2025-08-14 10:25:40 +05:30
parent 80980f5024
commit 575813a189
12 changed files with 1417 additions and 804 deletions

View File

@ -32,243 +32,243 @@ import develop3 from '/public/images/service/develop/img-3.jpg'
const Services = [
{
Id: '1',
sImgS:sImgS1,
sTitle: 'Economic Establishment',
slug:'Economic-Establishment',
description:'It is enough that the people know there was an election. The people who cast the votes decide nothing.',
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,
sImgS: sImgS1,
sTitle: 'Family Immigration',
slug: 'family-immigration',
description: 'Reunite with loved ones through marriage-based green cards, fiancé visas, and family preference petitions. We handle every step from petition filing to consular processing.',
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: 'Jobs and Unemployment',
slug:'Jobs-and-Unemployment',
description:'It is enough that the people know there was an election. The people who cast the votes decide nothing.',
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,
sImgS: sImgS2,
sTitle: 'Employment Visas',
slug: 'employment-visas',
description: 'Secure your career in America with H-1B, L-1, O-1 visas, or permanent residency through EB-1, EB-2, and EB-3 categories. Expert guidance for professionals and investors.',
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: 'Business and Industry',
slug:'Business-and-Industry',
description:'It is enough that the people know there was an election. The people who cast the votes decide nothing.',
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,
sImgS: sImgS3,
sTitle: 'Deportation Defense',
slug: 'deportation-defense',
description: 'Protect your right to remain in America. Our aggressive defense strategies include cancellation of removal, asylum claims, and appellate representation.',
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: 'Roads and Transport Service',
slug:'Roads-and-Transport-Service',
description:'It is enough that the people know there was an election. The people who cast the votes decide nothing.',
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,
sImgS: sImgS4,
sTitle: 'Citizenship Services',
slug: 'citizenship-services',
description: 'Complete your American journey with naturalization guidance, citizenship test preparation, and assistance with complex residency requirements.',
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: '5',
sImgS:sImgS2,
sImgS: sImgS2,
sTitle: 'Jobs and Unemployment',
slug:'Jobs-and-Unemployment',
description:'It is enough that the people know there was an election. The people who cast the votes decide nothing.',
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,
slug: 'Jobs-and-Unemployment',
description: 'It is enough that the people know there was an election. The people who cast the votes decide nothing.',
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: '6',
sImgS:eduS1,
sImgS: eduS1,
sTitle: 'Graduated From Cambridge University in Education policy',
slug:'Graduated-From-Cambridge',
description:'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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,
slug: 'Graduated-From-Cambridge',
description: 'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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: '7',
sImgS:eduS2,
sImgS: eduS2,
sTitle: 'Finished Educational leadership From Cambridge University.',
slug:'Educational-leadership',
description:'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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,
slug: 'Educational-leadership',
description: 'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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: '8',
sImgS:eduS3,
sImgS: eduS3,
sTitle: 'Graduated from Oxford in Educational psychology',
slug:'Educational-psychology',
description:'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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,
slug: 'Educational-psychology',
description: 'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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: '9',
sImgS:sS1,
sImgS: sS1,
sTitle: 'New York: Support for Womans April 2023',
slug:'Support',
description:'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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,
slug: 'Support',
description: 'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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: '10',
sImgS:sS2,
sImgS: sS2,
sTitle: 'The Best Strategically Build Your Business Earning',
slug:'Strategically',
description:'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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,
slug: 'Strategically',
description: 'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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: '11',
sImgS:sS3,
sImgS: sS3,
sTitle: 'Political Commitment for Your Deportation Issue',
slug:'Commitment',
description:'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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,
slug: 'Commitment',
description: 'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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: '12',
sImgS:business1,
sImgS: business1,
sTitle: 'We provide advanced solution growin your online',
slug:'provide-advanced-solution',
description:'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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,
slug: 'provide-advanced-solution',
description: 'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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: '13',
sImgS:business2,
sImgS: business2,
sTitle: 'We provide advanced solutions growin your online business',
slug:'advanced-solutions-growin',
description:'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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,
slug: 'advanced-solutions-growin',
description: 'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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: '14',
sImgS:business3,
sImgS: business3,
sTitle: 'Many desktop publishing packag and web page editors use.',
slug:'Many-desktop-publishing',
description:'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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,
slug: 'Many-desktop-publishing',
description: 'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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: '15',
sImgS:Qlf1,
sImgS: Qlf1,
sTitle: 'We have put together a list of our favorite art blogs that you',
slug:'favorite-art-blogs',
description:'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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,
slug: 'favorite-art-blogs',
description: 'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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: '16',
sImgS:Qlf2,
sImgS: Qlf2,
sTitle: 'A blog that inspires singers to sing right from their heart.',
slug:'inspires-singers',
description:'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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,
slug: 'inspires-singers',
description: 'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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: '17',
sImgS:Qlf3,
sImgS: Qlf3,
sTitle: 'We stand behind the belief that students will perform better',
slug:'behind-the-belief',
description:'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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,
slug: 'behind-the-belief',
description: 'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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: '18',
sImgS:develop1,
sImgS: develop1,
sTitle: 'People living in rural areas are the most neglected',
slug:'People-living-in-rural',
description:'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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,
slug: 'People-living-in-rural',
description: 'Education policy involves researching and analyzing education systems, laws and governance regulations.',
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: '19',
sImgS:develop2,
sImgS: develop2,
sTitle: 'Roads are the arteries through which the economy',
slug:'Roads-are',
description:'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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,
slug: 'Roads-are',
description: 'This field involves learning about leadership styles, effective communication, decision-making, strategic planning.',
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: '20',
sImgS:develop3,
sImgS: develop3,
sTitle: 'Our Scientists, Students and River Defenders come',
slug:'Our-Scientists',
description:'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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,
slug: 'Our-Scientists',
description: 'Educational psychology is understanding how students learn, develop, and behave in educational settings.',
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,
},
]

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">$10 Donation</Link> */}
<Link href="/contact">Call us Today</Link>
</div>
</div>
</div>

View File

@ -67,10 +67,10 @@ const Features = (props) => {
return (
<section className={`wpo-service-section section-padding ${props.sClass}`}>
<div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'} />
<div className="row-grid wpo-service-slider">
<Slider {...settings}>
{Services.slice(0, 5).map((service, srv) => (
{Services.slice(0, 4).map((service, srv) => (
<div className="grid" key={srv}>
<div className="wpo-service-item">
<div className="wpo-service-text">
@ -78,7 +78,11 @@ const Features = (props) => {
<i className={`fi ${service.icon}`}></i>
</div>
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<p>{service.description}</p>
<p>
{service.description.length > 100
? service.description.slice(0, 100) + "..."
: service.description}
</p>
</div>
</div>
</div>

View File

@ -1,70 +1,67 @@
import React from "react";
import Link from 'next/link'
import Link from "next/link";
const ClickHandler = () => {
window.scrollTo(10, 0);
}
};
const Features2 = (props) => {
const featuresData = [
{
icon: "fi flaticon-charity",
title: "Make Donation",
link: "/team",
description:
"Donate now to help those in need! Make a difference by taking action with your donation."
},
{
icon: "fi flaticon-conference-1",
title: "Campaign Events",
link: "/campaign",
description:
"Join us in supporting a worthy cause at our charity event, together we can make a difference."
},
{
icon: "fi flaticon-community",
title: "Join Volunteer",
link: "/volunteer",
description:
"Join our team of volunteers and help make a positive impact in your community today.."
}
];
const Features2 = () => {
return (
<div className="wpo-features-s2 section-padding pb-0">
<div className="wpo-features-s2 section-padding">
<div className="container">
<div className="features-wrap">
<div className="row">
<div className="col-lg-4 col-md-6 col-12">
{featuresData.map((feature, index) => (
<div className="col-lg-4 col-md-6 col-12" key={index}>
<div className="feature-item">
<div className="features-wrapper">
<div className="icon">
<div className="features-dot">
<div className="dots"></div>
</div>
<i className="fi flaticon-charity"></i>
<i className={feature.icon}></i>
</div>
<div className="feature-text">
<h2><Link onClick={ClickHandler} href="/team">Make Donation</Link></h2>
<p>Donate now to help those in need! Make a difference by taking action with
your donation.</p>
<h2>
<Link onClick={ClickHandler} href={feature.link}>
{feature.title}
</Link>
</h2>
<p>{feature.description}</p>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-12">
<div className="feature-item">
<div className="features-wrapper">
<div className="icon">
<div className="features-dot">
<div className="dots"></div>
</div>
<i className="fi flaticon-conference-1"></i>
</div>
<div className="feature-text">
<h2><Link onClick={ClickHandler} href="/campaign">Campaign Events</Link></h2>
<p>Join us in supporting a worthy cause at our charity event, together we can make a difference.</p>
))}
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-6 col-12">
<div className="feature-item">
<div className="features-wrapper">
<div className="icon">
<div className="features-dot">
<div className="dots"></div>
</div>
<i className="fi flaticon-community"></i>
</div>
<div className="feature-text">
<h2><Link onClick={ClickHandler} href="/volunteer">Join Volunteer</Link></h2>
<p>Join our team of volunteers and help make a positive impact in your community today..</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
)
}
);
};
export default Features2;

View File

@ -23,26 +23,26 @@ const FunFact = (props) => {
<div className="wpo-fun-fact-grids clearfix">
<div className="grid">
<div className="info">
<h3><span><CountUp end={35} enableScrollSpy /></span>K</h3>
<p>Total People lived in our city</p>
<h3><span><CountUp end={98} enableScrollSpy /></span>%</h3>
<p>Case Success Rate</p>
</div>
</div>
<div className="grid">
<div className="info">
<h3><span><CountUp end={12} enableScrollSpy /></span>K</h3>
<p>Square kilometers region covers</p>
<h3><span><CountUp end={2500} enableScrollSpy /></span>+</h3>
<p> Families Reunited</p>
</div>
</div>
<div className="grid">
<div className="info">
<h3><span><CountUp end={25} enableScrollSpy /></span>%</h3>
<p>Private & domestic garden land</p>
<h3><span><CountUp end={25} enableScrollSpy /></span>yrs</h3>
<p>Years Fighting for You</p>
</div>
</div>
<div className="grid">
<div className="info">
<h3><span><CountUp end={8} enableScrollSpy /></span>th</h3>
<p>Average Costs of Home Ownership</p>
<h3><span><CountUp end={90} enableScrollSpy /></span>%</h3>
<p>Cases Approved on First Try</p>
</div>
</div>
</div>
@ -57,7 +57,7 @@ const FunFact = (props) => {
<VideoModal />
</div>
</div>
<span id="counter" className='d-none'/>
<span id="counter" className='d-none' />
</div>
)
}

View File

@ -5,6 +5,7 @@ import "slick-carousel/slick/slick-theme.css";
import Link from 'next/link'
import SectionTitle from "../SectionTitle/SectionTitle";
import Services from '../../api/service'
import { featuresData, homeFeature } from "../../utils/constant.utils";
const settings = {
@ -65,27 +66,39 @@ const ClickHandler = () => {
const ServiceSection = (props) => {
return (
<section className={`wpo-service-section section-padding3 ${props.sClass}`}>
<section className={`wpo-features-s2 section-padding ${props.sClass}`}>
<div className="container">
<SectionTitle subTitle={'Mission And Vision'} Title={'How we can build a better country together!'}/>
<div className="row-grid wpo-service-slider">
<Slider {...settings}>
{Services.slice(0, 5).map((service, srv) => (
<div className="grid" key={srv}>
<div className="wpo-service-item">
<div className="wpo-service-text">
<div className="service-icon">
<i className={`fi ${service.icon}`}></i>
<SectionTitle subTitle={`STRENGTHENING AMERICA'S FUTURE`} Title={'How We Build Better Futures Together'} />
<div className="features-wrap">
<div className="row">
{featuresData.map((feature, index) => (
<div className="col-lg-4 col-md-6 col-12" key={index}>
<div className="feature-item">
<div className="features-wrapper">
<div className="icon">
<div className="features-dot">
<div className="dots"></div>
</div>
<i className={feature.icon}></i>
</div>
<div className="feature-text">
<h2>
<Link onClick={ClickHandler} href={feature.link}>
{feature.title}
</Link>
</h2>
{feature.description.length > 100
? feature.description.slice(0, 100) + "..."
: feature.description}
</div>
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<p>{service.description}</p>
</div>
</div>
</div>
))}
</Slider>
</div>
</div>
</div>
</section>
);
}

View File

@ -1,183 +1,87 @@
import React, { useState } from 'react';
import { TabContent, TabPane, Nav, NavItem, NavLink, Row } from 'reactstrap';
import classnames from 'classnames';
import Link from 'next/link'
import Services from '../../api/service'
import Image from 'next/image';
import React, { useState } from "react";
import { TabContent, TabPane, Nav, NavItem, NavLink, Row } from "reactstrap";
import classnames from "classnames";
import Link from "next/link";
import Image from "next/image";
import { TabServices } from "../../utils/constant.utils"; // JSON array
const ClickHandler = () => {
window.scrollTo(10, 0);
}
};
// Extract unique categories from the JSON dynamically
const categories = [...new Set(TabServices.map((service) => service.category))];
const ServiceSectionS2 = () => {
const [activeTab, setActiveTab] = useState(categories[0]);
const [activeTab, setActiveTab] = useState('1');
const toggle = tab => {
const toggle = (tab) => {
if (activeTab !== tab) setActiveTab(tab);
}
};
return (
<div className="wpo-campaign-area-s4 section-padding">
<div className="container">
<div className="wpo-campaign-wrap">
{/* Tab Navigation */}
<Nav tabs>
<NavItem>
{categories.map((cat, idx) => (
<NavItem key={idx}>
<NavLink
className={classnames({ active: activeTab === '1' })}
onClick={() => { toggle('1'); }}
className={classnames({ active: activeTab === cat })}
onClick={() => toggle(cat)}
>
Education
</NavLink>
</NavItem>
<NavItem>
<NavLink
className={classnames({ active: activeTab === '2' })}
onClick={() => { toggle('2'); }}
>
Social Services
</NavLink>
</NavItem>
<NavItem>
<NavLink
className={classnames({ active: activeTab === '3' })}
onClick={() => { toggle('3'); }}
>
Business
</NavLink>
</NavItem>
<NavItem>
<NavLink
className={classnames({ active: activeTab === '4' })}
onClick={() => { toggle('4'); }}
>
Qualification
</NavLink>
</NavItem>
<NavItem>
<NavLink
className={classnames({ active: activeTab === '5' })}
onClick={() => { toggle('5'); }}
>
Development
{cat}
</NavLink>
</NavItem>
))}
</Nav>
{/* Tab Content */}
<TabContent activeTab={activeTab}>
<TabPane tabId="1">
<div className="row">
{Services.slice(5, 8).map((service, srv) => (
<div className="col-lg-4 col-md-6 col-12" key={srv}>
<div className="wpo-campaign-single">
<div className="wpo-campaign-item">
<div className="wpo-campaign-img">
<Image src={service.sImgS} alt="" />
</div>
<div className="wpo-campaign-content">
<div className="wpo-campaign-text-top">
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<p>{service.description}</p>
</div>
</div>
</div>
</div>
</div>
))}
</div>
</TabPane>
<TabPane tabId="2">
<div className="row">
{Services.slice(8, 11).map((service, srv) => (
<div className="col-lg-4 col-md-6 col-12" key={srv}>
<div className="wpo-campaign-single">
<div className="wpo-campaign-item">
<div className="wpo-campaign-img">
<Image src={service.sImgS} alt="" />
</div>
<div className="wpo-campaign-content">
<div className="wpo-campaign-text-top">
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<p>{service.description}</p>
</div>
</div>
</div>
</div>
</div>
))}
</div>
</TabPane>
<TabPane tabId="3">
{categories.map((cat, idx) => (
<TabPane tabId={cat} key={idx}>
<Row>
{Services.slice(11, 14).map((service, srv) => (
<div className="col-lg-4 col-md-6 col-12" key={srv}>
{TabServices.filter((srv) => srv.category === cat).map(
(service, srvIdx) => (
<div className="col-lg-4 col-md-6 col-12" key={srvIdx}>
<div className="wpo-campaign-single">
<div className="wpo-campaign-item">
<div className="wpo-campaign-img">
<Image src={service.sImgS} alt="" />
<Image
src={service.sImgS}
alt={service.sTitle}
width={400}
height={250}
/>
</div>
<div className="wpo-campaign-content">
<div className="wpo-campaign-text-top">
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<h2>
<Link
onClick={ClickHandler}
href={`/service-single/[slug]`}
as={`/service-single/${service.slug}`}
>
{service.sTitle}
</Link>
</h2>
<p>{service.description}</p>
</div>
</div>
</div>
</div>
</div>
))}
)
)}
</Row>
</TabPane>
<TabPane tabId="4">
<Row>
{Services.slice(14, 17).map((service, srv) => (
<div className="col-lg-4 col-md-6 col-12" key={srv}>
<div className="wpo-campaign-single">
<div className="wpo-campaign-item">
<div className="wpo-campaign-img">
<Image src={service.sImgS} alt="" />
</div>
<div className="wpo-campaign-content">
<div className="wpo-campaign-text-top">
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<p>{service.description}</p>
</div>
</div>
</div>
</div>
</div>
))}
</Row>
</TabPane>
<TabPane tabId="5">
<Row>
{Services.slice(17, 20).map((service, srv) => (
<div className="col-lg-4 col-md-6 col-12" key={srv}>
<div className="wpo-campaign-single">
<div className="wpo-campaign-item">
<div className="wpo-campaign-img">
<Image src={service.sImgS} alt="" />
</div>
<div className="wpo-campaign-content">
<div className="wpo-campaign-text-top">
<h2><Link onClick={ClickHandler} href={'/service-single/[slug]'} as={`/service-single/${service.slug}`}>{service.sTitle}</Link></h2>
<p>{service.description}</p>
</div>
</div>
</div>
</div>
</div>
))}
</Row>
</TabPane>
</TabContent>
</div>
</div>
</div>
);
}
};
export default ServiceSectionS2;

View File

@ -10,6 +10,7 @@ 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 Image from 'next/image';
import testimonialImage from '/public/images/about.png'
@ -18,7 +19,7 @@ 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.",
Des: "Janahan Law turned my dream of living in the United States into reality. They handled every step of my green card process with precision and care, making a complex journey feel simple and stress-free. Today, my family and I are proud to call America our home.",
Title: 'Robert Willum',
Sub: "President of BPT",
},
@ -26,7 +27,7 @@ const testimonial = [
id: '01',
tImg: ts2,
thumbImg: thumb2,
Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.",
Des: "I had almost lost hope of bringing my spouse to the United States. Janahan Law not only explained every option clearly but also worked tirelessly to reunite us. Their dedication and expertise made the impossible possible, and now were building our life together in America.",
Title: 'Leslie Alexander',
Sub: "President of TBP",
},
@ -34,7 +35,7 @@ const testimonial = [
id: '01',
tImg: ts3,
thumbImg: thumb3,
Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.",
Des: "When I was facing the risk of deportation, I felt my whole world collapsing. Janahan Law stood by me like a lifeline — fighting for my case with unmatched dedication and compassion. Thanks to their expertise, I now have the security to build a future in the U.S. without fear.",
Title: 'David Joy',
Sub: "President of AML",
}
@ -55,30 +56,16 @@ const Testimonial = (props) => {
<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 className="testimonial-img">
<Image src={testimonialImage} alt="" />
</div>
<div className="shape-1"></div>
</div>
{/* <div className="shape-1"></div>
<div className="border-s1"></div>
<div className="border-s2"></div>
<div className="border-s3"></div>
<div className="border-s3"></div> */}
</div>
</div>
</div>
@ -92,15 +79,15 @@ const Testimonial = (props) => {
<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">
<div className="wpo-testimonial-text-btm-img">
<Image src={tesmnl.thumbImg} alt=""/>
<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>
</div>
))

View File

@ -1,6 +1,7 @@
import React from 'react'
import sign from '/public/images/signeture.png'
import Image from 'next/image';
import Link from 'next/link';
const About = (props) => {
return (
@ -59,20 +60,19 @@ const About = (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>Expert Immigration Guidance</span>
<h2>We Turn Immigration Challenges Into Success Stories</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. </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.</p>
<p>Every immigration case tells a unique story of hope, determination, and the pursuit of the American dream. At Janhanlaw, we understand that behind every petition, application, and legal document is a real person with real dreams.</p>
<p>Our comprehensive approach combines decades of legal expertise with genuine care for our clients' futures. Whether you're seeking to reunite with family, advance your career, or find safety and protection in America, we provide the skilled advocacy and personal attention your case deserves.
</p>
<p>
From the initial consultation through the final approval, we stand with you every step of the way, ensuring no detail is overlooked and no opportunity is missed.
</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.</p>
<p>We believe every family deserves the chance to stay together, every professional deserves to pursue their career, and every person deserves safety and opportunity.</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>
@ -82,6 +82,13 @@ const About = (props) => {
<div className="signeture">
<Image src={sign} alt="" />
</div>
</div> */}
<div className="close-form mt-5">
<Link className="theme-btn" href="/about"><span className="text">Know More</span>
{/* <span className="mobile">
<i className="fi flaticon-charity"></i>
</span> */}
</Link>
</div>
</div>
</div>

11
next.config.js Normal file
View File

@ -0,0 +1,11 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: false,
output: "export",
trailingSlash: true,
images: {
unoptimized: true // ✅ disables server-side image optimization
}
};
module.exports = nextConfig;

1206
package-lock.json generated

File diff suppressed because it is too large Load Diff

161
utils/constant.utils.js Normal file
View File

@ -0,0 +1,161 @@
import sImgS1 from '/public/images/service-single/img-1.jpg'
import sImgS2 from '/public/images/service-single/img-2.jpg'
import sImgS3 from '/public/images/service-single/img-3.jpg'
import sImgS4 from '/public/images/service-single/img-4.jpg'
import sSingleimg1 from '/public/images/service-single/2.jpg'
import sSingleimg2 from '/public/images/service-single/3.jpg'
import eduS1 from '/public/images/service/education/img-1.jpg'
import eduS2 from '/public/images/service/education/img-2.jpg'
import eduS3 from '/public/images/service/education/img-3.jpg'
import sS1 from '/public/images/service/social/img-1.jpg'
import sS2 from '/public/images/service/social/img-2.jpg'
import sS3 from '/public/images/service/social/img-3.jpg'
import business1 from '/public/images/service/business/img-1.jpg'
import business2 from '/public/images/service/business/img-2.jpg'
import business3 from '/public/images/service/business/img-3.jpg'
import Qlf1 from '/public/images/service/qualification/img-1.jpg'
import Qlf2 from '/public/images/service/qualification/img-2.jpg'
import Qlf3 from '/public/images/service/qualification/img-3.jpg'
import develop1 from '/public/images/service/develop/img-1.jpg'
import develop2 from '/public/images/service/develop/img-2.jpg'
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."
}
];
export const TabServices = [
{
sTitle: "Reunite With Loved Ones",
slug: "family-reunite",
sImgS: sImgS1,
description: "We help you bring your spouse, children, and parents to the U.S. quickly and safely.",
category: "Family"
},
{
sTitle: "Personalized Guidance",
slug: "family-guidance",
sImgS:sImgS1,
description: "Our team creates a strategy tailored to your family's unique situation for smooth processing.",
category: "Family"
},
{
sTitle: "Support Every Step",
slug: "family-support",
sImgS: sImgS1,
description: "From applications to interviews, we guide your family throughout the immigration journey.",
category: "Family"
},
{
sTitle: "Work & Investment Visas",
slug: "business-visas",
sImgS: sImgS1,
description: "We assist businesses and professionals in obtaining visas to live and work in the U.S.",
category: "Business"
},
{
sTitle: "Corporate Compliance",
slug: "business-compliance",
sImgS: sImgS1,
description: "Ensure your business meets all immigration requirements while hiring international talent.",
category: "Business"
},
{
sTitle: "Strategic Solutions",
slug: "business-strategy",
sImgS: sImgS1,
description: "We provide expert advice to help your company expand operations and hire globally.",
category: "Business"
},
{
sTitle: "Protect Against Deportation",
slug: "removal-protection",
sImgS: sImgS1,
description: "Our attorneys act swiftly to prevent deportation and secure your stay in the U.S.",
category: "Removal Defense"
},
{
sTitle: "Legal Representation",
slug: "removal-representation",
sImgS: sImgS1,
description: "We represent you in immigration court and communicate clearly at every stage of your case.",
category: "Removal Defense"
},
{
sTitle: "Tailored Defense Strategy",
slug: "removal-strategy",
sImgS: sImgS1,
description: "Every case is unique; we craft defense plans to maximize chances of success.",
category: "Removal Defense"
},
{
sTitle: "Naturalization Guidance",
slug: "citizenship-guidance",
sImgS: sImgS1,
description: "Expert help with the entire U.S. citizenship process, from forms to interviews.",
category: "Citizenship Services"
},
{
sTitle: "Multilingual Support",
slug: "citizenship-multilingual",
sImgS: sImgS1,
description: "We provide guidance in multiple languages to make the citizenship process clear and smooth.",
category: "Citizenship Services"
},
{
sTitle: "Preparation & Review",
slug: "citizenship-preparation",
sImgS: sImgS1,
description: "We prepare your documents and practice interview questions to ensure your success.",
category: "Citizenship Services"
},
{
sTitle: "Immediate Legal Support",
slug: "emergency-legal",
sImgS: sImgS1,
description: "For urgent immigration matters, our team provides rapid assessment and action.",
category: "Emergency Relief"
},
{
sTitle: "Critical Case Handling",
slug: "emergency-critical",
sImgS: sImgS1,
description: "We specialize in fast-tracking cases facing deadlines, detention, or emergency situations.",
category: "Emergency Relief"
},
{
sTitle: "24/7 Consultation",
slug: "emergency-24-7",
sImgS: sImgS1,
description: "Get round-the-clock legal advice to protect your rights when time is of the essence.",
category: "Emergency Relief"
}
];