2025-08-14 21:34:46 +05:30

152 lines
8.4 KiB
JavaScript

import React from 'react'
import Link from 'next/link'
import Logo from '/public/images/janahanlaw-logo.png'
import Campaign from '../../api/campaign';
import Image from 'next/image';
const ClickHandler = () => {
window.scrollTo(10, 0);
}
const SubmitHandler = (e) => {
e.preventDefault()
}
const Footer = (props) => {
return (
<footer className="wpo-site-footer">
<div className="wpo-upper-footer">
<div className="container">
<div className="row">
<div className="col col-lg-3 col-md-6 col-12 col-md-6 col-sm-12 col-12">
<div className="widget about-widget">
<div className="logo widget-title">
<Link onClick={ClickHandler} className="navbar-brand" href="/"><Image src={Logo} alt="" /></Link>
</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-2 col-md-6 col-12 col-md-6 col-sm-12 col-12">
<div className="widget link-widget">
<div className="widget-title">
<h3>Quick Links</h3>
</div>
<ul>
<li><Link href="/">Home</Link></li>
<li><Link href="/about">About Us</Link></li>
<li><Link href="/services">Services</Link></li>
<li><Link href="/our-approach">Our Approach</Link></li>
<li><Link href="/blog">Blog</Link></li>
</ul>
</div>
</div>
<div className="col col-lg-4 col-md-6 col-12 col-md-6 col-sm-12 col-12">
<div className="widget link-widget s2">
<div className="widget-title">
<h3>Services</h3>
</div>
<ul>
{Campaign.slice(0, 5).map((service, Sitem) => (
<li key={Sitem}><Link onClick={ClickHandler} href={'/services/[slug]'} as={`/services/${service.slug}`}>{service.sTitle}</Link></li>
))}
</ul>
</div>
</div>
<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>Contact</h3>
</div>
{/* <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="" />
</div>
<div className="submit clearfix">
<button type="submit">Subscribe now</button>
</div>
</form> */}
<div className="widget about-widget">
<ul className="info">
<li>
<Link href="tel:+1 (305) 330-7413"> <li>Phone: +1 (305) 330-7413</li></Link>
</li>
<Link href="mailto:info@janahanlaw.com"> <li>Email: info@janahanlaw.com </li></Link>
{/* <li>Address: 22/1 Melborane city austria,
human resoerch, Canada</li> */}
</ul>
<div className="social">
<ul>
<li>
<Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
<i className="fi flaticon-facebook-app-symbol"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
<i className="fi flaticon-twitter"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
<i className="fi flaticon-linkedin"></i>
</Link>
</li>
<li>
<Link onClick={ClickHandler} href="/" target="_blank" rel="noopener noreferrer">
<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>
</div>
</div>
<div className="wpo-lower-footer">
<div className="container">
<div className="row text-center align-items-center">
<div className="col col-lg-12 col-md-12 col-12">
<ul>
<li>
Copyright {new Date().getFullYear()} © Janahan Law. Powered by{' '}
<a
href="https://metatroncubesolutions.com/"
target="_blank"
rel="noopener noreferrer"
style={{ color: '#c12026' }}
>
MetatronCube
</a>. All Right Reserved.
</li>
</ul>
</div>
{/* <div className="col col-lg-6 col-md-12 col-12">
<div className="link">
<ul>
<li><Link onClick={ClickHandler} href="/privacy">Privace & Policy</Link></li>
<li><Link onClick={ClickHandler} href="/terms">Terms</Link></li>
<li><Link onClick={ClickHandler} href="/about">About us</Link></li>
<li><Link onClick={ClickHandler} href="/faq">FAQ</Link></li>
<li><Link onClick={ClickHandler} href="/volunteer">Volunteer</Link></li>
</ul>
</div>
</div> */}
</div>
</div>
</div>
</footer>
)
}
export default Footer;