-
+
+ );
};
- export default Navbar;
+export default Navbar;
diff --git a/Frontend/src/Components/Prizes/Prizes.css b/Frontend/src/Components/Prizes/Prizes.css
index 7497e36..41a1862 100644
--- a/Frontend/src/Components/Prizes/Prizes.css
+++ b/Frontend/src/Components/Prizes/Prizes.css
@@ -76,14 +76,14 @@
font-size: 2.5rem;
font-weight: 600;
margin-bottom: 20px;
- color: black;
+ color: white;
}
.prizeText{
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 20px;
- color: black;
+ color: white;
}
.prizeHeading{
font-size: 2.5rem;
@@ -98,7 +98,6 @@
justify-content: center;
flex-direction: column;
padding: 25px;
- background-color: white;
- box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
- background: linear-gradient(to bottom, #ffffff, #e0e1dd);
+ /* box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); */
+ /* background: linear-gradient(to bottom, #ffffff, #e0e1dd); */
}
\ No newline at end of file
diff --git a/Frontend/src/Components/Sponsers/Sponsers.css b/Frontend/src/Components/Sponsers/Sponsers.css
new file mode 100644
index 0000000..8b2bf4c
--- /dev/null
+++ b/Frontend/src/Components/Sponsers/Sponsers.css
@@ -0,0 +1,42 @@
+.sponserDiv {
+ width: 100%;
+ height: 50vh;
+ background: linear-gradient(to bottom, #ffffff, #e0e1dd);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ padding-top: 50px;
+ /* padding-top: 150px; */
+}
+
+.sponserHeading{
+ font-size: 2.5rem;
+ font-weight: 600;
+ margin-bottom: 50px;
+ color: #782A84;
+}
+
+.sponserContainor{
+ width: 85%;
+ height: 35vh;
+}
+.sponserComponentCarousel{
+ width: 100%;
+ height: 180px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.sponserComponent{
+ width: 16.67%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.sponserComponent img{
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+}
diff --git a/Frontend/src/Components/Sponsers/Sponsers.tsx b/Frontend/src/Components/Sponsers/Sponsers.tsx
new file mode 100644
index 0000000..5a5ad0e
--- /dev/null
+++ b/Frontend/src/Components/Sponsers/Sponsers.tsx
@@ -0,0 +1,14 @@
+import SponsersComponent from "./SponsersComponent";
+import "./Sponsers.css";
+
+const Sponsers = () => {
+ return (
+
+
Sponsers for Competition
+
+
+
+
+ );
+};
+export default Sponsers;
diff --git a/Frontend/src/Components/Sponsers/SponsersComponent.tsx b/Frontend/src/Components/Sponsers/SponsersComponent.tsx
new file mode 100644
index 0000000..8cdc2ea
--- /dev/null
+++ b/Frontend/src/Components/Sponsers/SponsersComponent.tsx
@@ -0,0 +1,28 @@
+import "./Sponsers.css";
+import ucscwie from "../../Assets/Sponsers/wie-ucsc.png";
+
+const SponsersComponent = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+export default SponsersComponent;
diff --git a/Frontend/src/Components/Timeline/Timeline.css b/Frontend/src/Components/Timeline/Timeline.css
new file mode 100644
index 0000000..432d258
--- /dev/null
+++ b/Frontend/src/Components/Timeline/Timeline.css
@@ -0,0 +1,24 @@
+.timelineDiv {
+ width: 100%;
+ height: 90vh;
+ background: linear-gradient(to bottom, #18113A, #18113A);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ }
+
+ .timelineHeading{
+ font-size: 2.5rem;
+ font-weight: 600;
+ margin-bottom: 50px;
+ color: white;
+ }
+
+ .timelineContainor{
+ width: 85%;
+ height: 60vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
\ No newline at end of file
diff --git a/Frontend/src/Components/Timeline/Timeline.tsx b/Frontend/src/Components/Timeline/Timeline.tsx
new file mode 100644
index 0000000..8e1ca0b
--- /dev/null
+++ b/Frontend/src/Components/Timeline/Timeline.tsx
@@ -0,0 +1,14 @@
+import TimelineComponent from "./TimelineComponent";
+import "./Timeline.css";
+
+const Sponsers = () => {
+ return (
+
+
Timeline for Competition
+
+
+
+
+ );
+};
+export default Sponsers;
diff --git a/Frontend/src/Components/Timeline/TimelineComponent.tsx b/Frontend/src/Components/Timeline/TimelineComponent.tsx
new file mode 100644
index 0000000..6e77d26
--- /dev/null
+++ b/Frontend/src/Components/Timeline/TimelineComponent.tsx
@@ -0,0 +1,85 @@
+import Timeline from '@mui/lab/Timeline';
+import TimelineItem from '@mui/lab/TimelineItem';
+import TimelineSeparator from '@mui/lab/TimelineSeparator';
+import TimelineConnector from '@mui/lab/TimelineConnector';
+import TimelineContent from '@mui/lab/TimelineContent';
+import TimelineOppositeContent from '@mui/lab/TimelineOppositeContent';
+import TimelineDot from '@mui/lab/TimelineDot';
+import Typography from '@mui/material/Typography';
+
+
+export default function CustomizedTimeline() {
+ return (
+
+
+
+ 9:30 am
+
+
+
+ {/* */}
+
+
+
+
+ Eat
+
+ Because you need strength
+
+
+
+
+ 10:00 am
+
+
+
+ {/* */}
+
+
+
+
+ Code
+
+ Because it's awesome!
+
+
+
+
+
+
+ {/* */}
+
+
+
+
+
+ Sleep
+
+ Because you need rest
+
+
+
+
+
+ {/* */}
+
+
+
+
+ Repeat
+
+ Because this is the life you love!
+
+
+
+ );
+}
diff --git a/Frontend/tailwind.config.js b/Frontend/tailwind.config.js
index 3db5b8b..5e6ab6b 100644
--- a/Frontend/tailwind.config.js
+++ b/Frontend/tailwind.config.js
@@ -10,8 +10,14 @@ module.exports = {
secondary: '#18113A',
tertiary: '#575254',
},
+ fontFamily: {
+ 'pfont': ['source-sans-pro'],
+ 'sfont': ['raleway'],
+ },
+ letterSpacing: {
+ widestone: '.3em',
},
},
plugins: [],
}
-
+}
diff --git a/Frontend/tsconfig.json b/Frontend/tsconfig.json
index a273b0c..8537c83 100644
--- a/Frontend/tsconfig.json
+++ b/Frontend/tsconfig.json
@@ -21,6 +21,7 @@
"jsx": "react-jsx"
},
"include": [
- "src"
+ "src",
+ "node_modules/@types"
]
}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..c07ca37
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+ "dependencies": {
+ "framer-motion": "^11.0.3"
+ }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..773603f
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,46 @@
+lockfileVersion: '6.0'
+
+settings:
+ autoInstallPeers: true
+ excludeLinksFromLockfile: false
+
+dependencies:
+ framer-motion:
+ specifier: ^11.0.3
+ version: 11.0.3
+
+packages:
+
+ /@emotion/is-prop-valid@0.8.8:
+ resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+ requiresBuild: true
+ dependencies:
+ '@emotion/memoize': 0.7.4
+ dev: false
+ optional: true
+
+ /@emotion/memoize@0.7.4:
+ resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+ requiresBuild: true
+ dev: false
+ optional: true
+
+ /framer-motion@11.0.3:
+ resolution: {integrity: sha512-6x2poQpIWBdbZwLd73w6cKZ1I9IEPIU94C6/Swp1Zt3LJ+sB5bPe1E2wC6EH5hSISXNkMJ4afH7AdwS7MrtkWw==}
+ peerDependencies:
+ react: ^18.0.0
+ react-dom: ^18.0.0
+ peerDependenciesMeta:
+ react:
+ optional: true
+ react-dom:
+ optional: true
+ dependencies:
+ tslib: 2.6.2
+ optionalDependencies:
+ '@emotion/is-prop-valid': 0.8.8
+ dev: false
+
+ /tslib@2.6.2:
+ resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+ dev: false