rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: general and blog footer

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/(main)/blog/[slug]/page.tsx
View File

@ -98,20 +98,6 @@ export default async function SingleBlogPage({ params }: { params: Promise<{ slu
</div> </div>
</section> </section>
{/* End 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>
</> </>
</> </>
); );

66
src/app/(main)/blog/page.tsx
View File

@ -35,72 +35,6 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis
<section className="page-section" id="blog"> <section className="page-section" id="blog">
<Blogs page={page} /> <Blogs page={page} />
</section> </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>
</>
</> </>
); );
} }

4
src/app/(main)/layout.tsx
View File

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

34
src/components/Footer.tsx
View File

@ -4,7 +4,7 @@ import Image from "next/image";
import FooterSocials from "./FooterSocial"; import FooterSocials from "./FooterSocial";
import { footerLinks, navigationLinks } from "@/data/footer"; import { footerLinks, navigationLinks } from "@/data/footer";
export default function Footer8() { export default function Footer() {
const scrollToTop = (event: any) => { const scrollToTop = (event: any) => {
event.preventDefault(); event.preventDefault();
window.scrollTo({ window.scrollTo({
@ -15,37 +15,31 @@ export default function Footer8() {
return ( return (
<> <>
{/* End Background Shape */}
<div className="container position-relative"> <div className="container position-relative">
<div className="row pb-120 pb-sm-80 pb-xs-50"> <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="col-md-4 col-lg-3 text-gray mb-sm-50">
<div className="mb-30"> <div className="mb-30">
<Image <Image
src="/assets/images/demo-slick/logo-dark.svg" src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo" alt="Your Company Logo"
width={106} width={126}
height={36} height={56}
className="light-mode-logo" className="light-mode-logo"
/> />
<Image <Image
src="/assets/images/demo-slick/logo-white.svg" src="/assets/images/demo-slick/logo-dark.webp"
alt="Your Company Logo" alt="Your Company Logo"
width={106} width={126}
height={36} height={56}
className="dark-mode-logo" className="dark-mode-logo"
/> />
</div> </div>
<p> <p>
Integer auctor aliquet martor, sed lorem malesuada eros blandit Integer auctor aliquet martor, sed lorem malesuada eros blandit eget. Proin lacinia mortoc id odio
eget. Proin lacinia mortoc id odio vestibulum. vestibulum.
</p> </p>
<div className="clearlinks"> <div className="clearlinks">
<strong>T.</strong> <a href="tel:5208036644">(520) 803-6644</a>
<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> </div>
<div className="col-md-7 offset-md-1 offset-lg-2"> <div className="col-md-7 offset-md-1 offset-lg-2">
@ -88,15 +82,11 @@ export default function Footer8() {
{/* Footer Text */} {/* Footer Text */}
<div className="row text-gray"> <div className="row text-gray">
<div className="col-md-4 col-lg-3"> <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>
<div className="col-md-7 offset-md-1 offset-lg-2 clearfix"> <div className="col-md-7 offset-md-1 offset-lg-2 clearfix">
<b>Based in London, United Kingdom.</b>
{/* Back to Top Link */} {/* Back to Top Link */}
<div <div className="local-scroll float-end mt-n20 mt-sm-10" onClick={scrollToTop}>
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">
<i className="mi-arrow-up size-24" /> <i className="mi-arrow-up size-24" />
<span className="visually-hidden">Scroll to top</span> <span className="visually-hidden">Scroll to top</span>