footer maybe last one

components/shared/Footer.tsx

@@ -56,17 +56,6 @@ const Footer = () => {
 					</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">
-						<span className="text-sm font-light">
-							{/* TODO: */}
-							{/* put tos and pp here instead */}
-							TOS and PP{" "}
-							<Link
-								href={FOOTERLINKS.footerBottom.designedBy.href}
-								className="text-primary font-semibold"
-							>
-								{FOOTERLINKS.footerBottom.designedBy.label}
-							</Link>
-						</span>
 						<span className="text-sm font-light">
 							All Rights Reserved{" "}
 							<Link
@@ -76,6 +65,21 @@ const Footer = () => {
 								{FOOTERLINKS.footerBottom.rightsReserved.label}
 							</Link>
 						</span>
+						<span className="text-sm font-light">
+							<Link
+								href={FOOTERLINKS.footerBottom.termsofService.href}
+								className="text-primary font-medium transition-all underline-offset-4 hover:underline"
+							>
+								{FOOTERLINKS.footerBottom.termsofService.label}{" "}
+							</Link>
+							and{" "}
+							<Link
+								href={FOOTERLINKS.footerBottom.privacyPolicy.href}
+								className="text-primary font-medium transition-all underline-offset-4 hover:underline"
+							>
+								{FOOTERLINKS.footerBottom.privacyPolicy.label}
+							</Link>
+						</span>
 					</div>
 				</div>
 			</footer>

constants/index.tsx

@@ -137,9 +137,13 @@ export const FOOTERLINKS = {
 		supportText: "Support Us on Socials",
 	},
 	footerBottom: {
-		designedBy: {
-			href: "https://abhijee.com",
-			label: "Proxy",
+		termsofService: {
+			href: "/tos",
+			label: "TOS",
+		},
+		privacyPolicy: {
+			href: "/privacy-policy",
+			label: "Privacy Policy",
 		},
 		rightsReserved: {
 			href: "https://cyprostudio.com",