2025-02-01 06:57:24 +07:00
|
|
|
"use client";
|
|
|
|
import React from "react";
|
|
|
|
import Image from "next/image";
|
|
|
|
import FooterSocials from "./FooterSocial";
|
2025-02-01 07:23:32 +07:00
|
|
|
import { footerLinks, navigationLinks } from "@/data/footer";
|
2025-02-01 06:57:24 +07:00
|
|
|
|
|
|
|
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 & 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>
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
}
|