fix: general and blog footer

This commit is contained in:
RizqiSyahrendra 2025-02-03 23:54:05 +07:00
parent 942df67ff2
commit 53e69bd61f
4 changed files with 14 additions and 104 deletions

View File

@ -98,20 +98,6 @@ export default async function SingleBlogPage({ params }: { params: Promise<{ slu
</div>
</section>
{/* End Section */}
{/* Divider */}
<hr className="mt-0 mb-0" />
{/* End Divider */}
{/* Section */}
<section className="page-section">
<div className="container relative">
<div className="row mt-n60">
<BlogWidget
inputClass="newsletter-field form-control input-md circle mb-10"
btnClass="btn btn-mod btn-color btn-medium btn-circle btn-hover-anim form-control"
/>
</div>
</div>
</section>
</>
</>
);

View File

@ -35,72 +35,6 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis
<section className="page-section" id="blog">
<Blogs page={page} />
</section>
<>
{/* Divider */}
<hr className="mt-0 mb-0" />
{/* End Divider */}
{/* Section */}
<section className="page-section">
<div className="container relative">
<div className="row mt-n60">
<div className="col-sm-6 col-lg-4 mt-60">
{/* Widget */}
<div className="widget mb-0">
<h3 className="widget-title">Categories</h3>
<div className="widget-body">
<ul className="clearlist widget-menu">
{categories.map((elm, i) => (
<li key={i}>
<a href="#" title="">
{elm.name}
</a>
<small> - {elm.count} </small>
</li>
))}
</ul>
</div>
</div>
{/* End Widget */}
</div>
<div className="col-sm-6 col-lg-4 mt-60">
{/* Widget */}
<div className="widget mb-0">
<h3 className="widget-title">Tags</h3>
<div className="widget-body">
<div className="tags">
{tags.map((elm, i) => (
<a key={i} href="">
{elm.name}
</a>
))}
</div>
</div>
</div>
{/* End Widget */}
</div>
<div className="col-sm-6 col-lg-4 mt-60">
{/* Widget */}
<div className="widget mb-0">
<h3 className="widget-title">Archive</h3>
<div className="widget-body">
<ul className="clearlist widget-menu">
{archiveLinks.map((elm, i) => (
<li key={i}>
<a href="#" title="">
{elm.date}
</a>
</li>
))}
</ul>
</div>
</div>
{/* End Widget */}
</div>
</div>
</div>
</section>
</>
</>
);
}

View File

@ -83,8 +83,8 @@ export default function MainLayout({
<Header links={slickMultipagesDark} />
</nav>
<main id="main">{children}</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<footer className="page-section dark footer bg-dark-2 light-content position-relative overflow-hidden pb-30">
<div className="bg-shape-4 opacity-003">
<Image src="/assets/images/demo-slick/bg-shape-4.svg" width={1600} height={268} alt="" />
</div>
<Footer />

View File

@ -4,7 +4,7 @@ import Image from "next/image";
import FooterSocials from "./FooterSocial";
import { footerLinks, navigationLinks } from "@/data/footer";
export default function Footer8() {
export default function Footer() {
const scrollToTop = (event: any) => {
event.preventDefault();
window.scrollTo({
@ -15,37 +15,31 @@ export default function Footer8() {
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"
src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo"
width={106}
height={36}
width={126}
height={56}
className="light-mode-logo"
/>
<Image
src="/assets/images/demo-slick/logo-white.svg"
src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo"
width={106}
height={36}
width={126}
height={56}
className="dark-mode-logo"
/>
</div>
<p>
Integer auctor aliquet martor, sed lorem malesuada eros blandit
eget. Proin lacinia mortoc id odio vestibulum.
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>
<a href="tel:5208036644">(520) 803-6644</a>
</div>
</div>
<div className="col-md-7 offset-md-1 offset-lg-2">
@ -88,15 +82,11 @@ export default function Footer8() {
{/* Footer Text */}
<div className="row text-gray">
<div className="col-md-4 col-lg-3">
<b>© IB-Themes {new Date().getFullYear()}.</b>
<b>© {new Date().getFullYear()} All Rights Reserved</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}
>
<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>