Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

valli/keshi/feat/tracks #13

Open
wants to merge 11 commits into
base: staging
Choose a base branch
from
Open

valli/keshi/feat/tracks #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
703369d
p1
keshitrivedi Nov 19, 2024
73dede6
Merge pull request #1 from keshitrivedi/keshii
Valli81106 Nov 19, 2024
ebfe1e3
mobileview
keshitrivedi Nov 21, 2024
ca5bae6
Merge pull request #2 from Valli81106/keshiii
Valli81106 Nov 21, 2024
eb7014b
added responsiveness, not final
keshitrivedi Nov 25, 2024
6073f83
added description responsiveness
keshitrivedi Nov 26, 2024
d63b6e5
tracks almost done
keshitrivedi Nov 29, 2024
b3da6c5
Merge pull request #4 from Valli81106/kt1
Valli81106 Nov 29, 2024
c29d4e4
cards center on hover
keshitrivedi Nov 29, 2024
654fb03
Merge pull request #5 from Valli81106/kt1
keshitrivedi Nov 29, 2024
652c15c
Added Content
Valli81106 Dec 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 128 additions & 0 deletions components/Tracks.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
import React from "react";

const Tracks = () => {
return (
<>
<div className="mt-[30px] flex flex-col">

<div className="text-center align-middle justify-center lg:text-[119px] md:text-[100px] text-[70px] font-bold mb-[50px] text-[#FCF961] [text-shadow:0_7px_10px_rgb(255_255_255/_90%)]">
TRACKS
</div>
<div className="grid grid-cols-[303px] gap-[60px] justify-center align-middle items-center">

<div className="bg-[#AB7A57] h-[318px] rounded-[20px] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.7)] flex flex-col lg:flex-row items-center relative delay-100 hover:shadow-[0_0_30px_0_rgba(255,255,255,1)] overflow-hidden hover:h-[700px] lg:hover:w-[700px] lg:hover:h-[318px] text-center transition-all ease-in-out duration-300 lg:hover:translate-x-[-175px]">
<div className="flex flex-col">
<div className="mt-[50px] w-[303px] flex justify-center">
<img src="../../AIML_icon.png" class="w-[152px] h-[152px]"></img>
</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[30px]">AI/ML</div>
</div>

<div>
<div className=" pt-[30px] text-[30px] font-bold leading-tight text-white" > Shaping the Future with Intelligence

</div>
<div className="p-[20px] pt-[8px] font-medium text-lightgrey ">Step into the world of Artificial Intelligence and Machine Learning to
create solutions that revolutionize industries. Build intelligent
automation systems, recommendation engines, or AI-driven analytics
that solve real-world problems. This track is your chance to harness the
power of AI/ML and lead the charge in shaping the future with
transformative technologies.</div>
</div>


</div>

<div className="bg-[#AB7A57] h-[318px] rounded-[20px] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.7)] flex flex-col lg:flex-row items-center relative delay-100 hover:shadow-[0_0_30px_0_rgba(255,255,255,1)] overflow-hidden hover:h-[700px] lg:hover:w-[700px] lg:hover:h-[318px] text-center transition-all ease-in-out duration-300 lg:hover:translate-x-[-175px]">
<div className="flex flex-col">
<div className="mt-[50px] w-[303px] flex justify-center">
<img src="../../healthcare_icon.png" class="w-[152px] h-[152px]"></img>
</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[30px]">Healthcare</div>
</div>

<div>

</div>
<div>
<div className=" pt-[30px] text-[30px] font-bold leading-tight text-white" > Innovating for a Healthier Tomorrow

</div>

<div className="p-[20px]">Think about the difference you could make in someone’s life by
reimagining healthcare through technology. In this track, we’re looking
for ideas that can solve real-world health challenges. Whether it’s
creating tools for better patient care, improving hospital processes, or</div>
</div>


</div>

<div className="bg-[#AB7A57] h-[318px] rounded-[20px] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.7)] flex flex-col lg:flex-row items-center relative delay-100 hover:shadow-[0_0_30px_0_rgba(255,255,255,1)] overflow-hidden hover:h-[700px] lg:hover:w-[700px] lg:hover:h-[318px] text-center transition-all ease-in-out duration-300 lg:hover:translate-x-[-175px]">
<div className="flex flex-col">
<div className="mt-[30px] w-[303px] flex justify-center">
<img src="../../open_innovation_icon.png" class="w-[152px] h-[152px]"></img>
</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[-15px]">Open</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[30px]">Innovation</div>
</div>

<div>

<div className=" pt-[30px] text-[30px] font-bold leading-tight text-white" > Your Ideas, Your Rules

</div>

<div className="p-[20px]">This is your space to dream big and build boldly. The Open Innovation
Track gives you complete freedom to create solutions for the problems
you care about the most. Whether it’s tackling climate change,
improving education, or reinventing entertainment, the sky's the limit
for this track, let your creativity run wild. Whatever you’ve been waiting
to build, now’s the time to make it happen.</div>
</div>


</div>

<div className="bg-[#AB7A57] h-[318px] rounded-[20px] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.7)] flex flex-col lg:flex-row items-center relative delay-100 hover:shadow-[0_0_30px_0_rgba(255,255,255,1)] overflow-hidden hover:h-[700px] lg:hover:w-[700px] lg:hover:h-[318px] text-center transition-all ease-in-out duration-300 lg:hover:translate-x-[-175px]">
<div className="flex flex-col">
<div className="mt-[50px] w-[303px] flex justify-center">
<img src="../../megaphone_icon.png" class="w-[152px] h-[152px]"></img>
</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[30px]">TBA</div>
</div>

<div className="p-[10px] text-[40px] font-bold leading-tight text-white">To be announced soon !!</div>
</div>

<div className="bg-[#AB7A57] h-[318px] rounded-[20px] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.7)] flex flex-col lg:flex-row items-center relative delay-100 hover:shadow-[0_0_30px_0_rgba(255,255,255,1)] overflow-hidden hover:h-[700px] lg:hover:w-[700px] lg:hover:h-[318px] text-center transition-all ease-in-out duration-300 lg:hover:translate-x-[-175px]">
<div className="flex flex-col">
<div className="mt-[50px] w-[303px] flex justify-center">
<img src="../../megaphone_icon.png" class="w-[152px] h-[152px]"></img>
</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[30px]">TBA</div>
</div>

<div className="p-[10px] text-[40px] font-bold leading-tight text-white">To be announced soon !!</div>
</div>

<div className="bg-[#AB7A57] h-[318px] rounded-[20px] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.7)] flex flex-col lg:flex-row items-center relative delay-100 hover:shadow-[0_0_30px_0_rgba(255,255,255,1)] overflow-hidden hover:h-[700px] lg:hover:w-[700px] lg:hover:h-[318px] text-center transition-all ease-in-out duration-300 lg:hover:translate-x-[-175px]">
<div className="flex flex-col">
<div className="mt-[50px] w-[303px] flex justify-center">
<img src="../../megaphone_icon.png" class="w-[152px] h-[152px]"></img>
</div>
<div className="text-[42px] text-[#EBE100] text-center font-semibold mb-[30px]">TBA</div>
</div>

<div className="p-[10px] text-[40px] font-bold leading-tight text-white">To be announced soon !!</div>
</div>



</div>
</div>
</>
);
}

export default Tracks;
3 changes: 2 additions & 1 deletion pages/_app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import "@/styles/globals.css";
import Navbar from "@/components/Shared/Navbar/Navbar";
import Tracks from "@/components/Tracks.jsx";
import Footer from "@/components/Shared/Footer/Footer";
import Scroll from "@/components/Shared/Scroll";

Expand All @@ -14,4 +15,4 @@ export default function App({ Component, pageProps }) {
<Footer />
</>
);
}
}
3 changes: 2 additions & 1 deletion pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import Tracks from "@/components/Tracks";
import About from "@/components/About";

export default function Home() {
return (
<About />
<Tracks />
);
}

Expand Down
Binary file added public/AIML_icon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/healthcare_icon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/megaphone_icon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/open_innovation_icon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@ module.exports = {
],
theme: {
extend: {
transitionProperty: {
'height': 'height'
},
colors: {
background: "var(--background)",
foreground: "var(--foreground)",
Expand Down