diff --git a/.gitignore b/.gitignore index 20fccdd..4752da1 100644 --- a/.gitignore +++ b/.gitignore @@ -24,7 +24,7 @@ yarn-debug.log* yarn-error.log* # local env files -.env.local +.env.local .env.development.local .env.test.local .env.production.local diff --git a/components/Aboutus.jsx b/components/Aboutus.jsx new file mode 100644 index 0000000..e6981e8 --- /dev/null +++ b/components/Aboutus.jsx @@ -0,0 +1,179 @@ +import React, { useState, useEffect, useRef } from 'react'; +import Head from 'next/head'; +import { useCurrentUser } from '../lib/hooks'; +import { useRouter } from 'next/router'; +import { CalendarIcon, ChartBarIcon, FolderIcon, HomeIcon, InboxIcon, UsersIcon, MapIcon, BuildingLibraryIcon} from '@heroicons/react/24/outline'; + +const DashboardSection = () => { + const [user, { mutate }] = useCurrentUser(); + const [loading, isLoading] = useState(false); + const nameRef = useRef(); + const bioRef = useRef(); + const profilePictureRef = useRef(); + const [msg, setMsg] = useState({ message: '', isError: false }); + const router = useRouter(); + + const stats = [ + + + { label: 'Founded', value: '2021' }, + { label: 'Employees', value: '5' }, + { label: 'Beta Users', value: '521' }, + { label: 'Raised', value: '$25M' }, + ] + /**useEffect(() => { + if (!user) { + router.push('/'); + } else { + nameRef.current.value = user.name; + bioRef.current.value = user.bio; + } + }, [user]);**/ + + const navigation = [ + { name: 'Dashboard', icon: HomeIcon, href: '#', current: true }, + { name: 'Universities', icon: BuildingLibraryIcon, href: 'universities', count: 4, current: false }, + { name: 'records requests', icon: CalendarIcon, href: 'records', current: false }, + { name: 'Posters', icon: InboxIcon, href: 'posters', current: false }, + { name: 'Rewards Rules', icon: ChartBarIcon, href: '#', count: 12, current: false }, + ] + + function classNames(...classes) { + return classes.filter(Boolean).join(' ') + } + + return ( + <> + + About Us + +
+
+
+ + + ); +}; + + +const DashboardPage = () => { + const [user] = useCurrentUser(); + return ( + <> + + + ); +}; +export default DashboardPage; \ No newline at end of file diff --git a/components/Contactus.jsx b/components/Contactus.jsx new file mode 100644 index 0000000..a2612c9 --- /dev/null +++ b/components/Contactus.jsx @@ -0,0 +1,481 @@ +import React, { useState, useEffect, useRef, Fragment } from 'react'; +import Head from 'next/head'; +import { useCurrentUser } from '../lib/hooks'; +import { useRouter } from 'next/router'; +import { Bars3Icon, XMarkIcon, EnvelopeIcon, PhoneIcon} from '@heroicons/react/24/outline'; +import { Popover, Transition } from '@headlessui/react'; + +const ContactUSSection = () => { + const [user, { mutate }] = useCurrentUser(); + const [loading, isLoading] = useState(false); + const nameRef = useRef(); + const bioRef = useRef(); + const profilePictureRef = useRef(); + const [msg, setMsg] = useState({ message: '', isError: false }); + const router = useRouter(); + + /**useEffect(() => { + if (!user) { + router.push('/'); + } else { + nameRef.current.value = user.name; + bioRef.current.value = user.bio; + } + }, [user]);**/ + const navigation = [ + + + { name: 'Changelog', href: '#' }, + { name: 'About', href: '#' }, + { name: 'Partners', href: '#' }, + { name: 'News', href: '#' }, + ] + const offices = [ + + + { id: 1, city: 'Los Angeles', address: ['4556 Brendan Ferry', 'Los Angeles, CA 90210'] }, + { id: 2, city: 'New York', address: ['886 Walter Streets', 'New York, NY 12345'] }, + { id: 3, city: 'Toronto', address: ['7363 Cynthia Pass', 'Toronto, ON N3Y 4H8'] }, + { id: 4, city: 'London', address: ['114 Cobble Lane', 'London N1 2EF'] }, + ] + const footerNavigation = { + + + solutions: [ + { name: 'Marketing', href: '#' }, + { name: 'Analytics', href: '#' }, + { name: 'Commerce', href: '#' }, + { name: 'Insights', href: '#' }, + ], + support: [ + { name: 'Pricing', href: '#' }, + { name: 'Documentation', href: '#' }, + { name: 'Guides', href: '#' }, + { name: 'API Status', href: '#' }, + ], + company: [ + { name: 'About', href: '#' }, + { name: 'Blog', href: '#' }, + { name: 'Jobs', href: '#' }, + { name: 'Press', href: '#' }, + { name: 'Partners', href: '#' }, + ], + legal: [ + { name: 'Claim', href: '#' }, + { name: 'Privacy', href: '#' }, + { name: 'Terms', href: '#' }, + ], + social: [ + { + name: 'Facebook', + href: '#', + icon: (props) => ( + + + + ), + }, + { + name: 'Instagram', + href: '#', + icon: (props) => ( + + + + ), + }, + { + name: 'Twitter', + href: '#', + icon: (props) => ( + + + + ), + }, + { + name: 'GitHub', + href: '#', + icon: (props) => ( + + + + ), + }, + { + name: 'Dribbble', + href: '#', + icon: (props) => ( + + + + ), + }, + ], + } + return ( + <> + + Contact US + +
+
+ {/* Header */} +
+
+
+

+ Get in touch +

+

+ Vel nunc non ut montes, viverra tempor. Proin lectus nibh phasellus morbi non morbi. In elementum urna + ut volutpat. Sagittis et vel et fermentum amet consequat. +

+
+
+
+ + {/* Contact section */} +
+