MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

corrections updated

Browse Source
This commit is contained in:
Selvi 2025-08-14 15:59:17 +05:30
parent 6ba255bfa4
commit 1b38803859
16 changed files with 263 additions and 278 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
api/blogs.js
View File

@ -1,10 +1,10 @@
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/blog-1.webp";
import blogImg2 from "/public/images/blog/blog-2.webp";
import blogImg3 from "/public/images/blog/blog-3.webp";
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-detail-1.webp";
import blogSingleImg2 from "/public/images/blog/blog-detail-2.webp";
import blogSingleImg3 from "/public/images/blog/blog-detail-3.webp";
const blogs = [
{

104
components/BlogList/BlogList.js
View File

@ -1,101 +1,47 @@
import React from 'react';
import Link from 'next/link';
import BlogSidebar from '../BlogSidebar/BlogSidebar.js';
import VideoModal from '../ModalVideo/VideoModal';
import blogs from '../../api/blogs';
import Image from 'next/image.js';
import React from "react";
import blogs from '../../api/blogs'
import Link from "next/link";
import SectionTitle from "../SectionTitle/SectionTitle";
import Image from "next/image";
const ClickHandler = () => {
window.scrollTo(10, 0);
};
}
const BlogList = (props) => {
const BlogSection = () => {
return (
<section className="wpo-blog-pg-section section-padding">
<section className="wpo-blog-section section-padding" id="blog">
<div className="container">
<div className="wpo-blog-items">
<div className="row">
<div className={`col col-lg-12 ${props.blRight}`}>
{blogs.map((blog, bl) => (
<div className="col col-lg-4 col-md-6 col-12" key={bl}>
<div className="wpo-blog-item">
<div className="wpo-blog-img">
<Image src={blog.screens} alt="" />
</div>
<div className="wpo-blog-content">
<div className="row">
{blogs.map((blog, bitem) => (
<div className="col-lg-4 col-md-6 col-12" key={bitem}>
<div className={`post ${blog.blClass}`}>
<div className="entry-media">
<Image src={blog.blogSingleImg} alt="" />
{/* <VideoModal /> */}
</div>
<div className="entry-meta">
<ul>
{/* <li><i className="fi flaticon-comment-white-oval-bubble"></i> Comments {blog.comment} </li> */}
<li>
<i className="fi flaticon-calendar"></i> {blog.create_at}
</li>
<li>
<i className="fi flaticon-user"></i>
<Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>
{blog.authorTitle}
</Link>
</li>
</ul>
</div>
{/* <ul>
<li><a href="blog-single.html">{blog.create_at}</a></li>
<li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.authorTitle}</Link></li>
</ul> */}
<h2><Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.title}</Link></h2>
<div className="entry-details">
<h3 style={{
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
width: '100%',
display: 'block',
}}>
<Link
onClick={ClickHandler}
href={`/blog/${blog.slug}`}
>
{blog.title}
</Link>
</h3>
<p>
{blog.para}
</p>
<Link
onClick={ClickHandler}
href={`/blog/${blog.slug}`}
className="read-more"
>
Continue Reading
</Link>
<Link className="more" onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>Continue Reading</Link>
</div>
</div>
</div>
</div>
))}
</div>
{/* <div className="pagination-wrapper pagination-wrapper-left">
<ul className="pg-pagination">
<li>
<Link href="/blog-left-sidebar" aria-label="Previous">
<i className="fi ti-angle-left"></i>
</Link>
</li>
<li className="active"><Link href="/blog-left-sidebar">1</Link></li>
<li><Link href="/blog-left-sidebar">2</Link></li>
<li><Link href="/blog-left-sidebar">3</Link></li>
<li>
<Link href="/blog-left-sidebar" aria-label="Next">
<i className="fi ti-angle-right"></i>
</Link>
</li>
</ul>
</div> */}
</div>
</div>
{/* <BlogSidebar blLeft={props.blLeft}/> */}
</div>
</div>
</section>
);
};
}
export default BlogList;
export default BlogSection;

9
components/BlogSection/BlogSection.js
View File

@ -23,15 +23,20 @@ const BlogSection = () => {
<Image src={blog.screens} alt="" />
</div>
<div className="wpo-blog-content">
<ul>
{/* <ul>
<li><a href="blog-single.html">{blog.create_at}</a></li>
<li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.authorTitle}</Link></li>
</ul>
</ul> */}
<h2><Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.title}</Link></h2>
<div className="entry-details">
<p>
{blog.para}
</p>
<Link className="more" onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>Continue Reading</Link>
</div>
</div>
</div>
</div>
))}
</div>
</div>

340
components/MobileMenu/MobileMenu.js
View File

