Home page Updates #81
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,55 +1,124 @@ | ||
| import React, { useEffect } from "react"; | ||
| import { Link } from "react-router-dom"; | ||
| import logo from "../../images/Logo_transparentbg.png"; | ||
| import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; | ||
| import { faUserGraduate, faChalkboardTeacher } from "@fortawesome/free-solid-svg-icons"; | ||
| import SEO from "../components/SEO.tsx"; | ||
| import AOS from "aos"; | ||
| import "aos/dist/aos.css"; | ||
|
|
||
| const Home = ({ signOut, signIn }) => { | ||
|
Check failure on line 10 in src/shared/pages/Home.tsx
|
||
| useEffect(() => { | ||
| // Initialize AOS | ||
| AOS.init(); | ||
| }, []); | ||
|
|
||
| return ( | ||
| <section className="relative min-h-screen bg-white flex flex-col justify-between overflow-hidden"> | ||
| {/* SEO */} | ||
| <SEO title="Labconnect" description="Labconnect home page" /> | ||
|
|
||
| {/* Header Section */} | ||
| <div className="relative container mx-auto text-center py-16 z-10"> | ||
| {/* Logo */} | ||
| <div className="flex justify-center mb-8"> | ||
| <img src={logo} alt="LabConnect Logo" className="w-48 md:w-64" /> | ||
| </div> | ||
|
|
||
| {/* Headline */} | ||
| <h1 className="text-6xl font-extrabold text-gray-800 mb-4 drop-shadow-lg"> | ||
| Welcome to LabConnect! | ||
| </h1> | ||
| <p className="text-xl text-gray-600 mb-12 drop-shadow-md"> | ||
| Your gateway to lab and research opportunities on campus. | ||
| </p> | ||
|
|
||
| {/* Call to Action Button */} | ||
| <Link | ||
| to="/jobs" | ||
| className="btn btn-lg bg-gradient-to-r from-blue-500 to-indigo-500 text-white font-semibold py-3 px-6 rounded-full shadow-lg hover:shadow-xl transform hover:scale-105 transition-all" | ||
| > | ||
| Explore Opportunities | ||
| </Link> | ||
| </div> | ||
|
|
||
| {/* Info Section */} | ||
| <div className="relative bg-white py-16 shadow-inner z-10"> | ||
| <div className="container mx-auto text-center"> | ||
| <div className="grid grid-cols-1 md:grid-cols-2 gap-8 px-6"> | ||
| {/* Students Card */} | ||
| <div | ||
| className="p-8 bg-gray-50 rounded-lg shadow-lg transition-all hover:rotate-3 hover:bg-gradient-to-r from-blue-50 to-indigo-50" | ||
| data-aos="fade-up" | ||
| data-aos-duration="800" | ||
| > | ||
| <FontAwesomeIcon icon={faUserGraduate} className="text-6xl text-blue-600 mb-4" /> | ||
| <h2 className="text-3xl font-semibold text-blue-600 mb-2"> | ||
| For Students | ||
| </h2> | ||
| <p className="text-lg text-gray-700 mb-4"> | ||
| Browse available research opportunities and connect with professors to kickstart your lab experience. | ||
| </p> | ||
| <Link | ||
| to="/students" | ||
| className="btn btn-md bg-blue-500 text-white py-2 px-4 rounded-full shadow-md hover:bg-blue-600 transition-all" | ||
| > | ||
| Learn More | ||
| </Link> | ||
| </div> | ||
|
|
||
| {/* Professors & Staff Card */} | ||
| <div | ||
| className="p-8 bg-gray-50 rounded-lg shadow-lg transition-all hover:rotate-3 hover:bg-gradient-to-r from-indigo-50 to-purple-50" | ||
| data-aos="fade-up" | ||
| data-aos-duration="800" | ||
| data-aos-delay="200" | ||
| > | ||
| <FontAwesomeIcon icon={faChalkboardTeacher} className="text-6xl text-indigo-600 mb-4" /> | ||
| <h2 className="text-3xl font-semibold text-indigo-600 mb-2"> | ||
| For Professors & Staff | ||
| </h2> | ||
| <p className="text-lg text-gray-700 mb-4"> | ||
| Post research openings and find talented students eager to contribute to your projects. | ||
| </p> | ||
| <Link | ||
| to="/professors" | ||
| className="btn btn-md bg-indigo-500 text-white py-2 px-4 rounded-full shadow-md hover:bg-indigo-600 transition-all" | ||
| > | ||
| Learn More | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| {/* Footer Section */} | ||
| <footer className="bg-gray-900 text-gray-100 py-8"> | ||
| <div className="container mx-auto text-center"> | ||
| <p className="text-sm"> | ||
| © 2024 LabConnect. All Rights Reserved. | <Link to="/privacy" className="text-blue-400 hover:underline">Privacy Policy</Link> | ||
| </p> | ||
| <div className="flex justify-center mt-4 space-x-4"> | ||
| <Link to="https://facebook.com" className="text-gray-400 hover:text-gray-200 transition-all"> | ||
| <FontAwesomeIcon icon={["fab", "facebook"]} size="2x" /> | ||
| </Link> | ||
| <Link to="https://twitter.com" className="text-gray-400 hover:text-gray-200 transition-all"> | ||
| <FontAwesomeIcon icon={["fab", "twitter"]} size="2x" /> | ||
| </Link> | ||
| <Link to="https://linkedin.com" className="text-gray-400 hover:text-gray-200 transition-all"> | ||
| <FontAwesomeIcon icon={["fab", "linkedin"]} size="2x" /> | ||
| </Link> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| {/* Background Elements */} | ||
| <div className="absolute inset-0 bg-gradient-to-b from-indigo-200 to-blue-300 opacity-30 z-0"></div> | ||
| <div className="absolute top-0 left-0 w-72 h-72 bg-indigo-400 rounded-full opacity-20 blur-3xl -z-10"></div> | ||
| <div className="absolute bottom-0 right-0 w-72 h-72 bg-blue-400 rounded-full opacity-20 blur-3xl -z-10"></div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default Home; | ||
|
|
||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure what signOut and signIn are but there is a new AuthContext for knowing if someone is authenticated, make sure to fix any listing errors