import React from 'react';
import { Badge } from './ui/badge';

/* eslint-disable */

const Footer: React.FC = () => {
    return (
        <section className="bg-slate-950">
            <div>
                <div className="mt-auto max-w-7xl py-1 px-6 sm:px-6 lg:px-16 mx-auto">
                    <div className="grid grid-cols-1 max-md:grid-cols-1 lg:grid-cols-2 gap-6 mt-12">
                        <div className="col-span-full lg:col-span-1 max-md:text-center">
                            <a className="max-md:flex lg:flex-none max-md:justify-center" href="/" aria-label="Prejee Logo">
                            <svg viewBox="1014.4125 602.2157 299.1749 104.5684" width={299} height={104} xmlns="http://www.w3.org/2000/svg">
                                <g id="g16" transform="matrix(1, 0, 0, 1, 23.867501016482834, -32.53028585106972)">
                                    <path d="m 1091.28,691.031 c 1.58,7.479 7.57,11.603 15.74,11.603 5.6,0 9.82,-2.062 12.68,-6.085 l 8.75,5.115 c -4.81,7.176 -11.99,10.714 -21.54,10.714 -7.96,0 -14.45,-2.467 -19.37,-7.278 -4.91,-4.912 -7.38,-11.098 -7.38,-18.577 0,-7.48 2.47,-13.463 7.28,-18.376 4.81,-5.013 11.1,-7.479 18.69,-7.479 7.18,0 13.08,2.547 17.69,7.56 4.61,5.014 6.98,11.199 6.98,18.376 0,1.091 -0.1,2.547 -0.39,4.427 z m 28.82,-8.652 c -1.48,-7.965 -7.08,-12.089 -14.05,-12.089 -7.87,0 -13.37,4.629 -14.85,12.089 z" fill="#ffffff" id="path6"/>
                                    <path d="m 1035.68,668.228 c 4.81,5.014 7.18,11.098 7.18,18.275 0,7.176 -2.37,13.362 -7.18,18.375 -4.81,5.013 -10.514,7.479 -17.309,7.479 -7.482,0 -13.185,-2.749 -17.209,-8.247 v 26.643 h -10.617 v -68.811 h 10.617 v 7.075 c 4.024,-5.6 9.727,-8.349 17.209,-8.349 6.775,0 12.499,2.547 17.309,7.56 z m -18.967,34.002 c 4.429,0 8.17,-1.476 11.107,-4.427 2.95,-3.053 4.42,-6.772 4.42,-11.3 0,-4.529 -1.47,-8.248 -4.42,-11.199 -2.957,-3.053 -6.699,-4.529 -11.107,-4.529 -4.409,0 -8.17,1.476 -11.102,4.529 -2.953,2.951 -4.429,6.691 -4.429,11.199 0,4.508 1.476,8.247 4.429,11.3 2.952,2.951 6.693,4.427 11.102,4.427 z" fill="#ffffff" id="path1"/>
                                    <path d="m 1063.11,670.188 c 2.64,-6.085 7.76,-9.137 15.14,-9.137 v 11.502 c -4.02,-0.303 -7.56,0.687 -10.61,2.951 -3.06,2.163 -4.53,5.802 -4.53,10.815 v 24.764 h -10.62 V 661.94 h 10.62 z" fill="#ffffff" id="path2"/>
                                    <path d="m 1161.2425,671.54341 -22.75,0.006 V 660.8885 l 33.62,-0.25 v 68.811 l -10.62,9.865 v -16.94 z" fill="#ffffff" id="path5"/>
                                    <path d="m 1250.21,691.031 c 1.58,7.479 7.56,11.603 15.73,11.603 5.6,0 9.83,-2.062 12.68,-6.085 l 8.76,5.115 c -4.82,7.176 -11.99,10.714 -21.54,10.714 -7.97,0 -14.46,-2.467 -19.37,-7.278 -4.92,-4.912 -7.38,-11.098 -7.38,-18.577 0,-7.48 2.46,-13.463 7.28,-18.376 4.81,-5.013 11.1,-7.479 18.68,-7.479 7.18,0 13.09,2.547 17.7,7.56 4.61,5.014 6.97,11.199 6.97,18.376 0,1.091 -0.1,2.547 -0.38,4.427 z m 28.82,-8.652 c -1.48,-7.965 -7.08,-12.089 -14.06,-12.089 -7.87,0 -13.37,4.629 -14.84,12.089 z" fill="#ffffff" id="path7"/>
                                    <path d="m 1176.0022,642.73114 -9.7367,-7.68883 c -0.4054,-0.31856 -0.9571,-0.38621 -1.4272,-0.17368 l -3.9058,1.78104 -3.9059,1.78104 -3.9058,1.78104 -3.9058,1.78104 c -0.1895,0.0868 -0.2183,0.33775 -0.06,0.46825 l 9.7367,7.68883 c 0.4078,0.31856 0.9595,0.3862 1.4296,0.17391 l 3.9033,-1.77835 3.9034,-1.77836 -5.2807,-4.16618 5.2773,4.16549 v 3.00232 l 1.3745,-2.06104 1.1154,0.65631 v -2.73198 l 5.3254,-2.42781 c 0.1895,-0.0868 0.2182,-0.33775 0.057,-0.46321 z" fill="#ffffff" id="path9"/>
                                    <path d="m 1192.21,691.031 c 1.58,7.479 7.56,11.603 15.73,11.603 5.6,0 9.83,-2.062 12.68,-6.085 l 8.76,5.115 c -4.82,7.176 -11.99,10.714 -21.54,10.714 -7.97,0 -14.46,-2.467 -19.37,-7.278 -4.92,-4.912 -7.38,-11.098 -7.38,-18.577 0,-7.48 2.46,-13.463 7.28,-18.376 4.81,-5.013 11.1,-7.479 18.68,-7.479 7.18,0 13.09,2.547 17.7,7.56 4.61,5.014 6.97,11.199 6.97,18.376 0,1.091 -0.1,2.547 -0.38,4.427 z m 28.82,-8.652 c -1.48,-7.965 -7.08,-12.089 -14.06,-12.089 -7.87,0 -13.37,4.629 -14.84,12.089 z" fill="#ffffff" id="path10"/>
                                </g>
                            </svg>
                            </a>
                            <p className="mt-3 text-xs sm:text-sm text-gray-300 dark:text-neutral-400 lg:mr-52">
                                Prejee leverages AI to understand students&apos; needs, streamlining the process of learning for unmatched productivity. Experience the future of AI-driven education.
                            </p>
                        </div>

                        <div className="lg:flex lg:justify-around">
                        <div className="grid grid-cols-2 max-md:grid-cols-3 lg:grid-cols-3 gap-6 mb-10">
                                <div>
                                    <h4 className="text-xs font-semibold text-gray-600 uppercase dark:text-neutral-600">Services</h4>
                                    <div className="mt-3 grid space-y-3 text-sm">
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/educators">For Educators</a></p>
                                        {/* <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/parents">For Parents</a></p> */}
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/contact">Contact Us</a></p>
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/tests">Test Series</a><Badge className="ml-1 px-2 py-0.5 text-[10px] rounded-sm bg-blue-600 dark:text-white-300 h-4 leading-4">New</Badge></p>
                                    </div>
                                </div>
                                <div>
                                    <h4 className="text-xs font-semibold text-gray-600 uppercase dark:text-neutral-600">Company</h4>
                                    <div className="mt-3 grid space-y-3 text-sm">
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/about">About us</a></p>
                                        <p><a href="/labs" className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200">Labs</a> </p>
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/careers">Careers</a> <span className="inline text-blue-600 dark:text-blue-500">— We&apos;re not hiring</span></p>
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/help">Help</a></p>
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/pricing">Pricing</a></p>
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/right-to-education">Right to Education</a></p>
                                    </div>
                                </div>
                                <div>
                                    <h4 className="text-xs font-semibold text-gray-600 uppercase dark:text-neutral-600">Legal</h4>
                                    <div className="mt-3 grid space-y-3 text-sm">
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/privacy">Privacy policy</a></p>
                                        <p><a className="inline-flex gap-x-2 text-gray-300 hover:text-gray-600 focus:outline-none focus:text-gray-600 dark:text-neutral-400 dark:hover:text-neutral-200 dark:focus:text-neutral-200" href="/terms">Terms & Conditions</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div> 
        </section>
    );
};

export default Footer;