feat: Fix V1.1 [ Connected Home , Optimized for displays ]

Data-Science-Community-SRM · Sep 19, 2024 · 7419d4d · 7419d4d
1 parent b045e42
commit 7419d4d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
@@ -52,7 +52,7 @@ const Home: React.FC = () => {
                 Data Science Community Recruitments
             </title>
             <Header />
-            <main className="container mx-auto px-4 py-8">
+            <main className="container mx-auto px-4 py-8 flex flex-col">
                 <motion.h1
                     initial={{ x: -100, opacity: 0 }}
                     animate={{ x: 0, opacity: 1 }}
@@ -65,20 +65,20 @@ const Home: React.FC = () => {
                     className="text-3xl sm:text-5xl lg:text-6xl font-bold mb-8 text-center"
                 >
                 </motion.h1>
-                <Introduction />
+                <section id="home" className="flex-grow">
+                    <Introduction />
+                </section>
                 <History />
                 <section id="domain">
                     <div className="mt-36">
                         <Domain/>
                     </div>
-
                 </section>
-
                 <Hero/>
             </main>
             <Footer/>
         </div>
     );
 };
 
-export default Home;
+export default Home;
diff --git a/client/src/components/home/header.tsx b/client/src/components/home/header.tsx
@@ -79,7 +79,7 @@ const Header: React.FC = () => {
 
                 <nav className="hidden sm:flex">
                     <motion.a
-                        href="#"
+                        href="/"
                         className="mx-2 px-4 py-2 text-sm rounded-full bg-[#8B55E9] bg-opacity-20 hover:bg-opacity-50 transition-colors duration-300"
                         whileHover={{ scale: 1.05 }}
                         whileTap={{ scale: 0.95 }}
@@ -88,10 +88,11 @@ const Header: React.FC = () => {
                     </motion.a>
                     <motion.a
                         onClick={scrollToDomain}
-                        className="mx-2 px-4 py-2 text-sm rounded-full bg-[#8B55E9] bg-opacity-20 hover:bg-opacity-50 transition-colors duration-300 cursor-pointer"
+                        className="mx-2 px-4 py-2 text-sm rounded-full font-semibold text-white bg-[#4B2995] hover:shadow-lg hover:shadow-[#A774FF]/50 transition-all duration-300 cursor-pointer relative"
                         whileHover={{ scale: 1.05 }}
                         whileTap={{ scale: 0.95 }}
                     >
+                        <span className="absolute inset-0 bg-gradient-to-r from-[#A774FF] to-[#D9B2FF] rounded-full opacity-50 blur-md"></span>
                         Apply Now
                     </motion.a>
                 </nav>
@@ -100,4 +101,4 @@ const Header: React.FC = () => {
     );
 };
 
-export default Header;
+export default Header;