103 lines
3.5 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";
2025-02-01 07:23:32 +07:00
import { footerLinks, navigationLinks } from "@/data/footer";
2025-02-01 06:57:24 +07:00
2025-02-03 23:54:05 +07:00
export default function Footer() {
2025-02-01 06:57:24 +07:00
const scrollToTop = (event: any) => {
event.preventDefault();
window.scrollTo({
top: 0,
behavior: "smooth", // Linear easing replacement
});
};
return (
<>
<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
2025-02-03 23:54:05 +07:00
src="/assets/images/demo-slick/logo-dark.webp"
2025-02-01 06:57:24 +07:00
alt="Your Company Logo"
2025-02-03 23:54:05 +07:00
width={126}
height={56}
2025-02-01 06:57:24 +07:00
className="light-mode-logo"
/>
<Image
2025-02-03 23:54:05 +07:00
src="/assets/images/demo-slick/logo-dark.webp"
2025-02-01 06:57:24 +07:00
alt="Your Company Logo"
2025-02-03 23:54:05 +07:00
width={126}
height={56}
2025-02-01 06:57:24 +07:00
className="dark-mode-logo"
/>
</div>
<p>
2025-02-03 23:54:05 +07:00
Integer auctor aliquet martor, sed lorem malesuada eros blandit eget. Proin lacinia mortoc id odio
vestibulum.
2025-02-01 06:57:24 +07:00
</p>
<div className="clearlinks">
2025-02-03 23:54:05 +07:00
<a href="tel:5208036644">(520) 803-6644</a>
2025-02-01 06:57:24 +07:00
</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">
2025-02-03 23:54:05 +07:00
<b>© {new Date().getFullYear()} All Rights Reserved</b>
2025-02-01 06:57:24 +07:00
</div>
<div className="col-md-7 offset-md-1 offset-lg-2 clearfix">
{/* Back to Top Link */}
2025-02-03 23:54:05 +07:00
<div className="local-scroll float-end mt-n20 mt-sm-10" onClick={scrollToTop}>
2025-02-01 06:57:24 +07:00
<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>
</>
);
}