feat: start up section

app/Startup/e-lab-startups.tsx

@@ -0,0 +1,199 @@
+export interface Startup {
+    id: string;
+    name: string;
+    description: string;
+    founders: Founder[];
+    metrics: Metrics;
+    website: string;
+    logo: string;
+    about?: string;
+
+    tag?: string;
+    batch?: string;
+    industry: string;
+    jobs?: Job[];
+    latest_news?: LatestNews[];
+}
+
+export interface Founder {
+    name: string;
+    role: string;
+}
+
+export type Metrics = Record<string, string>;
+
+export interface Job {
+    name: string;
+    location: string;
+    salary: string;
+    experience: string;
+}
+
+export interface LatestNews {
+    message: string;
+    link: string;
+    date: string;
+}
+
+export const startups: Startup[] = [
+    {
+        id: "airbnb",
+        name: "Airbnb",
+        description: "Tesla, Inc. is accelerating the world's transition to sustainable energy with electric cars, solar and integrated renewable energy solutions for homes and businesses. Founded in 2003 by a group of engineers who wanted to prove that people didn’t need to compromise to drive electric – that electric vehicles can be better, quicker and more fun to drive than gasoline cars.",
+        founders: [
+            {
+            name: "Brian Chesky",
+            role: "CEO, Co-founder"
+            },
+            {
+            name: "Joe Gebbia",
+            role: "Co-founder"
+            },
+            {
+            name: "Nathan Blecharczyk",
+            role: "Chief Strategy Officer, Co-founder"
+            }
+        ],
+        metrics: {
+            "Year Founded": "2008",
+            "Valuation": "$113 billion",
+            "Funding Raised": "$6.4 billion",
+            "Employees": "6,132"
+        },
+        about: "Airbnb has revolutionized the travel industry by allowing homeowners to rent out their spaces to travelers. Founded in 2008, the company has grown from a small startup to a global phenomenon, operating in over 220 countries and regions. Airbnb's platform not only provides unique accommodation options for travelers but also empowers hosts to earn extra income. The company's success lies in its ability to create a trusted community marketplace and its continuous innovation in the travel and hospitality sector.",
+        website: "https://www.airbnb.com",
+        logo: "/assets/e-lab/startups/Airbnb_Logo_Bélo.svg.png",
+        industry: "Travel & Hospitality",
+        batch: "W09",
+        tag: "Is Hiring",
+        jobs: [{
+            name: "Staff Software Engineer, Checkr Pay",
+            location: "San Francisco, CA",
+            salary: "$200,000 - $250,000 a year",
+            experience: "5+ years",
+        }],
+        latest_news: [{
+            message: "Airbnb is hiring a Staff Software Engineer, Checkr Pay in San Francisco, CA. The salary is $200,000 - $250,000 a year and requires 5+ years of experience.",
+            link: "https://www.theverge.com/2023/5/9/23716903/airbnb-ceo-brian-chesky-rooms-ai-travel-future-of-work-summer-2023",
+            date: "May 9, 2023",
+        }, {
+            message: "Airbnb is hiring a Staff Software Engineer, Checkr Pay in San Francisco, CA. The salary is $200,000 - $250,000 a year and requires 5+ years of experience.",
+            link: "https://www.theverge.com/2023/5/9/23716903/airbnb-ceo-brian-chesky-rooms-ai-travel-future-of-work-summer-2023",
+            date: "June 9, 2023",
+        }],
+    },
+
+    {
+        id: "tesla",
+        name: "Tesla",
+        description: "Tesla, Inc. is accelerating the world's transition to sustainable energy with electric cars, solar and integrated renewable energy solutions for homes and businesses. Founded in 2003 by a group of engineers who wanted to prove that people didn’t need to compromise to drive electric – that electric vehicles can be better, quicker and more fun to drive than gasoline cars.",
+        founders: [
+            {
+                name: "Elon Musk",
+                role: "CEO"
+            },
+        ],
+        metrics: {
+            "Year Founded": "2008",
+            "Valuation": "$113 billion",
+            "Funding Raised": "$6.4 billion",
+            "Employees": "6,132"
+        },
+        website: "http://tesla.com",
+        logo: "/assets/e-lab/startups/Tesla_Motors.svg.png",
+        industry: "Automotive",
+        batch: "S10",
+        tag: "Is Hiring",
+        jobs: [{
+            name: "Senior Autopilot Software Engineer",
+            location: "Palo Alto, CA",
+            salary: "$180,000 - $230,000 a year",
+            experience: "4+ years",
+        }],
+        latest_news: [{
+            message: "Tesla is looking for a Senior Autopilot Software Engineer in Palo Alto, CA. The salary range is $180,000 - $230,000 a year with a requirement of 4+ years of experience.",
+            link: "https://www.tesla.com/blog/autopilot-future-of-driving",
+            date: "April 15, 2023",
+        }, {
+            message: "Tesla announces a new project to expand its energy storage solutions, aiming to revolutionize the electric grid.",
+            link: "https://www.tesla.com/blog/energy-storage-solutions",
+            date: "May 20, 2023",
+        }],
+    },
+
+    {
+        id: "tesla1",
+        name: "Tesla1",
+        description: "Tesla, Inc. is accelerating the world's transition to sustainable energy with electric cars, solar and integrated renewable energy solutions for homes and businesses. Founded in 2003 by a group of engineers who wanted to prove that people didn’t need to compromise to drive electric – that electric vehicles can be better, quicker and more fun to drive than gasoline cars.",
+        founders: [
+            {
+                name: "Elon Musk",
+                role: "CEO"
+            },
+        ],
+        metrics: {
+            "Year Founded": "2008",
+            "Valuation": "$113 billion",
+            "Funding Raised": "$6.4 billion",
+            "Employees": "6,132"
+        },
+        website: "http://tesla1.com",
+        logo: "/assets/e-lab/startups/Tesla_Motors.svg.png",
+        industry: "Automotive",
+        batch: "S10",
+        tag: "Is Hiring",
+        jobs: [{
+            name: "Senior Autopilot Software Engineer",
+            location: "Palo Alto, CA",
+            salary: "$180,000 - $230,000 a year",
+            experience: "4+ years",
+        }],
+        latest_news: [{
+            message: "Tesla is looking for a Senior Autopilot Software Engineer in Palo Alto, CA. The salary range is $180,000 - $230,000 a year with a requirement of 4+ years of experience.",
+            link: "https://www.tesla.com/blog/autopilot-future-of-driving",
+            date: "April 15, 2023",
+        }, {
+            message: "Tesla announces a new project to expand its energy storage solutions, aiming to revolutionize the electric grid.",
+            link: "https://www.tesla.com/blog/energy-storage-solutions",
+            date: "May 20, 2023",
+        }],
+    },
+
+    {
+        id: "tesla2",
+        name: "Tesla2",
+        description: "Tesla, Inc. is accelerating the world's transition to sustainable energy with electric cars, solar and integrated renewable energy solutions for homes and businesses. Founded in 2003 by a group of engineers who wanted to prove that people didn’t need to compromise to drive electric – that electric vehicles can be better, quicker and more fun to drive than gasoline cars.",
+        founders: [
+            {
+                name: "Elon Musk",
+                role: "CEO"
+            },
+        ],
+        metrics: {
+            "Year Founded": "2008",
+            "Valuation": "$113 billion",
+            "Funding Raised": "$6.4 billion",
+            "Employees": "6,132"
+        },
+        website: "http://tesla2.com",
+        logo: "/assets/e-lab/startups/Tesla_Motors.svg.png",
+        industry: "Automotive",
+        batch: "S10",
+        tag: "Is Hiring",
+        jobs: [{
+            name: "Senior Autopilot Software Engineer",
+            location: "Palo Alto, CA",
+            salary: "$180,000 - $230,000 a year",
+            experience: "4+ years",
+        }],
+        latest_news: [{
+            message: "Tesla is looking for a Senior Autopilot Software Engineer in Palo Alto, CA. The salary range is $180,000 - $230,000 a year with a requirement of 4+ years of experience.",
+            link: "https://www.tesla.com/blog/autopilot-future-of-driving",
+            date: "April 15, 2023",
+        }, {
+            message: "Tesla announces a new project to expand its energy storage solutions, aiming to revolutionize the electric grid.",
+            link: "https://www.tesla.com/blog/energy-storage-solutions",
+            date: "May 20, 2023",
+        }],
+    },
+];

