Footer New structure updated
This commit is contained in:
akash
parent
a1713c3120
commit
8b07f54ae8
@ -1,98 +1,209 @@
|
||||
import Link from "next/link"
|
||||
import Rehabilitation from "@/utils/Rehabilitation.utils"
|
||||
import Accident from "@/utils/Accident.utils"
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function Footer1() {
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer" id="footer">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo"><Link href="/"><img src="/assets/images/footer-logo.png" alt="" /></Link></figure>
|
||||
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_110">
|
||||
<div className="widget-title">
|
||||
<h3>Quick Link</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="about">About Us</Link></li>
|
||||
<li><Link href="service">Services</Link></li>
|
||||
<li><Link href="/">Elements</Link></li>
|
||||
<li><Link href="contact">Contacts Us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_55">
|
||||
<div className="widget-title">
|
||||
<h3>Useful Links</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms &</Link></li>
|
||||
<li><Link href="/">Condition</Link></li>
|
||||
<li><Link href="/">Support</Link></li>
|
||||
<li><Link href="/">Disclaimer</Link></li>
|
||||
<li><Link href="/">Faq</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Contact us</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li><img src="/assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
|
||||
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner">
|
||||
<ul className="footer-nav clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms of Use</Link></li>
|
||||
<li><Link href="/">Sales and Refunds</Link></li>
|
||||
<li><Link href="/">Legal</Link></li>
|
||||
<li><Link href="/">Site Map</Link></li>
|
||||
</ul>
|
||||
<div className="copyright">
|
||||
<p>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
export default function Footer2() {
|
||||
|
||||
</>
|
||||
)
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 6),
|
||||
servicesList.slice(6, 12),
|
||||
servicesList.slice(12, 18),
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<footer className="main-footer">
|
||||
<div className="pattern-layer">
|
||||
<div
|
||||
className="pattern-1"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-2"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-24.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-3"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-25.png)" }}
|
||||
></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo">
|
||||
<Link href="/">
|
||||
<img src="/assets/images/footer-logo.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
<p>
|
||||
Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
|
||||
</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li>
|
||||
<Link href="/"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-7"></i></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-9 col-md-12 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title text-center">
|
||||
<h3>SERVICES</h3>
|
||||
</div>
|
||||
<div className="row">
|
||||
{servicesCols.map((col, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="col-lg-4 col-md-4 col-sm-12 widget-content"
|
||||
>
|
||||
<ul className="links-list clearfix">
|
||||
{col.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${item.slug}`}
|
||||
>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix mt-5">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>AREA OF INJURY</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{areaOfInjuryData.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>ACCIDENT</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Accident.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/accident/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>CONTACT US</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li>
|
||||
<img
|
||||
src="/assets/images/icons/icon-1.png"
|
||||
alt=""
|
||||
/>3891 Ranchview Dr. Richardson, California USA
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-2"></i>
|
||||
<Link href="tel:01989526503">0198-9526503</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-26"></i>
|
||||
<Link href="mailto:example@info.com">
|
||||
example@info.com
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner d-flex justify-content-center text-center">
|
||||
<div className="copyright">
|
||||
<p>
|
||||
© Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
|
||||
<a
|
||||
href="https://metatroncubesolutions.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
style={{ color: "#3779b9", fontWeight: "500" }}
|
||||
>
|
||||
MetatronCube
|
||||
</a>{" "}
|
||||
All Rights Reserved
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,100 +1,209 @@
|
||||
import Link from "next/link"
|
||||
import Rehabilitation from "@/utils/Rehabilitation.utils"
|
||||
import Accident from "@/utils/Accident.utils"
|
||||
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export default function Footer2() {
|
||||
|
||||
const servicesCols = [
|
||||
servicesList.slice(0, 6),
|
||||
servicesList.slice(6, 12),
|
||||
servicesList.slice(12, 18),
|
||||
];
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<>
|
||||
<footer className="main-footer">
|
||||
<div className="pattern-layer">
|
||||
<div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
|
||||
<div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
|
||||
<div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
|
||||
<p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li><Link href="/"><i className="icon-4"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-5"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-6"></i></Link></li>
|
||||
<li><Link href="/"><i className="icon-7"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_110">
|
||||
<div className="widget-title">
|
||||
<h3>Quick Link</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="about">About Us</Link></li>
|
||||
<li><Link href="service">Services</Link></li>
|
||||
<li><Link href="/">Elements</Link></li>
|
||||
<li><Link href="contact">Contacts Us</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget ml_55">
|
||||
<div className="widget-title">
|
||||
<h3>Useful Links</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms &</Link></li>
|
||||
<li><Link href="/">Condition</Link></li>
|
||||
<li><Link href="/">Support</Link></li>
|
||||
<li><Link href="/">Disclaimer</Link></li>
|
||||
<li><Link href="/">Faq</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>Contact us</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
|
||||
<li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
|
||||
<li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner">
|
||||
<ul className="footer-nav clearfix">
|
||||
<li><Link href="/">Privacy Policy</Link></li>
|
||||
<li><Link href="/">Terms of Use</Link></li>
|
||||
<li><Link href="/">Sales and Refunds</Link></li>
|
||||
<li><Link href="/">Legal</Link></li>
|
||||
<li><Link href="/">Site Map</Link></li>
|
||||
</ul>
|
||||
<div className="copyright">
|
||||
<p>© 2024 All Rights Reserved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div className="pattern-layer">
|
||||
<div
|
||||
className="pattern-1"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-2"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-24.png)" }}
|
||||
></div>
|
||||
<div
|
||||
className="pattern-3"
|
||||
style={{ backgroundImage: "url(/assets/images/shape/shape-25.png)" }}
|
||||
></div>
|
||||
<div className="pattern-4"></div>
|
||||
</div>
|
||||
|
||||
<div className="widget-section pt_120 pb_100">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget logo-widget">
|
||||
<figure className="footer-logo">
|
||||
<Link href="/">
|
||||
<img src="/assets/images/footer-logo.png" alt="" />
|
||||
</Link>
|
||||
</figure>
|
||||
<p>
|
||||
Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
|
||||
</p>
|
||||
<ul className="social-links clearfix">
|
||||
<li>
|
||||
<Link href="/"><i className="icon-4"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-5"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-6"></i></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/"><i className="icon-7"></i></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-9 col-md-12 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title text-center">
|
||||
<h3>SERVICES</h3>
|
||||
</div>
|
||||
<div className="row">
|
||||
{servicesCols.map((col, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="col-lg-4 col-md-4 col-sm-12 widget-content"
|
||||
>
|
||||
<ul className="links-list clearfix">
|
||||
{col.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link
|
||||
href={`/etobicoke-treatment-service/${item.slug}`}
|
||||
>
|
||||
{item.shortTitle}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row clearfix mt-5">
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>AREA OF INJURY</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{areaOfInjuryData.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/area-of-injury/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>REHABILITATION</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Rehabilitation.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/rehabilitation/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget links-widget">
|
||||
<div className="widget-title">
|
||||
<h3>ACCIDENT</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="links-list clearfix">
|
||||
{Accident.map((item) => (
|
||||
<li key={item.id}>
|
||||
<Link href={`/accident/${item.slug}`}>
|
||||
{item.title}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-sm-12 footer-column">
|
||||
<div className="footer-widget contact-widget">
|
||||
<div className="widget-title">
|
||||
<h3>CONTACT US</h3>
|
||||
</div>
|
||||
<div className="widget-content">
|
||||
<ul className="info-list">
|
||||
<li>
|
||||
<img
|
||||
src="/assets/images/icons/icon-1.png"
|
||||
alt=""
|
||||
/>3891 Ranchview Dr. Richardson, California USA
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-2"></i>
|
||||
<Link href="tel:01989526503">0198-9526503</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-26"></i>
|
||||
<Link href="mailto:example@info.com">
|
||||
example@info.com
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="footer-bottom">
|
||||
<div className="auto-container">
|
||||
<div className="bottom-inner d-flex justify-content-center text-center">
|
||||
<div className="copyright">
|
||||
<p>
|
||||
© Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
|
||||
<a
|
||||
href="https://metatroncubesolutions.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
style={{ color: "#3779b9", fontWeight: "500" }}
|
||||
>
|
||||
MetatronCube
|
||||
</a>{" "}
|
||||
All Rights Reserved
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user