@ -8,184 +8,212 @@ const menus = [
{
id: 1,
title: 'Home',
link: '/home',
submenu: [
{
id: 11,
title: 'Main Home',
link: '/home'
link: '/',
// submenu: [
// {
// id: 11,
// title: 'Main Home',
// link: '/home'
// },
// {
// id: 12,
// title: 'Election Home',
// link: '/home2'
// },
// {
// id: 13,
// title: 'Male Candidate',
// link: '/home3'
// },
// {
// id: 14,
// title: 'Female Candidate',
// link: '/home4'
// },
// ]
},
{
id: 12,
title: 'Election Home',
link: '/home2'
},
{
id: 13,
title: 'Male Candidate',
link: '/home3'
},
{
id: 14,
title: 'Female Candidate',
link: '/home4'
},
]
id: 4,
title: 'Our Approach',
link: '/our-approach',
},
{
id: 2,
title: 'About',
link: '/about',
},
{
id: 6,
title: 'Campaign',
link: '/campaign',
submenu: [
{
id: 61,
title: 'Campaign',
link: '/campaign',
id: 11,
title: 'Our Mission',
link: '/about/our-mission'
},
{
id: 62,
title: 'Campaign Style 2',
link: '/campaign-2'
},
{
id: 63,
title: 'Campaign Style 3',
link: '/campaign-3'
},
{
id: 64,
title: 'Campaign Single',
link: '/campaign-single/Support-for-Womans'
},
]
},
{
id: 3,
title: 'Pages',
link: '/',
submenu: [
{
id: 31,
title: 'Gallery',
link: '/gallery'
},
{
id: 322,
title: 'Testimonial',
link: '/testimonial'
},
{
id: 385,
title: 'Team',
link: '/team',
},
{
id: 386,
title: 'Team Single',
link: '/team-single/Esther-Howard'
},
{
id: 388,
title: 'Services',
link: '/service'
},
{
id: 389,
title: 'Services Single',
link: '/service-single/Economic-Establishment'
},
{
id: 371,
title: 'Shop',
link: '/shop',
},
{
id: 375,
title: 'Shop Single',
link: '/product-single/The-Audacity-of-Hope'
},
{
id: 376,
title: 'Cart',
link: '/cart'
},
{
id: 377,
title: 'Checkout',
link: '/checkout'
},
{
id: 33,
title: 'FAQ',
link: '/faq'
},
{
id: 39,
title: 'Volunteer',
link: '/volunteer'
},
{
id: 34,
title: '404 Error',
link: '/404'
},
{
id: 35,
title: 'Login',
link: '/login'
},
{
id: 36,
title: 'Register',
link: '/register'
id: 12,
title: 'Racial-Justice',
link: '/about/racial-justice'
},
]
},
// {
// id: 6,
// title: 'Campaign',
// link: '/campaign',
// submenu: [
// {
// id: 61,
// title: 'Campaign',
// link: '/campaign',
// },
// {
// id: 62,
// title: 'Campaign Style 2',
// link: '/campaign-2'
// },
// {
// id: 63,
// title: 'Campaign Style 3',
// link: '/campaign-3'
// },
// {
// id: 64,
// title: 'Campaign Single',
// link: '/campaign-single/Support-for-Womans'
// },
// ]
// },
{
id: 5,
title: 'Blog',
link: '/blog',
submenu: [
},
// {
// id: 3,
// title: 'Pages',
// link: '/',
// submenu: [
// {
// id: 31,
// title: 'Gallery',
// link: '/gallery'
// },
// {
// id: 322,
// title: 'Testimonial',
// link: '/testimonial'
// },
// {
// id: 385,
// title: 'Team',
// link: '/team',
// },
// {
// id: 386,
// title: 'Team Single',
// link: '/team-single/Esther-Howard'
// },
// {
// id: 388,
// title: 'Services',
// link: '/service'
// },
// {
// id: 389,
// title: 'Services Single',
// link: '/service-single/Economic-Establishment'
// },
// {
// id: 371,
// title: 'Shop',
// link: '/shop',
// },
// {
// id: 375,
// title: 'Shop Single',
// link: '/product-single/The-Audacity-of-Hope'
// },
// {
// id: 376,
// title: 'Cart',
// link: '/cart'
// },
// {
// id: 377,
// title: 'Checkout',
// link: '/checkout'
// },
// {
// id: 33,
// title: 'FAQ',
// link: '/faq'
// },
// {
// id: 39,
// title: 'Volunteer',
// link: '/volunteer'
// },
// {
// id: 34,
// title: '404 Error',
// link: '/404'
// },
// {
// id: 35,
// title: 'Login',
// link: '/login'
// },
// {
// id: 36,
// title: 'Register',
// link: '/register'
// },
// ]
// },
{
id: 51,
title: 'Blog',
link: '/blog'
},
{
id: 52,
title: 'Blog Left sidebar',
link: '/blog-left'
},
{
id: 53,
title: 'Blog full width',
link: '/blog-fullwidth'
},
{
id: 54,
title: 'Blog single',
link: '/blog-single/support-progressive-change'
},
{
id: 55,
title: 'Blog single Left sidebar',
link: '/blog-single-left-sidebar/support-progressive-change'
},
{
id: 56,
title: 'Blog single Left sidebar',
link: '/blog-single-fullwidth/support-progressive-change'
},
]
id: 3,
title: 'Services',
link: '/services',
},
// {
// id: 5,
// title: 'Blog',
// link: '/blog',
// submenu: [
// {
// id: 51,
// title: 'Blog',
// link: '/blog'
// },
// {
// id: 52,
// title: 'Blog Left sidebar',
// link: '/blog-left'
// },
// {
// id: 53,
// title: 'Blog full width',
// link: '/blog-fullwidth'
// },
// {
// id: 54,
// title: 'Blog single',
// link: '/blog-single/support-progressive-change'
// },
// {
// id: 55,
// title: 'Blog single Left sidebar',
// link: '/blog-single-left-sidebar/support-progressive-change'
// },
// {
// id: 56,
// title: 'Blog single Left sidebar',
// link: '/blog-single-fullwidth/support-progressive-change'
// },
// ]
// },
{
id: 88,
title: 'Contact',

2
components/aboutPage/Donors.js
View File

@ -18,7 +18,7 @@ const Donors = () => {
<div className="col-lg-6">
<div className="donors-btn">
{/* <Link onClick={ClickHandler} href="/donate">Free Consultation</Link> */}
<Link onClick={ClickHandler} href="/donate">Call us Today</Link>
<Link onClick={ClickHandler} href="/contact">Call us Today</Link>
</div>
</div>
</div>

8
components/aboutPage/TestimonialSection.js
View File

@ -5,20 +5,20 @@ import Link from 'next/link';
const TestimonialSection = (props) => {
return (
<section className={`wpo-about-section section-padding3 ${props.abClass}`}>
<section className={`wpo-about-section no-padding ${props.abClass}`}>
<div className="container">
<div className="wpo-about-wrap">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12 col-12 order-1 order-lg-2">
<div className="col-lg-6 col-md-12 col-12 order-2 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="col-lg-6 col-md-12 col-12 order-1 order-lg-1">
<div className="wpo-about-text">
<div className="wpo-section-title">
<span>Our Mission</span>
@ -28,7 +28,7 @@ const TestimonialSection = (props) => {
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">
<div className="close-form mt-5 mb-5">
<Link className="theme-btn" href="/about/our-mission"><span className="text">Know More</span>
</Link>
</div>

6
pages/blog-single/[slug].js
View File

@ -47,11 +47,11 @@ const BlogSingle = (props) => {
</div>
</div>
<div className="entry-meta">
<ul>
{/* <ul>
<li><i className="fi flaticon-calendar"></i> {BlogDetails?.create_at}</li>
<li><i className="fi ti-user"></i> By <Link href="/">{BlogDetails?.authorTitle}</Link> </li>
{/* <li><i className="fi ti-comment-alt"></i> Comments {BlogDetails?.comment}</li> */}
</ul>
<li><i className="fi ti-comment-alt"></i> Comments {BlogDetails?.comment}</li>
</ul> */}
</div>
<h2>{BlogDetails?.title}</h2>
<div

BIN
public/images/blog/blog-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/images/blog/blog-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/images/blog/blog-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/images/blog/blog-banner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public/images/blog/blog-detail-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
public/images/blog/blog-detail-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
public/images/blog/blog-detail-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

8
styles/sass/page/_home-default.scss
View File

@ -815,7 +815,7 @@
&.slick-active {
button {
background: $theme-primary-color;
width: 45px;
width: 15px;
}
}
}
@ -2108,3 +2108,9 @@
}
}
}
@media (max-width: 768px) {
.no-padding {
padding: 0 !important;
}
}

12
utils/constant.utils.js
View File

@ -164,8 +164,8 @@ export const MissionVision = [
{
Id: '1',
sImgS: sImgS1,
sTitle: 'Legal Establishment',
slug: 'legal-establishment',
sTitle: 'Leading Legal Establishment',
slug: 'leading-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 professional’s area of expertise such as competitive analysis, corporate strategy the activities',
@ -190,7 +190,7 @@ export const MissionVision = [
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.',
description: 'Our attorneys are recognized leaders in immigration law, with 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 professional’s area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-team-work',
@ -212,8 +212,8 @@ export const MissionVision = [
{
Id: '1',
sImgS: sImgS1,
sTitle: 'Legal Establishment',
slug: 'legal-establishment',
sTitle: 'Leading Legal Establishment',
slug: 'leading-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 professional’s area of expertise such as competitive analysis, corporate strategy the activities',
@ -238,7 +238,7 @@ export const MissionVision = [
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.',
description: 'Our attorneys are recognized leaders in immigration law, with 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 professional’s area of expertise such as competitive analysis, corporate strategy the activities',
icon: 'flaticon-team-work',