app/Startup/page.tsx

@@ -0,0 +1,34 @@
+import Section from "components/ui/Section";
+import Card from "components/ui/Card";
+import { startups } from "./e-lab-startups";
+
+
+export default function Test() {
+    return (
+        <>
+            <Section className="bg-purple-950 text-white">
+                <h1 className="mb-12 bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text text-5xl font-semibold uppercase text-transparent">
+                    MEET THE TEAM BEHIND THE AI E-LAB
+                </h1>
+
+                <p className="text-2xl">
+                    <span className="bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text font-semibold text-transparent">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui ducimus omnis consectetur, et nihil laborum,
+                    </span>{" "}
+                    commodi sint, accusamus nulla aliquam doloremque est quisquam deserunt totaam asperiores nobis deleniti aperiam.
+                </p>
+
+                <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
+                    {startups.map((startup) => (
+                        <Card
+                            key={startup.id}
+                            imageSrc='assets/home_img2.png' 
+                            title={startup.name} 
+                            description={startup.description} 
+                        />
+                    ))}
+                </div>
+            </Section>
+        </>
+    );
+}

app/e-lab/page.tsx

@@ -5,6 +5,9 @@ import Stat from "@components/Stat";
 import Testimonials from "@components/Testimonials";
 import Timeline from "@components/Timeline";
 import Section from "@components/ui/Section";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@components/ui/carousel";
