-
+ {/*
200+
diff --git a/src/components/homecomponents/homeheroimg.jsx b/src/components/homecomponents/homeheroimg.jsx
index 6710b30..f8549ba 100644
--- a/src/components/homecomponents/homeheroimg.jsx
+++ b/src/components/homecomponents/homeheroimg.jsx
@@ -1,36 +1,105 @@
-import React from "react"
+import React, { useEffect, useState } from "react"
import { StaticImage } from "gatsby-plugin-image"
+import { motion, AnimatePresence } from "framer-motion"
-const HomeHeroImg = () => (
-
-
Thank you for checking us out, hope we could be of help. Please do @@ -108,7 +108,7 @@ const Footer = () => {
-
+
*/}
+
Societies
@@ -147,6 +147,14 @@ const Footer = () => {
PELS
+
+
+ IES
+
+
diff --git a/src/components/header.jsx b/src/components/header.jsx
index d8b7aad..c7058c5 100644
--- a/src/components/header.jsx
+++ b/src/components/header.jsx
@@ -1,7 +1,7 @@
import * as React from "react"
import PropTypes from "prop-types"
import { Link } from "gatsby"
-import { throttle } from "lodash"
+//import { throttle } from "lodash"
import { StaticImage } from "gatsby-plugin-image"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faBars, faCaretDown } from "@fortawesome/free-solid-svg-icons"
@@ -9,21 +9,21 @@ import { faBars, faCaretDown } from "@fortawesome/free-solid-svg-icons"
import SideBar from "./sidebar"
const Header = ({ route }) => {
- const [scrollPosition, setScrollPosition] = React.useState(0)
+ //const [scrollPosition, setScrollPosition] = React.useState(0)
const [isOpen, setIsOpen] = React.useState(false) // for sidebar
- React.useEffect(() => {
- window.addEventListener("scroll", throttle(handleScroll, 100))
+ // React.useEffect(() => {
+ // window.addEventListener("scroll", throttle(handleScroll, 100))
- return () => {
- window.removeEventListener("scroll", throttle(handleScroll, 100))
- }
- }, [])
+ // return () => {
+ // window.removeEventListener("scroll", throttle(handleScroll, 100))
+ // }
+ // }, [])
- const handleScroll = () => {
- const position = window.pageYOffset
- setScrollPosition(position)
- }
+ // const handleScroll = () => {
+ // const position = window.pageYOffset
+ // setScrollPosition(position)
+ // }
const NavLink = props => {
return (
@@ -131,17 +131,17 @@ const Header = ({ route }) => {
<>
Home
Chapters
-
+ {/*
Webwiz Challenge
Cell me the Answer
- {/*
+
Survey
- */}
-
+
+ */}
Execom
- Blogs
+ {/* Blogs */}
Scholarships
Join IEEE
@@ -154,14 +154,16 @@ const Header = ({ route }) => {
{/* Header to be displayed after 100px */}
100
- ? { transform: "translate(0, 10rem)" }
- : {}
- }
+ className={"bg-white fixed w-full shadow rounded-b-lg px-6 z-30 transition-transform duration-500 "
+ // ${
+ // route === "/" ? "top-0" : "top-0"
+ // }`
+ }
+ // style={
+ // route === "/" && scrollPosition > 100
+ // ? { transform: "translate(0, 10rem)" }
+ // : {}
+ // }
>
@@ -201,47 +204,7 @@ const Header = ({ route }) => {
{/* Header to be displayed first if homepage */}
- {route === "/" ? (
-
-
- ) : (
- ""
- )}
+
)
}
diff --git a/src/components/homecomponents/homeaboutus.jsx b/src/components/homecomponents/homeaboutus.jsx
index 5e31ce0..699c8ca 100644
--- a/src/components/homecomponents/homeaboutus.jsx
+++ b/src/components/homecomponents/homeaboutus.jsx
@@ -30,16 +30,22 @@ const HomeAboutUs = () => (
@@ -171,7 +173,8 @@ const Header = ({ route }) => { src="https://ik.imagekit.io/theg0g1wy/IEEE_web/IEEEGECTLOGO_purple.png?updatedAt=1718441483497" quality={100} placeholder="tracedSVG" - formats={["AUTO", "WEBP", "AVIF"]} + //formats={["AUTO", "WEBP", "AVIF"]} + formats={["AUTO", "WEBP"]} alt="logo" />
-
-
-
-
- {/* Sidebar button before md */}
- {!isOpen ? (
-
-
-
-
-
-
- {/* Sidebar button before md */}
- {!isOpen ? (
-
-
-
- ) : (
- ""
- )}
-
- {/* Links displayed after md */}
- -
- {Navlinks}
-
- 8 + 9
Societies
+
+ {/* + 1 +
+Affinity group
+35
Awards
-
200+
diff --git a/src/components/homecomponents/homeheroimg.jsx b/src/components/homecomponents/homeheroimg.jsx
index 6710b30..f8549ba 100644
--- a/src/components/homecomponents/homeheroimg.jsx
+++ b/src/components/homecomponents/homeheroimg.jsx
@@ -1,36 +1,105 @@
-import React from "react"
+import React, { useEffect, useState } from "react"
import { StaticImage } from "gatsby-plugin-image"
+import { motion, AnimatePresence } from "framer-motion"
-const HomeHeroImg = () => (
-
-
- IEEE Student Branch GEC Thrissur
-
- */}
- {/*
- 
-
-
-
-
- */}
+const slides = [
+ {
+ id: 0,
+ component: (
+
+
+ {slides[index].component}
+
+
+
+
+
+ )
+}
-
-)
export default HomeHeroImg
diff --git a/src/components/sidebar.jsx b/src/components/sidebar.jsx
index 300d275..108e789 100644
--- a/src/components/sidebar.jsx
+++ b/src/components/sidebar.jsx
@@ -142,7 +142,7 @@ const SideBar = ({ route, setIsOpen }) => {
Home
Chapters
-
+ {/*
VEGA Processors and Ecosystem
@@ -152,7 +152,7 @@ const SideBar = ({ route, setIsOpen }) => {
Survey
-
+ */}
Execom
Blogs
Scholarships
diff --git a/src/images/Grp.jpg b/src/images/Grp.jpg
new file mode 100644
index 0000000..c7281e4
Binary files /dev/null and b/src/images/Grp.jpg differ
diff --git a/src/images/group1.webp b/src/images/Grp2.jpg
similarity index 100%
rename from src/images/group1.webp
rename to src/images/Grp2.jpg
diff --git a/src/images/Prime.jpg b/src/images/Prime.jpg
new file mode 100644
index 0000000..a7c7e32
Binary files /dev/null and b/src/images/Prime.jpg differ
diff --git a/src/images/logo-blue.png b/src/images/logo-blue.jpg
similarity index 100%
rename from src/images/logo-blue.png
rename to src/images/logo-blue.jpg
diff --git a/src/images/wie.jpg b/src/images/wie.jpg
new file mode 100644
index 0000000..c6ed637
Binary files /dev/null and b/src/images/wie.jpg differ
diff --git a/src/pages/404.jsx b/src/pages/404.jsx
index b646d32..33aae68 100644
--- a/src/pages/404.jsx
+++ b/src/pages/404.jsx
@@ -1,6 +1,6 @@
import * as React from "react"
import { Link } from "gatsby"
-import { StaticImage } from "gatsby-plugin-image"
+//import { StaticImage } from "gatsby-plugin-image"
import Seo from "../components/seo"
@@ -24,7 +24,7 @@ const NotFoundPage = () => (
-
*/}
- {/* - IEEE Student Branch GEC Thrissur -
-
-
-
-
-
-
-
-
*/}
+const slides = [
+ {
+ id: 0,
+ component: (
+ setIsPaused(true)}
+ onMouseLeave={() => setIsPaused(false)}
+ >
+
+
+ {slides[index].component}
+
+
+
+
+
+ )
+}
-
+ {/*
(
quality={100}
alt="Sad Cat"
/>
-
+
*/}