footer complete pls
This commit is contained in:
parent
266e559f27
commit
c9b67c7dff
2 changed files with 12 additions and 3 deletions
|
@ -6,6 +6,7 @@ import { FOOTERLINKS } from "@/constants";
|
||||||
import Logo from "./Logo";
|
import Logo from "./Logo";
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
|
const currentYear = new Date().getFullYear();
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<footer className="flex flex-col w-full transition-all bg-zinc-100 text-black dark:bg-[#0308033b] border-t dark:text-white">
|
<footer className="flex flex-col w-full transition-all bg-zinc-100 text-black dark:bg-[#0308033b] border-t dark:text-white">
|
||||||
|
@ -57,7 +58,7 @@ const Footer = () => {
|
||||||
<div className="border-t mb-6 border-gray-300 dark:border-white/30"></div>
|
<div className="border-t mb-6 border-gray-300 dark:border-white/30"></div>
|
||||||
<div className="flex flex-col lg:flex-row justify-between items-center space-y-4 lg:space-y-0 px-4">
|
<div className="flex flex-col lg:flex-row justify-between items-center space-y-4 lg:space-y-0 px-4">
|
||||||
<span className="text-sm font-light">
|
<span className="text-sm font-light">
|
||||||
All Rights Reserved{" "}
|
Copyright © 2023-{currentYear}{" "}
|
||||||
<Link
|
<Link
|
||||||
href={FOOTERLINKS.footerBottom.rightsReserved.href}
|
href={FOOTERLINKS.footerBottom.rightsReserved.href}
|
||||||
className="text-primary font-semibold"
|
className="text-primary font-semibold"
|
||||||
|
@ -72,7 +73,7 @@ const Footer = () => {
|
||||||
>
|
>
|
||||||
{FOOTERLINKS.footerBottom.termsofService.label}{" "}
|
{FOOTERLINKS.footerBottom.termsofService.label}{" "}
|
||||||
</Link>
|
</Link>
|
||||||
and{" "}
|
|{" "}
|
||||||
<Link
|
<Link
|
||||||
href={FOOTERLINKS.footerBottom.privacyPolicy.href}
|
href={FOOTERLINKS.footerBottom.privacyPolicy.href}
|
||||||
className="text-primary font-medium transition-all underline-offset-4 hover:underline"
|
className="text-primary font-medium transition-all underline-offset-4 hover:underline"
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
import { BadgeAlert, BarChart4, Cog, File, ShieldCheck } from "lucide-react";
|
import { BadgeAlert, BarChart4, Cog, File, ShieldCheck } from "lucide-react";
|
||||||
import { Download, Home, Settings, User } from "lucide-react";
|
import { Download, Home, Settings, User } from "lucide-react";
|
||||||
|
|
||||||
|
// Navbar
|
||||||
|
|
||||||
export const NAVBAR = {
|
export const NAVBAR = {
|
||||||
centerLinks: [
|
centerLinks: [
|
||||||
{
|
{
|
||||||
|
@ -33,6 +35,7 @@ export const NAVBAR = {
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// About section Stats
|
||||||
export const stats = [
|
export const stats = [
|
||||||
{
|
{
|
||||||
title: "Downloads",
|
title: "Downloads",
|
||||||
|
@ -52,6 +55,7 @@ export const stats = [
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
// Features Section Home Page
|
||||||
export const Features = [
|
export const Features = [
|
||||||
{
|
{
|
||||||
icon: <ShieldCheck className="w-10 h-10 text-primary" />,
|
icon: <ShieldCheck className="w-10 h-10 text-primary" />,
|
||||||
|
@ -79,6 +83,7 @@ export const Features = [
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
// FAQS
|
||||||
export const questions = [
|
export const questions = [
|
||||||
{
|
{
|
||||||
key: "item-1",
|
key: "item-1",
|
||||||
|
@ -118,6 +123,8 @@ export const questions = [
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
|
||||||
export const FOOTERLINKS = {
|
export const FOOTERLINKS = {
|
||||||
otherPages: [
|
otherPages: [
|
||||||
{ href: "/", label: "Home" },
|
{ href: "/", label: "Home" },
|
||||||
|
@ -137,7 +144,7 @@ export const FOOTERLINKS = {
|
||||||
footerBottom: {
|
footerBottom: {
|
||||||
termsofService: {
|
termsofService: {
|
||||||
href: "/tos",
|
href: "/tos",
|
||||||
label: "TOS",
|
label: "Terms of Service",
|
||||||
},
|
},
|
||||||
privacyPolicy: {
|
privacyPolicy: {
|
||||||
href: "/privacy-policy",
|
href: "/privacy-policy",
|
||||||
|
@ -150,6 +157,7 @@ export const FOOTERLINKS = {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// Admin Dashboard
|
||||||
export const AdminLinks = [
|
export const AdminLinks = [
|
||||||
{
|
{
|
||||||
name: "Dashboard",
|
name: "Dashboard",
|
||||||
|
|
Loading…
Reference in a new issue