Hard coded the website link because there are some problems with ENV variables in the frontend

src/hooks/useAcceptedTerms.tsx

@@ -3,30 +3,24 @@ import Link from "next/link";
 import Checkbox from "@/components/Low/Checkbox";
 
 const useAcceptedTerms = () => {
-  const [acceptedTerms, setAcceptedTerms] = React.useState(false);
+	const [acceptedTerms, setAcceptedTerms] = React.useState(false);
 
-  const renderCheckbox = () => (
-    <Checkbox isChecked={acceptedTerms} onChange={setAcceptedTerms}>
-      I agree to the
-      <Link
-        href={`${process.env.NEXT_PUBLIC_WEBSITE_URL}/terms`}
-        className="text-blue-500"
-      >
-        {" "}
-        Terms and Conditions
-      </Link>{" "}
-      and
-      <Link
-        href={`${process.env.NEXT_PUBLIC_WEBSITE_URL}/privacy-policy`}
-        className="text-blue-500"
-      >
-        {" "}
-        Privacy Policy
-      </Link>
-    </Checkbox>
-  );
+	const renderCheckbox = () => (
+		<Checkbox isChecked={acceptedTerms} onChange={setAcceptedTerms}>
+			I agree to the
+			<Link href={`https://encoach.com/terms`} className="text-mti-purple-light">
+				{" "}
+				Terms and Conditions
+			</Link>{" "}
+			and
+			<Link href={`https://encoach.com/privacy-policy`} className="text-mti-purple-light">
+				{" "}
+				Privacy Policy
+			</Link>
+		</Checkbox>
+	);
 
-  return { acceptedTerms, renderCheckbox };
+	return {acceptedTerms, renderCheckbox};
 };
 
 export default useAcceptedTerms;