+import Card from "@components/ui/Card";
+import { startups } from "data/e-lab-startups";
 import {
   faBook,
   faCircleNodes,
@@ -164,6 +167,38 @@ export default function Page() {
           </div>
         </Section>
 
+      <Section className="bg-purple-950 text-white">
+                <h1 className="mb-12 bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text text-5xl font-semibold uppercase text-transparent">
+                    MEET AI E-LAB STARTUPS
+                </h1>
+
+                <p className="mb-12 text-2xl">
+                    <span className="bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text font-semibold text-transparent">
+                        Have a look at the startups that have been part of the AI E-Lab
+                    </span>{" "}
+                    and see what they have achieved so far. We are proud of their progress and are excited to see what the future holds for them.
+                </p>
+
+                <Carousel>
+                  <CarouselContent>
+                    {startups.slice(0, 4).map((startup) => (
+                      <CarouselItem key={startup.id}>
+                        <Card
+                          key={startup.id}
+                          imageSrc={startup.logo}
+                          title={startup.name}
+                          description={startup.description}
+                          detailLink={`/e-lab/startups/${startup.id}`}
+                          className="h-full"
+                        />
+                      </CarouselItem>
+                    ))}                    
+                  </CarouselContent>
+                  <CarouselPrevious />
+                  <CarouselNext />
+                </Carousel>
+            </Section>
+
         <Section className="bg-purple-950 text-white">
           <h2 className="mb-12 bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text text-3xl font-semibold uppercase tracking-widest text-transparent sm:text-5xl">
             How founders experience the E-Lab
@@ -393,15 +428,6 @@ export default function Page() {
         </Section>
 
         <VentureTeam/>
-        <Section className="bg-purple-950 text-center text-white">
-          <Link
-              className="rounded-full border-2 border-yellow-500 p-4 text-center text-center font-bold text-yellow-500"
-              href="/e-lab/team"
-          >
-            See all Team Members
-          </Link>
-        </Section>
-
 
         <Section className="bg-purple-950 text-white">
           <h3 className="text-primary mb-2 block text-center text-lg font-semibold">

app/e-lab/team/page.tsx

@@ -1,9 +1,8 @@
 import type {Metadata} from "next";
 import Section from "@ui/Section";
 import Link from "next/link";
-import {alumni, faq} from "../../../data/e-lab";
+import {alumni, faq, team} from "../../../data/e-lab";
 import FAQ from "@components/FAQ";
-import VentureTeam from "@components/VentureTeam";
 import Person from "@components/Person";
 
 export const metadata: Metadata = {
@@ -16,15 +15,32 @@ export default function Page() {
     return (
         <>
             <h1 className="hidden">Meet the Team behind the AI E-LAB | Venture Department Members</h1>
-            <VentureTeam />
+            <Section className="bg-purple-950 text-white">
+                <div className="mt-8 sm:mt-0 mb-8 md:w-3/5 lg:mb-16">
+                    <h2 className="mb-12 bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text text-5xl font-semibold uppercase text-transparent">
+                        Meet the Team behind the AI E-LAB
+                    </h2>
+                    <p className="text-2xl">
+                        <span className="text-yellow-500">
+                            The AI Entrepreneurship Lab is organized by passionate TUM.ai Members
+                        </span>{" "}
+                        who are committed to fostering the next generation of AI entrepreneurs. Our mission is to ignite
+                        your innovative spirit and equip you with the relevant know-how to build your own AI startup with the help of the Munich Entrepreneurship Ecosystem.
+                    </p>
+                </div>
+                <div className="grid grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-10 lg:grid-cols-3 lg:gap-x-8">
+                    {team?.map((person) => (
+                        <Person person={person} key={person.id}/>
+                    ))}
+                </div>
+            </Section>
             <Section className="bg-purple-950 text-white">
                 <div className="mt-8 sm:mt-0 mb-8 md:w-3/5 lg:mb-16">
                     <h2 className="mb-12 bg-gradient-to-r from-yellow-500 to-red-500 bg-clip-text text-5xl font-semibold uppercase text-transparent">
                         Advisors & Honorable Alumni
                     </h2>
                 </div>
-                <div
-                    className="grid grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-10 lg:grid-cols-3 lg:gap-x-8">
+                <div className="grid grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-10 lg:grid-cols-3 lg:gap-x-8">
                     {alumni?.map((person) => (
                         <Person person={person} key={person.id}/>
                     ))}

components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "/components",
+    "utils": "/lib/utils"
+  }
+}