Skip to content

Commit ea986eb

Browse files
sidd233sidd233
authored
Merge pull request #41 from JITUDISHA/main
footer and minor fix
2 parents 49259f0 + aa10597 commit ea986eb

File tree

5 files changed

+41
-38
lines changed

5 files changed

+41
-38
lines changed

‎src/components/AboutSection.jsx‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,10 @@ import { siteConfig } from "../config/navbarHero";
33

44
export default function AboutSection() {
55
return (
6-
<section className="bg-white px-4 sm:px-6 md:px-10 lg:px-16 py-12 sm:py-16">
6+
<section
7+
id="about"
8+
className="bg-white px-4 sm:px-6 md:px-10 lg:px-16 py-12 sm:py-16"
9+
>
710
<div className="w-full max-w-[1600px] mx-auto flex flex-col md:flex-row items-center justify-between gap-y-10 gap-x-10 xl:gap-x-12 2xl:gap-x-14">
811
<div className="w-full max-w-[500px] px-2 md:px-0 mt-10 md:mt-0">
912
<img
@@ -29,12 +32,15 @@ export default function AboutSection() {
2932
</p>
3033

3134
<div className="flex flex-col sm:flex-row sm:justify-center md:justify-start items-center mt-6 gap-4">
32-
<Button
33-
className="bg-white text-blue-600 px-10 shadow-lg py-2 rounded-md border border-black transition duration-300 ease-in-out hover:bg-[rgba(6,25,70,1)] hover:text-white"
35+
<a
36+
href="#cards"
37+
role="button"
38+
tabIndex={0}
39+
className=" text-2xl h-12 justify-center items-center flex bg-[rgba(6,25,70,1)] text-[#ccc0c0] underline-offset-4 transition duration-300 ease-in-out hover:bg-none hover:bg-white hover:text-[#061946] font-semibold py-2 px-4 rounded"
3440
style={{ fontFamily: "Helvetica, Arial, sans-serif" }}
3541
>
3642
{siteConfig.about.button}
37-
</Button>
43+
</a>
3844
</div>
3945
</div>
4046
</div>

‎src/components/Achievements.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export default function Achievements() {
1919
solidifying their reputation for excellence in mechanical engineering.
2020
</p>
2121
<button
22-
className="bg-white text-blue-800 border border-blue-800 px-4 py-2 rounded hover:bg-blue-50 md:mb-12"
22+
className="bg-[rgba(6,25,70,1)] text-white border-blue-800 px-4 py-2 rounded hover:bg-blue-50 md:mb-12 hover:text-black"
2323
onClick={() => navigate("/achievements")}
2424
>
2525
View All Achievements &gt;

‎src/components/Footer.jsx‎

Lines changed: 23 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,32 @@
11
import { Link } from "react-router-dom";
2-
import {
3-
FaFacebookF,
4-
FaTwitter,
5-
FaInstagram,
6-
FaLinkedinIn,
7-
} from "react-icons/fa";
2+
import { FaInstagram, FaLinkedinIn } from "react-icons/fa";
83
import { FiMail, FiPhone } from "react-icons/fi";
94
import { GoLocation } from "react-icons/go";
5+
106
const Footer = ({
117
title = "ASME NIT Rourkela Chapter",
128
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.",
13-
149
social = {
1510
instagram: "https://www.instagram.com/asme.nitrkl/",
1611
linkedin: "https://www.linkedin.com/company/asme-nit-rourkela",
1712
},
1813
year = new Date().getFullYear(),
1914
}) => {
2015
return (
21-
<footer className="bg-[#0B2044] text-white px-10 py-8">
22-
<div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
23-
{/* Left Section */}
24-
<div>
25-
<div className="flex gap-4 mb-4 flex-wrap">
16+
<footer className="bg-[#0B2044] text-white px-4 py-8 sm:px-8 sm:py-10 md:px-12 md:py-12">
17+
<div className="max-w-7xl mx-auto grid grid-cols-1 gap-10 sm:gap-12 md:grid-cols-3 md:gap-8">
18+
{/* Logo and Description Section */}
19+
<div className="order-1 md:order-none">
20+
<div className="flex items-center gap-4 mb-6 flex-wrap">
2621
<img
2722
src="https://res.cloudinary.com/dswk9scro/image/upload/v1752377324/Group_cropped_qgqzw9.png"
2823
alt="ASME Logo"
29-
className="w-8 h-8 object-contain"
24+
className="w-12 h-12 object-contain"
3025
/>
31-
<h2 className="text-xl font-bold">{title}</h2>
26+
<h2 className="text-2xl font-bold">{title}</h2>
3227
</div>
33-
34-
<p className="text-sm">{description}</p>
35-
<div className="flex gap-4 mt-4 text-lg">
28+
<p className="text-base mb-6">{description}</p>
29+
<div className="flex gap-6 text-2xl">
3630
<a
3731
href={social.instagram}
3832
aria-label="Instagram"
@@ -52,10 +46,10 @@ const Footer = ({
5246
</div>
5347
</div>
5448

55-
{/* Middle Section */}
56-
<div>
57-
<h3 className="text-xl font-semibold">Quick Links</h3>
58-
<ul className="mt-2 space-y-1 text-sm">
49+
{/* Quick Links Section */}
50+
<div className="order-3 md:order-none">
51+
<h3 className="text-2xl font-semibold mb-6">Quick Links</h3>
52+
<ul className="space-y-3 text-base">
5953
<li>
6054
<Link to="/team" className="hover:underline">
6155
Team
@@ -79,20 +73,20 @@ const Footer = ({
7973
</ul>
8074
</div>
8175

82-
{/* Right Section */}
83-
<div>
84-
<h3 className="text-xl font-semibold">Contact Info</h3>
85-
<div className="text-sm mt-4 text-white space-y-4">
76+
{/* Contact Info Section */}
77+
<div className="order-2 md:order-none">
78+
<h3 className="text-2xl font-semibold mb-6">Contact Info</h3>
79+
<div className="text-base space-y-6">
8680
<div className="flex items-center gap-4">
87-
<FiMail className=" text-[#51B8F2] text-xl hover:text-white transition" />
81+
<FiMail className="text-[#51B8F2] text-2xl hover:text-white transition" />
8882
<span>asme.nitrkl@gmail.com</span>
8983
</div>
9084
<div className="flex items-center gap-4">
91-
<FiPhone className="text-[#51B8F2] text-xl hover:text-white transition" />
85+
<FiPhone className="text-[#51B8F2] text-2xl hover:text-white transition" />
9286
<span>+91-1234567890</span>
9387
</div>
9488
<div className="flex items-start gap-4">
95-
<GoLocation className=" text-[#51B8F2] text-xl mt-1 hover:text-white transition" />
89+
<GoLocation className="text-[#51B8F2] text-2xl mt-1 hover:text-white transition" />
9690
<span>
9791
National Institute of Technology Rourkela, <br /> Odisha -
9892
769008
@@ -102,7 +96,7 @@ const Footer = ({
10296
</div>
10397
</div>
10498

105-
<div className="text-center text-sm mt-8 border-t border-white/20 pt-4">
99+
<div className="text-center text-base mt-10 border-t border-white/20 pt-6">
106100
© {year} {title}. All rights reserved.
107101
</div>
108102
</footer>

‎src/components/HeroSection.jsx‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,15 @@ export default function HeroSection() {
3434
>
3535
{siteConfig.hero.primaryButton}
3636
</Button>
37-
<Button
38-
className="bg-transparent text-[rgba(55,115,236,1)] underline-offset-4 transition duration-300 ease-in-out hover:bg-[rgba(55,115,236,1)] hover:text-white "
37+
<a
38+
href="#about"
39+
role="button"
40+
tabIndex={0}
41+
className=" h-12 justify-center items-center flex bg-gradient-to-r from-blue-900 to-blue-950 text-[#e2cede] underline-offset-4 transition duration-300 ease-in-out hover:bg-none hover:bg-white hover:text-[#061946] font-semibold py-2 px-4 rounded"
3942
style={{ fontFamily: "Helvetica, Arial, sans-serif" }}
4043
>
4144
{siteConfig.hero.secondaryLink}
42-
</Button>
45+
</a>
4346
</div>
4447
</div>
4548

‎src/components/MissionSection.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { siteConfig } from "../config/navbarHero";
33

44
export default function MissionSection() {
55
return (
6-
<section className="w-full bg-white py-20 flex justify-center">
6+
<section id="cards" className="w-full bg-white py-20 flex justify-center">
77
<div className="w-full max-w-none mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 max-[1250px]:px-6 gap-14 place-items-center">
88
{siteConfig.missions.map(({ title, description }, index) => (
99
<MissionCard key={index} title={title} description={description} />

0 commit comments

Comments
 (0)