File size: 2,832 Bytes
f730525
 
b4297ca
fb3baa1
 
b4297ca
f730525
 
b4297ca
 
 
 
 
 
f730525
b4297ca
f730525
b4297ca
 
 
 
 
 
 
 
 
 
 
 
f730525
 
 
 
 
b4297ca
f730525
 
 
 
 
b4297ca
f730525
 
 
 
 
b4297ca
f730525
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
"use client";

import { useState } from "react";
import { FooterNavLink } from "@/app/components/ui/navlink";
import { IconGitHub } from "@/app/components/ui/icons";
import { Text, Cookie, AlertCircle } from "lucide-react";

export default function Footer() {
    const [showDisclaimer, setShowDisclaimer] = useState(false);

    const toggleDisclaimer = () => {
        setShowDisclaimer(!showDisclaimer);
    };

    return (
        <footer className="z-10">
            <div className="flex flex-col items-center justify-center bg-gray-800 text-white p-4 mb-4 rounded-lg shadow-xl">
                <div className="flex flex-col items-center text-red-500">
                    <button className="text-sm text-center underline" onClick={toggleDisclaimer} title="Disclaimer">
                        <AlertCircle className="h-5 w-5 inline mr-2 mb-1" />
                        Disclaimer
                    </button>
                    {showDisclaimer && (
                        <p className="text-sm text-center w-64 mb-2">
                            The answer provided by Smart Retrieval may not be accurate and might be prone to hallucination. Users are advised to fact check the answer and not use it as is. Smart Retrieval is not responsible for any consequences arising from the use of the answer.
                        </p>
                    )}
                </div>
                <div className="flex flex-col items-center mt-2 gap-4">
                    <p className="text-sm text-center">
                        © 2024 JTC DBE. All rights reserved.
                    </p>
                </div>
                <div className="flex items-center mt-2 gap-4">
                    <FooterNavLink href="https://github.com/digitalbuiltenvironment/Smart-Retrieval/" title="Github" target="_blank">
                        <div className="text-sm text-center underline">
                            <IconGitHub className="h-5 w-5 inline mr-2 mb-1" />
                            Github
                        </div>
                    </FooterNavLink>
                    <FooterNavLink href="/terms-of-service" title="Terms Of Service">
                        <div className="text-sm text-center underline">
                            <Text className="h-5 w-5 inline mr-2 mb-1" />
                            Terms of Service
                        </div>
                    </FooterNavLink>
                    <FooterNavLink href="/privacy-policy" title="Privacy Policy">
                        <div className="text-sm text-center underline">
                            <Cookie className="h-5 w-5 inline mr-2 mb-1" />
                            Privacy Policy
                        </div>
                    </FooterNavLink>
                </div>
            </div>
        </footer>
    );
}