fix: major fixes

sidd233 · sidd233 · commit c4e168c1acbf · 2025-07-16T17:06:10.000+05:30
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,17 +1,15 @@
-import React from "react";
-import SponsorsSection from "../src/pages/landing-page/sponsor";
-import TeamSlider from "../src/pages/landing-page/Team";
-import teamMembers from "../src/config/teammate";
-import TeamPage from "../src/pages/landing-page/TeamPage";
+import Footer from "./components/Footer.jsx";
+import Navbar from "./components/Navbar.jsx";
+import { Outlet } from "react-router";
 
-function App() {
+const App = () => {
   return (
     <>
-      <SponsorsSection />
-      <TeamSlider />
-      <TeamPage teamMembers={teamMembers} />
+      <Navbar />
+      <Outlet />
+      <Footer />
     </>
   );
-}
+};
 
 export default App;
diff --git a/src/Playground.jsx b/src/Playground.jsx
@@ -1,4 +1,5 @@
-import Navbar from "./components/playground/Navbar.jsx";
+import Footer from "./components/Footer.jsx";
+import Navbar from "./components/Navbar.jsx";
 import { Outlet } from "react-router";
 
 const Playground = () => {
diff --git a/src/components/AboutSection.jsx b/src/components/AboutSection.jsx
@@ -1,5 +1,5 @@
-import Button from "../shared/Button";
-import { siteConfig } from "../../config/navbarHero";
+import Button from "./shared/Button";
+import { siteConfig } from "../config/navbarHero";
 
 export default function AboutSection() {
   return (
diff --git a/src/components/AchievementCard.jsx b/src/components/AchievementCard.jsx
diff --git a/src/components/Achievements.jsx b/src/components/Achievements.jsx
@@ -1,12 +1,12 @@
 import { useNavigate } from "react-router";
-import achievementsData from "../../config/achievement";
+import achievementsData from "../config/achievement";
 
 export default function Achievements() {
   const navigate = useNavigate();
 
   return (
     <div className="px-4 md:px-12 py-8 max-w-screen-xl mx-auto">
-      <div style={{ marginBottom: "12rem" }}>
+      <div className="md:mb-48 mb-12">
         <h2 className="text-3xl font-bold text-blue-900 mb-4">
           Our Achievements
         </h2>
@@ -19,7 +19,7 @@ export default function Achievements() {
           solidifying their reputation for excellence in mechanical engineering.
         </p>
         <button
-          className="bg-white text-blue-800 border border-blue-800 px-4 py-2 rounded hover:bg-blue-50 mb-12"
+          className="bg-white text-blue-800 border border-blue-800 px-4 py-2 rounded hover:bg-blue-50 md:mb-12"
           onClick={() => navigate("/achievementpage")}
         >
           View All Achievements &gt;
@@ -30,11 +30,11 @@ export default function Achievements() {
         <div className="hidden md:block absolute top-1/2 left-0 w-full h-1 bg-black -translate-y-1/2 z-0"></div>
         <div className="md:hidden absolute left-2 top-0 h-full w-1 bg-black z-0"></div>
 
-        <div className="flex flex-col md:flex-row items-start md:items-center justify-between relative z-10">
+        <div className="flex flex-col md:flex-row items-start md:items-center justify-between relative z-10 md:mb-60">
           {achievementsData.map((item, index) => (
             <div
               key={index}
-              className={`w-full md:w-1/4 px-4 mb-16 md:mb-0 flex md:flex-col items-start md:items-center relative`}
+              className={`w-full md:w-1/4 px-4 md:mb-0 flex md:flex-col items-start md:items-center relative`}
             >
               <div className="absolute md:static left-0 md:left-auto top-2 md:top-auto md:mb-4 transform -translate-y-1/2 md:translate-y-1/2 w-4.5 h-4.5 bg-black border-2 border-white rounded-full z-20"></div>
 
diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -1,14 +1,12 @@
-// src/components/Footer.jsx
 import { Link } from "react-router-dom";
-import React from "react";
 import {
   FaFacebookF,
   FaTwitter,
   FaInstagram,
   FaLinkedinIn,
 } from "react-icons/fa";
-import { FiMail, FiPhone } from "react-icons/fi"; // Feather Icons
-import { GoLocation } from "react-icons/go"; //location icons
+import { FiMail, FiPhone } from "react-icons/fi";
+import { GoLocation } from "react-icons/go";
 const Footer = ({
   title = "ASME NIT Rourkela Chapter",
   description = "The American Society of Mechanical Engineers Student Chapter at NIT Rourkela, fostering a culture of innovation and technical learning through innovation, collaboration, and hands-on learning.",
diff --git a/src/components/GallerySection.jsx b/src/components/GallerySection.jsx
@@ -1,5 +1,5 @@
-import TButton from "../shared/TertiaryButton";
-import images from "../../config/galary";
+import TButton from "./shared/TertiaryButton";
+import images from "../config/galary";
 
 export default function GalarySection() {
   const getRandomImages = () => {
diff --git a/src/components/HeroSection.jsx b/src/components/HeroSection.jsx
@@ -1,5 +1,5 @@
-import Button from "../shared/Button";
-import { siteConfig } from "../../config/navbarHero";
+import Button from "./shared/Button";
+import { siteConfig } from "../config/navbarHero";
 
 export default function HeroSection() {
   return (
diff --git a/src/components/MissionCard.jsx b/src/components/MissionCard.jsx
diff --git a/src/components/MissionSection.jsx b/src/components/MissionSection.jsx
@@ -1,5 +1,5 @@
 import MissionCard from "./MissionCard";
-import { siteConfig } from "../../config/navbarHero";
+import { siteConfig } from "../config/navbarHero";
 
 export default function MissionSection() {
   return (
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -1,5 +1,5 @@
-import { siteConfig } from "../../config/navbarHero";
-import Button from "../shared/Button";
+import { siteConfig } from "../config/navbarHero";
+import Button from "./shared/Button";
 import { useState } from "react";
 
 export default function Navbar() {
diff --git a/src/components/Sponsor.jsx b/src/components/Sponsor.jsx
@@ -1,6 +1,6 @@
-import React, { useRef, useEffect, useState } from "react";
+import { useRef, useEffect, useState } from "react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import sponsors from "../../config/sponsors";
+import sponsors from "../config/sponsors";
 import "./sponsor.css";
 
 const SponsorsSection = () => {
@@ -91,7 +91,7 @@ const SponsorsSection = () => {
                 className="flex-shrink-0 px-2 box-border"
                 style={{ width: `${100 / visibleCount}%` }}
               >
-                <div className="h-64 bg-white flex items-center justify-center rounded transition duration-300 transform hover:-translate-y-2 hover:shadow-xl cursor-pointer border-2">
+                <div className="h-64 bg-white flex items-center justify-center rounded transition duration-300 transform hover:shadow-xl cursor-pointer border-2">
                   <img
                     src={sponsor.image}
                     alt={sponsor.name}
diff --git a/src/components/Team.jsx b/src/components/Team.jsx
@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from "react";
-import teamMembers from "../../config/teammate";
+import { useState, useEffect } from "react";
+import teamMembers from "../config/teammate";
 import { FaLinkedin, FaXTwitter } from "react-icons/fa6";
 
 const TeamSlider = () => {
diff --git a/src/components/Test.jsx b/src/components/Test.jsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 const Test = () => {
   return <div>Test</div>;
 };
diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from "react";
-import AchievementCard from "./achievementCard";
-import achievementsData from "./achievement";
+import AchievementCard from "./AchievementCard";
+import achievementsData from "../config/achievement";
 
 const Timeline = () => {
   const timelineRef = useRef(null);
diff --git a/src/components/sponsor.css b/src/components/sponsor.css
diff --git a/src/config/achievement.js b/src/config/achievement.js
diff --git a/src/config/navbarHero.js b/src/config/navbarHero.js
@@ -2,7 +2,7 @@ export const siteConfig = {
   navigation: {
     logo: "https://res.cloudinary.com/dwjcki9ey/image/upload/v1752133616/Group2_e25wne.png",
     links: [
-      { name: "About us", href: "/about" },
+      { name: "Home", href: "/" },
       { name: "Team", href: "/team" },
       { name: "Events", href: "/events" },
       { name: "Achievements", href: "/achievements" },
diff --git a/src/main.jsx b/src/main.jsx
@@ -3,29 +3,24 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import { BrowserRouter, Route, Routes } from "react-router";
 import App from "./App.jsx";
-import Footer from "./components/playground/Footer.jsx";
-import Playground from "./Playground.jsx";
-import Test from "./components/playground/Test.jsx";
-import Home from "./pages/playground/landing-page/Home.jsx";
-import GalarySection from "./components/playground/GalarySection.jsx";
-import GallaryPage from "./pages/gallary/Gallary.jsx";
-import Achievements from "./pages/playground/Achievements.jsx";
-import AchievementPage from "./pages/playground/AchievementPage.jsx";
-import Events from "./pages/playground/landing-page/Events.jsx";
+import Test from "./components/Test.jsx";
+import Home from "./pages/landing-page/Home.jsx";
+import GallaryPage from "./pages/gallery/Gallery.jsx";
+import Events from "./pages/events/Events.jsx";
+import AchievementPage from "./pages/achievements/AchievementPage.jsx";
+import TeamPage from "./pages/team/TeamPage.jsx";
 
 createRoot(document.getElementById("root")).render(
   <StrictMode>
     <BrowserRouter>
       <Routes>
-        <Route index element={<App />}></Route>
-        <Route path="playground" element={<Playground />}>
+        <Route path="/" element={<App />}>
           <Route index element={<Home />} />
           <Route path="test" element={<Test />} />
-          <Route path="galary" element={<GalarySection />} />
-          <Route path="galaryPage" element={<GallaryPage />} />
+          <Route path="gallery" element={<GallaryPage />} />
           <Route path="events" element={<Events />} />
-          <Route path="achievement" element={<Achievements />} />
-          <Route path="achievementpage" element={<AchievementPage />} />
+          <Route path="achievements" element={<AchievementPage />} />
+          <Route path="team" element={<TeamPage />} />
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/src/pages/achievements/AchievementPage.jsx b/src/pages/achievements/AchievementPage.jsx
@@ -1,4 +1,4 @@
-import Timeline from "../../config/timeline";
+import Timeline from "../../components/Timeline";
 
 const AchievementPage = () => {
   return (
diff --git a/src/pages/events/Events.jsx b/src/pages/events/Events.jsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import EventCard from "../../../components/playground/EventCard";
+import EventCard from "../../components/EventCard";
 
 const Events = () => {
   const [filter, setFilter] = useState("all");
@@ -52,7 +52,7 @@ const Events = () => {
       <img
         src="https://res.cloudinary.com/dswk9scro/image/upload/v1752312233/image_1_nydvj8.png"
         alt="events"
-        className="mx-auto w-full max-w-xl rounded-xl shadow-md object-cover"
+        className="mx-auto my-12 w-full max-w-xl rounded-xl shadow-md object-cover"
       />
       <div className="text-center">
         <h2 className="text-3xl font-bold text-[#0B2044]">
diff --git a/src/pages/gallery/Gallery.jsx b/src/pages/gallery/Gallery.jsx
diff --git a/src/pages/landing-page/Home.jsx b/src/pages/landing-page/Home.jsx
@@ -0,0 +1,25 @@
+import HeroSection from "../../components/HeroSection";
+import AboutSection from "../../components/AboutSection";
+import MissionSection from "../../components/MissionSection";
+import SponsorsSection from "../../components/Sponsor";
+import Achievements from "../../components/Achievements";
+import TeamSlider from "../../components/Team";
+import GalarySection from "../../components/GallerySection";
+
+const Home = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      <main>
+        <HeroSection />
+        <AboutSection />
+        <MissionSection />
+        <SponsorsSection />
+        <Achievements />
+        <TeamSlider />
+        <GalarySection />
+      </main>
+    </div>
+  );
+};
+
+export default Home;
diff --git a/src/pages/playground/landing-page/Home.jsx b/src/pages/playground/landing-page/Home.jsx
diff --git a/src/pages/team/TeamPage.jsx b/src/pages/team/TeamPage.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { FaLinkedin, FaXTwitter } from "react-icons/fa6";
 import container from "../../assets/Frame 142.png";
 
