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

feat: Updated Industry Page #129

Closed
wants to merge 6 commits into from
Closed

feat: Updated Industry Page #129

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
5cbdfb1
feat: add new industry hero image
lankabelgezogen Nov 25, 2024
6c3ee25
refactor: put IndustrySection into separate file
lankabelgezogen Nov 25, 2024
936f2c7
update text
lankabelgezogen Nov 25, 2024
18fedb8
refactor main page and update hero image path
lankabelgezogen Nov 25, 2024
37ea057
update path to StudentsSection
lankabelgezogen Nov 25, 2024
e3d199c
Rename studentsSection.tsx to StudentsSection.tsx
lankabelgezogen Nov 26, 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
100 changes: 100 additions & 0 deletions app/industry/IndustrySection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
"use client";

import Section from "@components/ui/Section";
import { bitter } from "@styles/fonts";
import { cx } from "class-variance-authority";
import Image from "next/image";
import Button from "@components/ui/Button";
import Dialog from "@components/ui/Dialog";

export const IndustrySection = () => {
return (
<Section className="flex animate-fadeIn justify-center lg:flex-col">
<div className="rounded-3xl shadow-purple-800/10 sm:bg-gray-50 sm:p-14 sm:shadow-lg">
<h2 className={cx("mb-8 text-4xl font-semibold", bitter.className)}>
Industry Phase 7.0 starting in Spring 2025!
</h2>
<div className="grid grid-cols-1 items-center gap-4 xl:grid-cols-2 xl:gap-16">
<div>
<p className="mb-8">
We manage Munich&apos;s top pool of
<span className="font-bold text-purple-600"> AI talent </span>
and offer affordable, high-quality solutions without any long-term
liabilities!
</p>
<Dialog
trigger={<Button>Let&apos;s Connect!</Button>}
title="Let's connect!"
body={
<>
<p className="text-sm text-gray-700">
If you are interested in partnering with TUM.ai as a
sponsor, Makeathon challenge-setter, Industry project
partner, Workshop host, etc. please reach out to our
&quot;Partners & Sponsors&quot; department.
</p>
<p className="text-xl font-medium text-purple-500">
<a href="mailto:[email protected]">[email protected]</a>
</p>
<p className="text-sm text-gray-500">
TUM.ai Student Initiative
<br />
Arcisstraße 21.
<br />
80333 Munich
</p>
</>
}
hasCloseButton
/>
</div>
<div className="flex flex-col items-center space-y-6 py-4 xl:items-start">
<Image
src={"/assets/industry/freearifiat.png"}
className="rounded-xl shadow-lg shadow-purple-800/20"
alt="Ferrari for Fiat"
width={500}
height={100}
/>
</div>
</div>

<div className="mt-16 ">
<h3 className={cx("mb-8 text-3xl font-semibold")}>
What is an <span className="text-purple-600">AI Project</span>?
</h3>
<div className="grid grid-cols-1 gap-10 xl:grid-cols-2 xl:gap-16">
<div>
<h4 className="text-xl font-semibold text-purple-600">
Project Statement
</h4>
<p>
Present your AI-related problem – we&apos;ll help define the
ideal project:
</p>
<ol className="list-inside list-disc space-y-2 py-4 ">
<li className="pl-2">Building proof of concept</li>
<li className="pl-2">Conducting research topics</li>
<li className="pl-2">Developing prototypes</li>
<li className="pl-2">Improving products/processes</li>
</ol>
</div>
<div>
<h4 className="text-xl font-semibold text-purple-600">
Outstanding Solutions
</h4>
<p className="max-w-lg py-2">
We’ll advertise your project to a wide pool of talented students
and present you with the most outstanding candidates.
</p>
<p className="max-w-lg py-2">
A team of multi-disciplinary students will work exclusively for
your company as working students.
</p>
</div>
</div>
</div>
</div>
</Section>
);
}
6 changes: 3 additions & 3 deletions app/industry/studentsSection.tsx → app/industry/StudentsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,12 @@ export const StudentsSection = () => {
<div className="grid grid-cols-1 gap-6 xl:grid-cols-2 xl:gap-16">
<div className="space-y-4">
<h2 className={cx("mb-8 text-4xl font-semibold", bitter.className)}>
Applications for Industry Phase 6.0 are currently open. Apply now!
Applications for Industry Phase 6.0 are closed now!
</h2>
<p>
Push ML boundaries and progress your career with our AI projects!{" "}
<span className="text-purple-600">Leverage your skills</span> and
take on real AI projects to test your abilities. Join us now!
take on real AI projects to test your abilities.
</p>
<p>
Work in a{" "}
Expand All @@ -34,7 +34,7 @@ export const StudentsSection = () => {
<span className="textpurple-600">
for-profit companies, startups, and non-profits,
</span>{" "}
in our upcoming Industry Phase 6.0 starting in April 2024.
in our upcoming Industry Phases.
</p>
</div>
<div className="relative flex flex-col items-center space-y-8 text-center">
Expand Down
99 changes: 3 additions & 96 deletions app/industry/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
import Logos from "@components/Logos";
import Button from "@components/ui/Button";
import Dialog from "@components/ui/Dialog";
import Tabs from "@components/ui/Tabs";
import Section from "@ui/Section";
import { partners_ip5, projects } from "data/industry";
Expand All @@ -9,7 +7,8 @@ import Link from "next/link";
import PictureHero from "@components/BannerHero";
import { bitter } from "@styles/fonts";
import { cx } from "class-variance-authority";
import { StudentsSection } from "./studentsSection";
import { StudentsSection } from "./StudentsSection";
import { IndustrySection } from "./IndustrySection";
import { Metadata } from "next";

export const metadata: Metadata = {
Expand All @@ -22,7 +21,7 @@ export default function Industry() {
return (
<>
<PictureHero
imageSrc="/assets/industry/header/infineon_industry.jpeg"
imageSrc="/assets/industry/header/pexels_googledeepmind_industry.jpg"
titleImageSrc="/assets/industry/header/industry_header_no_date.svg"
subtitle="Your stepping stone to a career in AI"
/>
Expand Down Expand Up @@ -121,95 +120,3 @@ export default function Industry() {
</>
);
}

function IndustrySection() {
return (
<Section className="flex animate-fadeIn justify-center lg:flex-col">
<div className="rounded-3xl shadow-purple-800/10 sm:bg-gray-50 sm:p-14 sm:shadow-lg">
<h2 className={cx("mb-8 text-4xl font-semibold", bitter.className)}>
Industry Phase 6.0 starting in spring 2023
</h2>
<div className="grid grid-cols-1 items-center gap-4 xl:grid-cols-2 xl:gap-16">
<div>
<p className="mb-8">
We manage Munich&apos;s top pool of
<span className="font-bold text-purple-600"> AI talent </span>
and offer affordable, high-quality solutions without any long-term
liabilities!
</p>
<Dialog
trigger={<Button>connect!</Button>}
title="Let's connect!"
body={
<>
<p className="text-sm text-gray-700">
If you are interested in partnering with TUM.ai as a
sponsor, Makeathon challenge-setter, Industry project
partner, Workshop host, etc. please reach out to our
&quot;Partners & Sponsors&quot; department.
</p>
<p className="text-xl font-medium text-purple-500">
<a href="mailto:[email protected]">[email protected]</a>
</p>
<p className="text-sm text-gray-500">
TUM.ai Student Initiative
<br />
Arcisstraße 21.
<br />
80333 Munich
</p>
</>
}
hasCloseButton
/>
</div>
<div className="flex flex-col items-center space-y-6 py-4 xl:items-start">
<Image
src={"/assets/industry/freearifiat.png"}
className="rounded-xl shadow-lg shadow-purple-800/20"
alt="Ferrari for Fiat"
width={500}
height={100}
/>
</div>
</div>

<div className="mt-16 ">
<h3 className={cx("mb-8 text-3xl font-semibold")}>
What is an <span className="text-purple-600">AI Project</span>?
</h3>
<div className="grid grid-cols-1 gap-10 xl:grid-cols-2 xl:gap-16">
<div>
<h4 className="text-xl font-semibold text-purple-600">
Project Statement
</h4>
<p>
Present your AI-related problem – we&apos;ll help define the
ideal project:
</p>
<ol className="list-inside list-disc space-y-2 py-4 ">
<li className="pl-2">Building proof of concept</li>
<li className="pl-2">Conducting research topics</li>
<li className="pl-2">Developing prototypes</li>
<li className="pl-2">Improving products/processes</li>
</ol>
</div>
<div>
<h4 className="text-xl font-semibold text-purple-600">
Outstanding Solutions
</h4>
<p className="max-w-lg py-2">
We’ll advertise your project to a wide pool of talented students
and present you with the most outstanding candidates.
</p>
<p className="max-w-lg py-2">
A team of multi-disciplinary students will work exclusively for
your company as working students.
</p>
</div>
</div>
</div>
</div>
</Section>
);
}
Binary file added public/assets/industry/header/pexels_googledeepmind_industry.jpg
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.
Loading