fix: Footer content

This commit is contained in:
RizqiSyahrendra 2025-02-07 23:23:43 +07:00
parent 8ae3e377bf
commit 88ca451fd9
3 changed files with 25 additions and 70 deletions

View File

@ -21,44 +21,35 @@ export default function Footer() {
<div className="mb-30"> <div className="mb-30">
<Image <Image
src="/assets/images/demo-slick/logo-dark.webp" src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo" alt="Cochise Oncology Logo"
width={126} width={126}
height={56} height={56}
className="light-mode-logo" className="light-mode-logo"
/> />
<Image <Image
src="/assets/images/demo-slick/logo-dark.webp" src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo" alt="Cochise Oncology Logo"
width={126} width={126}
height={56} height={56}
className="dark-mode-logo" className="dark-mode-logo"
/> />
</div> </div>
<p>
Integer auctor aliquet martor, sed lorem malesuada eros blandit eget. Proin lacinia mortoc id odio
vestibulum.
</p>
<div className="clearlinks">
<a href="tel:5208036644">(520) 803-6644</a>
</div>
</div> </div>
<div className="col-md-7 offset-md-1 offset-lg-2"> <div className="col-md-7 offset-md-1 offset-lg-2">
<div className="row mt-n30"> <div className="row mt-n30">
{/* Footer Widget */} {/* Footer Widget */}
<div className="col-sm-4 mt-30"> <div className="col-sm-4 mt-30">
<h3 className="fw-title">Company</h3> <h3 className="fw-title">Business Hours</h3>
<ul className="fw-menu clearlist local-scroll"> <ul className="fw-menu clearlist local-scroll">
{navigationLinks.map((elm: any, i: number) => ( <li>
<li key={i}> <a className="#">Monday - Friday: 8am - 5pm</a>
<a href={elm.href}>{elm.text}</a>
</li> </li>
))}
</ul> </ul>
</div> </div>
{/* End Footer Widget */} {/* End Footer Widget */}
{/* Footer Widget */} {/* Footer Widget */}
<div className="col-sm-4 mt-30"> <div className="col-sm-4 mt-30">
<h3 className="fw-title">Social Media</h3> <h3 className="fw-title">Contact Us</h3>
<ul className="fw-menu clearlist"> <ul className="fw-menu clearlist">
<FooterSocials /> <FooterSocials />
</ul> </ul>
@ -87,8 +78,8 @@ export default function Footer() {
<div className="col-md-7 offset-md-1 offset-lg-2 clearfix"> <div className="col-md-7 offset-md-1 offset-lg-2 clearfix">
{/* Back to Top Link */} {/* Back to Top Link */}
<div className="local-scroll float-end mt-n20 mt-sm-10" onClick={scrollToTop}> <div className="local-scroll float-end mt-n20 mt-sm-10" onClick={scrollToTop}>
<a href="#top" className="link-to-top color-light"> <a href="#top" className="link-to-top color-light relative">
<i className="mi-arrow-up size-24" /> <i className="mi-arrow-up size-24 absolute top-[34px] left-3" />
<span className="visually-hidden">Scroll to top</span> <span className="visually-hidden">Scroll to top</span>
</a> </a>
</div> </div>

View File

@ -1,16 +1,10 @@
import { socialMediaLinks } from "@/data/footer";
import React from "react"; import React from "react";
export default function FooterSocials() { export default function FooterSocials() {
const socials = [
{ name: "Facebook", icon: "fa-facebook", url: "#" },
{ name: "YouTube", icon: "fa-youtube", url: "#" },
{ name: "Pinterest", icon: "fa-pinterest", url: "#" },
{ name: "LinkedIn", icon: "fa-linkedin", url: "#" },
];
return ( return (
<> <>
{socials.map((social, index) => ( {socialMediaLinks.map((social, index) => (
<li key={index}> <li key={index}>
<a href={social.url} rel="noopener nofollow" target="_blank"> <a href={social.url} rel="noopener nofollow" target="_blank">
<i className={social.icon} /> {social.name} <i className={social.icon} /> {social.name}

View File

@ -1,57 +1,27 @@
export const footerLinks = [ export const footerLinks = [
{ name: "Privacy Policy", path: "#" }, { name: "Privacy Policy", path: "/privacy-policy" },
{ name: "Terms & Conditions", path: "#" }, { name: "Terms & Conditions", path: "#" },
{ name: "Presskit", path: "#" },
];
export const footerLinks2 = [
{ text: "Privacy Policy", href: "#" },
{ text: "Terms & Conditions", href: "#" },
{ text: "Presskit", href: "#" },
{ text: "Credits", href: "#" },
];
export const socialLinks = [
{
href: "#",
text: "Instagram",
},
{
href: "#",
text: "Facebook",
},
{
href: "#",
text: "YouTube",
},
{
href: "#",
text: "LinkedIn",
},
]; ];
export const socialMediaLinks = [ export const socialMediaLinks = [
{ {
href: "#", name: "5151 E HIGHWAY 90 Sierra Vista, Arizona 85635",
title: "Facebook", url: "https://maps.app.goo.gl/VEnC9gsK7d7nkN5w5",
iconClass: "fa-facebook-f", icon: "fa-location",
name: "Facebook",
}, },
{ href: "#", title: "Skype", iconClass: "fa-skype", name: "Skype" },
{ {
href: "#", name: "(520) 803-6644",
title: "Pinterest", url: "tel:5208036644",
iconClass: "fa-pinterest", icon: "fa-phone",
name: "Pinterest", },
{
name: "Facebook",
url: "https://www.facebook.com/p/Cochise-Oncology-61556262839823",
icon: "fa-facebook",
}, },
{ href: "#", title: "Behance", iconClass: "fa-behance", name: "Behance" },
{ href: "#", title: "Dribbble", iconClass: "fa-dribbble", name: "Dribbble" },
]; ];
export const navigationLinks = [ export const navigationLinks = [
{ href: "#about", text: "About" }, { href: "/our-oncology-center", text: "About" },
{ href: "#services", text: "Services" }, { href: "/privacy-policy", text: "Privacy Policy" },
{ href: "#portfolio", text: "Portfolio" },
{ href: "#blog", text: "Blog" },
{ href: "#contact", text: "Contact" },
]; ];