113 lines
3.9 KiB
TypeScript
Raw Normal View History

2025-02-01 06:57:24 +07:00
"use client";
import React from "react";
import Image from "next/image";
import FooterSocials from "./FooterSocial";
import { footerLinks, navigationLinks } from "@/app/data/footer";
export default function Footer8() {
const scrollToTop = (event: any) => {
event.preventDefault();
window.scrollTo({
top: 0,
behavior: "smooth", // Linear easing replacement
});
};
return (
<>
{/* End Background Shape */}
<div className="container position-relative">
<div className="row pb-120 pb-sm-80 pb-xs-50">
<div className="col-md-4 col-lg-3 text-gray mb-sm-50">
<div className="mb-30">
<Image
src="/assets/images/demo-slick/logo-dark.svg"
alt="Your Company Logo"
width={106}
height={36}
className="light-mode-logo"
/>
<Image
src="/assets/images/demo-slick/logo-white.svg"
alt="Your Company Logo"
width={106}
height={36}
className="dark-mode-logo"
/>
</div>
<p>
Integer auctor aliquet martor, sed lorem malesuada eros blandit
eget. Proin lacinia mortoc id odio vestibulum.
</p>
<div className="clearlinks">
<strong>T.</strong>
<a href="tel:+18376528800">+1 837 652 8800</a>
</div>
<div className="clearlinks">
<strong>E.</strong>
<a href="mailto:ibthemes21@gmail.com">ibthemes21@gmail.com</a>
</div>
</div>
<div className="col-md-7 offset-md-1 offset-lg-2">
<div className="row mt-n30">
{/* Footer Widget */}
<div className="col-sm-4 mt-30">
<h3 className="fw-title">Company</h3>
<ul className="fw-menu clearlist local-scroll">
{navigationLinks.map((elm: any, i: number) => (
<li key={i}>
<a href={elm.href}>{elm.text}</a>
</li>
))}
</ul>
</div>
{/* End Footer Widget */}
{/* Footer Widget */}
<div className="col-sm-4 mt-30">
<h3 className="fw-title">Social Media</h3>
<ul className="fw-menu clearlist">
<FooterSocials />
</ul>
</div>
{/* End Footer Widget */}
{/* Footer Widget */}
<div className="col-sm-4 mt-30">
<h3 className="fw-title">Legal &amp; Press</h3>
<ul className="fw-menu clearlist">
{footerLinks.map((elm: any, i: number) => (
<li key={i}>
<a href={elm.path}>{elm.name}</a>
</li>
))}
</ul>
</div>
{/* End Footer Widget */}
</div>
</div>
</div>
{/* Footer Text */}
<div className="row text-gray">
<div className="col-md-4 col-lg-3">
<b>© IB-Themes {new Date().getFullYear()}.</b>
</div>
<div className="col-md-7 offset-md-1 offset-lg-2 clearfix">
<b>Based in London, United Kingdom.</b>
{/* Back to Top Link */}
<div
className="local-scroll float-end mt-n20 mt-sm-10"
onClick={scrollToTop}
>
<a href="#top" className="link-to-top color-light">
<i className="mi-arrow-up size-24" />
<span className="visually-hidden">Scroll to top</span>
</a>
</div>
{/* End Back to Top Link */}
</div>
</div>
{/* End Footer Text */}
</div>
</>
);
}