From 51352751a225a76e121da27ce5b9a1180c53056a Mon Sep 17 00:00:00 2001 From: Simon Burmer Date: Mon, 30 Mar 2026 21:55:13 +0200 Subject: [PATCH] feat: add About Us page replacing Our Mission - New /about-us page with Vision/Mission, Mission Partners (MTZ, Munich Startup), Executive Board, Department Board, and Advisory Board sections - Each section has a distinct layout: editorial cards, side-by-side, compact container, expandable thumbnail grid - Navigation updated to link to About Us instead of Our Mission - /our-mission redirects to /about-us for backwards compatibility --- app/about-us/page.tsx | 260 ++++++++++++++++++++++++++++++++++++++ app/our-mission/page.tsx | 174 +------------------------ components/Navigation.tsx | 8 +- 3 files changed, 267 insertions(+), 175 deletions(-) create mode 100644 app/about-us/page.tsx diff --git a/app/about-us/page.tsx b/app/about-us/page.tsx new file mode 100644 index 0000000..03ffab7 --- /dev/null +++ b/app/about-us/page.tsx @@ -0,0 +1,260 @@ +"use client" + +import { useState } from 'react' +import { useInView } from '@/lib/hooks' +import Hero from '@/components/Hero' + +const executiveBoard = [ + { name: "Simon Burmer", role: "CFO", photo: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=500&fit=crop&crop=face" }, + { name: "Ali Serag El Din", role: "President", photo: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=400&h=500&fit=crop&crop=face" }, + { name: "Defne Aytuna", role: "Vice President", photo: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=500&fit=crop&crop=face" }, +] + +const departmentBoard = [ + { name: "Mohammed Thabit", role: "MD Events", photo: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=500&fit=crop&crop=face" }, + { name: "Piotr Nobis", role: "MD Marketing", photo: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=500&fit=crop&crop=face" }, + { name: "Anna Heletych", role: "MD People", photo: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=500&fit=crop&crop=face" }, + { name: "Niklas Simakov", role: "MD Finance & Operations", photo: "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?w=400&h=500&fit=crop&crop=face" }, + { name: "Marius Heumader", role: "MD Partnerships", photo: "https://images.unsplash.com/photo-1463453091185-61582044d556?w=400&h=500&fit=crop&crop=face" }, +] + +const advisoryBoard = [ + { name: "Advisory Member 1", role: "CEO, Company", bio: "Brings 20+ years of experience in scaling tech companies across Europe. Advises on corporate strategy and international expansion.", photo: "https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400&h=500&fit=crop&crop=face" }, + { name: "Advisory Member 2", role: "Founder, Startup", bio: "Serial entrepreneur with three successful exits. Mentors early-stage founders on product-market fit and fundraising.", photo: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400&h=500&fit=crop&crop=face" }, + { name: "Advisory Member 3", role: "Partner, VC Fund", bio: "Leads early-stage investments in deep tech and SaaS. Connects our startups with the European investor network.", photo: "https://images.unsplash.com/photo-1566492031773-4f4e44671857?w=400&h=500&fit=crop&crop=face" }, + { name: "Advisory Member 4", role: "Professor, TUM", bio: "Chair of Entrepreneurship at TU Munich. Bridges academic research with real-world startup building.", photo: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=500&fit=crop&crop=face" }, + { name: "Advisory Member 5", role: "Managing Director", bio: "Runs one of Munich's leading accelerator programs. Expert in go-to-market strategy and corporate partnerships.", photo: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=500&fit=crop&crop=face" }, + { name: "Advisory Member 6", role: "Angel Investor", bio: "Backed 40+ startups across fintech, healthtech, and mobility. Offers hands-on support in the critical first 18 months.", photo: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=500&fit=crop&crop=face" }, + { name: "Advisory Member 7", role: "COO, Scale-up", bio: "Operational leader who scaled a Munich startup from 10 to 500 employees. Advises on hiring, culture, and processes.", photo: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=500&fit=crop&crop=face" }, +] + +const missionPartners = [ + { name: "MTZ", description: "The Münchner Technologiezentrum provides office space, business coaching, and networking for young tech companies near Olympic Park — helping startups grow from first idea to market.", logo: "", image: "https://images.unsplash.com/photo-1497366216548-37526070297c?w=600&h=400&fit=crop" }, + { name: "Munich Startup", description: "Munich's official startup portal connecting founders with resources, investors, and the local ecosystem — mapping the city's innovation landscape and amplifying its startup scene.", logo: "", image: "https://images.unsplash.com/photo-1559136555-9303baea8ebd?w=600&h=400&fit=crop" }, +] + +export default function AboutUsPage() { + const [selectedAdvisor, setSelectedAdvisor] = useState(null) + const missionView = useInView(0.1) + const partnersView = useInView(0.1) + const execView = useInView(0.1) + const deptView = useInView(0.1) + const advView = useInView(0.1) + + return ( +
+ About Us} + description="We empower the next generation of founders to dare, build, and belong." + /> + + {/* ═══ 01 VISION & MISSION — bold editorial ═══ */} +
+
+
+
+ Our Purpose +

+ VISION
& MISSION +

+
+
+ +
+
+
+
+ + + +
+ Mission +
+

+ Empowering
founders of
tomorrow. +

+

+ We provide the education, network, and hands-on experience that transforms ambitious students into successful entrepreneurs. +

+
+ +
+
+
+ + + + +
+ Vision +
+

+ Munich as
Europe's
startup hub. +

+

+ We envision a Munich where every ambitious idea has the chance to become reality — a thriving ecosystem that rivals Silicon Valley. +

+
+
+
+
+ + {/* Divider */} +
+
+
+ + {/* ═══ 02 MISSION PARTNERS ═══ */} +
+
+
+ Mission Partners +

Organisations who share our mission and support us in building Munich's next generation of founders.

+
+ +
+ {missionPartners.map((partner, i) => ( +
+
+ {partner.name} +
+
+
+
+ {partner.logo + ? {partner.name} + : {partner.name.charAt(0)} + } +
+

{partner.name}

+
+

{partner.description}

+
+
+ ))} +
+
+
+ + {/* ═══ 03 EXECUTIVE BOARD — side-by-side layout ═══ */} +
+
+ +
+
+ {/* Left: sticky heading */} +
+ Meet the Team +

+ THE
EXECUTIVE
BOARD +

+

+ Leading START Munich's strategic direction and day-to-day operations. +

+
+ + {/* Right: portrait cards */} +
+ {executiveBoard.map((member) => ( +
+
+ {member.name} +
+
+

{member.name}

+

{member.role}

+
+
+
+ ))} +
+
+
+
+ + {/* ═══ 04 DEPARTMENT BOARD — compact row with circles ═══ */} +
+
+
+
+
+ Department Board +
+ +
+ {departmentBoard.map((member, i) => ( +
+
+ {member.name} +
+

{member.name}

+

{member.role}

+
+ ))} +
+
+
+
+ + {/* ═══ 05 ADVISORY BOARD — thumbnail grid with expandable detail ═══ */} +
+
+
+
+ Advisory Board +
+ Seasoned entrepreneurs and industry leaders who sharpen our direction. +
+ + {/* 7-column thumbnail grid */} +
+ {advisoryBoard.map((member, i) => ( + + ))} +
+ + {/* Expandable detail panel */} +
+ {selectedAdvisor !== null && ( +
+
+ {advisoryBoard[selectedAdvisor].name} +
+
+
+
+

{advisoryBoard[selectedAdvisor].name}

+

{advisoryBoard[selectedAdvisor].role}

+
+ +
+

{advisoryBoard[selectedAdvisor].bio}

+
+
+ )} +
+
+
+
+ ) +} diff --git a/app/our-mission/page.tsx b/app/our-mission/page.tsx index d8236fe..10a4f8b 100644 --- a/app/our-mission/page.tsx +++ b/app/our-mission/page.tsx @@ -1,173 +1,5 @@ -"use client" +import { redirect } from 'next/navigation' -import { useState, useEffect } from 'react' -import { useInView } from '@/lib/hooks' -import Hero from '@/components/Hero' - -const turningPhrases = [ - { from: "latest research", to: "innovation" }, - { from: "students", to: "founders" }, - { from: "bold ideas", to: "reality" }, - { from: "ambition", to: "impact" }, - { from: "passion", to: "startups" }, -] - -export default function OurMissionPage() { - const [turningIdx, setTurningIdx] = useState(0) - const missionView = useInView(0.15) - - useEffect(() => { - const t = setInterval(() => setTurningIdx(p => (p + 1) % turningPhrases.length), 2500) - return () => clearInterval(t) - }, []) - - return ( -
- Our Mission} - description="We empower the next generation of founders to dare, build, and belong." - /> - - {/* ═══════════════════════════ MISSION & VISION — SPLIT DESIGN ═══════════════════════════ */} -
-
- {/* Hero statement with turning phrases */} -
- {/* Background decorations */} -
-
-
-
- -
-
- Our Purpose -
- - {/* Large turning phrase */} -
-
- TURNING - - {turningPhrases.map((phrase, i) => ( - - {phrase.from} - - ))} - -
-
- INTO - - {turningPhrases.map((phrase, i) => ( - - {phrase.to} - - ))} - -
-
-
-
- - {/* Split cards - TUM Image, Mission & Vision */} -
- {/* TUM Image - Absolute Left */} -
-
- ) +export default function OurMissionRedirect() { + redirect('/about-us') } diff --git a/components/Navigation.tsx b/components/Navigation.tsx index 9a83fae..10e296b 100644 --- a/components/Navigation.tsx +++ b/components/Navigation.tsx @@ -85,7 +85,7 @@ export default function Navigation() { setIsCommunityOpen(false)} className="group block px-6 py-3.5 text-white text-base font-bold hover:bg-brand-pink transition-all duration-200" > @@ -93,7 +93,7 @@ export default function Navigation() { - Our Mission + About Us setIsMobileMenuOpen(false)} > - Our Mission + About Us