Merge branch 'main' of https://github.com/Robotics-Club-IIT-BHU/Robot…

…ics_Club_Website_24-25

frontend/src/App.jsx

@@ -1,6 +1,6 @@
-import React from 'react'
+// import React from 'react'
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
-import HomePage from "./pages/homepage";
+import Home from "./pages/Home";
 import About from './pages/About';
 import Blogs from './pages/blogs';
 import BlogPage from './pages/blogspage';
@@ -9,7 +9,7 @@ const App = () => {
   return (
     <BrowserRouter>
       <Routes>
-        <Route path="/" element={<HomePage />} />
+        <Route path="/" element={<Home />} />
         <Route path="/about" element={<About />} />
         <Route path="/blogs" element={<Blogs />} />
         <Route path="/blogpage" element={<BlogPage/>}/>

frontend/src/components/Background.jsx

@@ -110,7 +110,7 @@ const Background = () => {
               </svg>
             </div>
           </div>
-          <div className="flex justify-between mt-60">
+          <div className="flex justify-between mt-30">
             <div className="flex flex-col">
               <svg
                 width="649"

frontend/src/components/navbar.css

@@ -1,18 +1,16 @@
-.gradient-border {
+.gradient-roboreg{
     position: relative;
     display: inline-block;
     list-style-type: none;
     text-transform: capitalize;
     color: aliceblue;
     font-size: larger;
     font-family: "helvetica",sans-serif;
-    padding: 5px;
     border: 3px solid;
-    border-image-source: linear-gradient(90deg ,#FF6B00 0%,#8F3DE2 100%);
+    border-image-source: linear-gradient(90deg ,#6EE7B7 0%, #2563EB 100%);
     border-image-slice: 1;
-
-     } 
-.gradient-roboreg{
+}
+.gradient-card{
     position: relative;
     display: inline-block;
     list-style-type: none;
@@ -21,7 +19,23 @@
     font-size: larger;
     font-family: "helvetica",sans-serif;
     border: 3px solid;
-    border-image-source: linear-gradient(90deg ,#6EE7B7 0%, #2563EB 100%);
+    border-image-source: linear-gradient(180deg ,#6EE7B7 0%, #2563EB 100%);
     border-image-slice: 1;
-
+}
+.gradient-border {
+    position: relative;
+    display: flex;
+    justify-content: center; 
+    align-items: center;
+    border-radius: 25px; 
+    padding: 0.5px; 
+    background: linear-gradient(90deg, #6EE7B7 0%, #2563EB 100%); 
+}
+
+.rounded-image {
+    border-radius: 25px; 
+    display: block; 
+    width: 100%; 
+    height: auto; 
+    border: 2px solid transparent; 
 }

frontend/src/index.css

@@ -11,3 +11,8 @@ a{
 nav{
   @apply z-10;
 }
+.card{
+  @apply bg-gray-800 rounded-lg p-4  w-[280px] h-[350px];
+}
+
+/* border-4 border-transparent hover:border-blue-500 hover:border-opacity-100 transition duration-500 ease-in-out */

frontend/src/pages/blogspage.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+// import React from 'react';
 import Navbar from "../components/Navbar";
 import Background from '../components/Background';
 import Footer from "../components/Footer";