diff --git a/public/Images/Angle.svg b/public/Images/Angle.svg new file mode 100644 index 0000000..5b90284 --- /dev/null +++ b/public/Images/Angle.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/Arrow.svg b/public/Images/Arrow.svg new file mode 100644 index 0000000..b88660c --- /dev/null +++ b/public/Images/Arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/BottomBoundary.svg b/public/Images/BottomBoundary.svg new file mode 100644 index 0000000..3662d0d --- /dev/null +++ b/public/Images/BottomBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/BottomTheme.svg b/public/Images/BottomTheme.svg new file mode 100644 index 0000000..7766176 --- /dev/null +++ b/public/Images/BottomTheme.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/BottomTheme2.svg b/public/Images/BottomTheme2.svg new file mode 100644 index 0000000..55a034d --- /dev/null +++ b/public/Images/BottomTheme2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/EnvironmentLogo.svg b/public/Images/EnvironmentLogo.svg new file mode 100644 index 0000000..30ac56c --- /dev/null +++ b/public/Images/EnvironmentLogo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Images/EnvironmentText.svg b/public/Images/EnvironmentText.svg new file mode 100644 index 0000000..b25e3f3 --- /dev/null +++ b/public/Images/EnvironmentText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/HealthCareBoundary.svg b/public/Images/HealthCareBoundary.svg new file mode 100644 index 0000000..5b6cd6b --- /dev/null +++ b/public/Images/HealthCareBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/HealthCareLogo.svg b/public/Images/HealthCareLogo.svg new file mode 100644 index 0000000..306d1e7 --- /dev/null +++ b/public/Images/HealthCareLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/Images/HealthCareText.svg b/public/Images/HealthCareText.svg new file mode 100644 index 0000000..b352875 --- /dev/null +++ b/public/Images/HealthCareText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/HorizentalLine.svg b/public/Images/HorizentalLine.svg new file mode 100644 index 0000000..763dbbf --- /dev/null +++ b/public/Images/HorizentalLine.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/InnovationLogo.svg b/public/Images/InnovationLogo.svg new file mode 100644 index 0000000..9d1cdda --- /dev/null +++ b/public/Images/InnovationLogo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Images/InnovationText.svg b/public/Images/InnovationText.svg new file mode 100644 index 0000000..a0b1495 --- /dev/null +++ b/public/Images/InnovationText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/MiddleSubTheme.svg b/public/Images/MiddleSubTheme.svg new file mode 100644 index 0000000..9c1efe3 --- /dev/null +++ b/public/Images/MiddleSubTheme.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/Images/MiddleTheme.svg b/public/Images/MiddleTheme.svg new file mode 100644 index 0000000..0821e02 --- /dev/null +++ b/public/Images/MiddleTheme.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/MiddleTheme2.svg b/public/Images/MiddleTheme2.svg new file mode 100644 index 0000000..a2ba5c6 --- /dev/null +++ b/public/Images/MiddleTheme2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/RightBoundary.svg b/public/Images/RightBoundary.svg new file mode 100644 index 0000000..23bfc8c --- /dev/null +++ b/public/Images/RightBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/SecurityLogo.svg b/public/Images/SecurityLogo.svg new file mode 100644 index 0000000..c909a28 --- /dev/null +++ b/public/Images/SecurityLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/Images/SecurityText.svg b/public/Images/SecurityText.svg new file mode 100644 index 0000000..fae74b9 --- /dev/null +++ b/public/Images/SecurityText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TopBoundary.svg b/public/Images/TopBoundary.svg new file mode 100644 index 0000000..d54314d --- /dev/null +++ b/public/Images/TopBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TopTheme.svg b/public/Images/TopTheme.svg new file mode 100644 index 0000000..e9743fd --- /dev/null +++ b/public/Images/TopTheme.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TopTheme2.svg b/public/Images/TopTheme2.svg new file mode 100644 index 0000000..966d0c0 --- /dev/null +++ b/public/Images/TopTheme2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TrackPrizes.svg b/public/Images/TrackPrizes.svg new file mode 100644 index 0000000..e891469 --- /dev/null +++ b/public/Images/TrackPrizes.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/UpperLine.svg b/public/Images/UpperLine.svg new file mode 100644 index 0000000..c3a5cb4 --- /dev/null +++ b/public/Images/UpperLine.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/VerticalLine.svg b/public/Images/VerticalLine.svg new file mode 100644 index 0000000..aff48a3 --- /dev/null +++ b/public/Images/VerticalLine.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/Images/Web3Logo.svg b/public/Images/Web3Logo.svg new file mode 100644 index 0000000..e8307c4 --- /dev/null +++ b/public/Images/Web3Logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Images/Web3Text.svg b/public/Images/Web3Text.svg new file mode 100644 index 0000000..2869a2b --- /dev/null +++ b/public/Images/Web3Text.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/page.js b/src/app/page.js index a5a8e72..d1449f4 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -1,6 +1,11 @@ "use client"; import Player from "@/components/Player"; import { useState } from "react"; +import TracksPrizesHealthCare from "../components/TracksPrizes/TracksPrizesHealthCare"; +import TracksPrizesInnovation from "../components/TracksPrizes/TracksPrizesInnovation"; +import TracksPrizesEnvironment from "../components/TracksPrizes/TracksPrizesEnvironment"; +import TracksPrizesSecurity from "../components/TracksPrizes/TracksPrizesSecurity"; +import TracksPrizesWeb3 from "../components/TracksPrizes/TracksPrizesWeb3"; export default function Home() { const [counter, setCounter] = useState(0); @@ -11,54 +16,79 @@ export default function Home() { if (counter == 3) { document.getElementById("rocket").classList.add("animate-spin"); } - + const handleStop = () => { setCounter(0); document.getElementById("rocket").classList.remove(["animate-spin"]); }; return ( -
-
- -
-

- HackOdisha 3.0 -

-

- Coming Soon{" "} - -

+

+
+ +
+

- 🚀 -

- {counter<3?"Tap HackOdisha Three times to see me rotate":"Tap Me to Stop"} - -

+ HackOdisha 3.0 +

+

+ Coming Soon{" "} + +

+ 🚀 +

+ {counter < 3 ? "Tap HackOdisha Three times to see me rotate" : "Tap Me to Stop"} +
+

+
+ + +
- - - +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
- + ); } diff --git a/src/components/NameOfComponent/Component.jsx b/src/components/NameOfComponent/Component.jsx deleted file mode 100644 index f210480..0000000 --- a/src/components/NameOfComponent/Component.jsx +++ /dev/null @@ -1 +0,0 @@ -// some Component code \ No newline at end of file diff --git a/src/components/NameOfComponent/ComponentStyles.css b/src/components/NameOfComponent/ComponentStyles.css deleted file mode 100644 index e0634a3..0000000 --- a/src/components/NameOfComponent/ComponentStyles.css +++ /dev/null @@ -1,3 +0,0 @@ -.someClass{ - /* some styles */ -} \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesEnvironment.jsx b/src/components/TracksPrizes/TracksPrizesEnvironment.jsx new file mode 100644 index 0000000..89b7051 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesEnvironment.jsx @@ -0,0 +1,80 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo +

001

+

FIRST PRIZE

+

.................

+

$2500

+
+
+ logo +

002

+

SECOND PRIZE

+

..............

+

$2000

+
+
+ logo +

003

+

THIRD PRIZE

+

.................

+

$1500

+
+
+

PRESENTED BY

+
+
+
+
+
+
+

HEALTHCARE

+ logo +
+

WEB3

+
+

ENVIRONMENT

+
+

WOMAN
SECURITY

+ logo +
+

OPEN
INNOVATION

+
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesHealthCare.jsx b/src/components/TracksPrizes/TracksPrizesHealthCare.jsx new file mode 100644 index 0000000..ef6a61b --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesHealthCare.jsx @@ -0,0 +1,79 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo +

001

+

FIRST PRIZE

+

.................

+

$2500

+
+
+ logo +

002

+

SECOND PRIZE

+

..............

+

$2000

+
+
+ logo +

003

+

THIRD PRIZE

+

.................

+

$1500

+
+
+

PRESENTED BY

+
+
+
+
+
+
+

HEALTHCARE

+
+

WEB3

+ logo +

ENVIRONMENT

+ logo +

WOMAN
SECURITY

+ logo +
+

OPEN
INNOVATION

+
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesInnovation.jsx b/src/components/TracksPrizes/TracksPrizesInnovation.jsx new file mode 100644 index 0000000..51e709a --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesInnovation.jsx @@ -0,0 +1,79 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo +

001

+

FIRST PRIZE

+

.................

+

$2500

+
+
+ logo +

002

+

SECOND PRIZE

+

..............

+

$2000

+
+
+ logo +

003

+

THIRD PRIZE

+

.................

+

$1500

+
+
+

PRESENTED BY

+
+
+
+
+
+
+

HEALTHCARE

+ logo +
+

WEB3

+ logo +

WOMAN
SECURITY

+ logo +

ENVIRONMENT

+
+

OPEN
INNOVATION

+
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesSecurity.jsx b/src/components/TracksPrizes/TracksPrizesSecurity.jsx new file mode 100644 index 0000000..a07876d --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesSecurity.jsx @@ -0,0 +1,79 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo +

001

+

FIRST PRIZE

+

.................

+

$2500

+
+
+ logo +

002

+

SECOND PRIZE

+

..............

+

$2000

+
+
+ logo +

003

+

THIRD PRIZE

+

.................

+

$1500

+
+
+

PRESENTED BY

+
+
+
+
+
+
+

HEALTHCARE

+ logo +
+

WEB3

+ logo +

ENVIRONMENT

+
+

WOMAN
SECURITY

+

OPEN
INNOVATION

+ +
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesStyle.css b/src/components/TracksPrizes/TracksPrizesStyle.css new file mode 100644 index 0000000..3110412 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesStyle.css @@ -0,0 +1,176 @@ +.boundary1 { + background-repeat: no-repeat; + background-image: url('/Images/HealthCareBoundary.svg'); + background-size: 100% 100%; + display: flex; + width: 25%; +} + +.bg1 { + background-repeat: no-repeat; + background-image: url('/Images/TOpTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 100%; + margin-left: -5%; +} + +.bg4 { + background-repeat: no-repeat; + background-image: url('/Images/TOpTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 77%; + height: 80%; +} + +.bg11 { + background-repeat: no-repeat; + background-image: url('/Images/TOpTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 80%; + height: 80%; +} + +.bg2 { + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 78%; + height: 100%; + margin-top: -4%; +} + +.bg8 { + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: cover; + display: flex; + align-items: center; + width: 80%; + margin-top: 4%; +} + +.bg14 { + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: cover; + display: flex; + align-items: center; + width: 80%; + margin-top: -2%; +} + +.bg9 { + background-repeat: no-repeat; + background-image: url("/images/MiddleTheme.svg"); + background-size: cover; + display: flex; + align-items: center; + width: 70%; + margin-top: -1%; + margin-left: 4%; +} + +.bg6 { + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 77%; + height: 100%; + margin-top: -2%; +} + +.bg3 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 75%; + margin-left: 1%; +} + +.bg10 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 70%; + height: 80%; + margin-left: 4%; +} + +.bg13 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 75%; + margin-left: 2%; + margin-top: -19%; +} + +.bg15 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 80%; + height: 80%; +} + +.bg5 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 90%; + margin-left: 1%; + margin-top: -15%; +} + +.bg7 { + background-repeat: no-repeat; + background-image: url('/Images/MiddleTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 95%; + margin-left: -10%; + margin-top: -1%; +} + +.bg12 { + background-repeat: no-repeat; + background-image: url('/Images/MiddleTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 100%; + margin-left: -10%; + margin-top: -9%; +} + +.bg16 { + background-repeat: no-repeat; + background-image: url('/Images/MiddleTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 95%; + margin-left: -10%; + margin-top: -11%; +} \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesWeb3.jsx b/src/components/TracksPrizes/TracksPrizesWeb3.jsx new file mode 100644 index 0000000..aba32a8 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesWeb3.jsx @@ -0,0 +1,78 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo +

001

+

FIRST PRIZE

+

.................

+

$2500

+
+
+ logo +

002

+

SECOND PRIZE

+

..............

+

$2000

+
+
+ logo +

003

+

THIRD PRIZE

+

.................

+

$1500

+
+
+

PRESENTED BY

+
+
+
+
+
+
+

HEALTHCARE

+

WEB3

+
+

ENVIRONMENT

+ logo +

WOMAN
SECURITY

+ logo +
+

OPEN
INNOVATION

+
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file