src/StartPlatz/Bundle/MentorsBundle/Resources/views/Public/_experts-residence-content-en.html.twig line 1

Open in your IDE?
  1. {# Hero Section - Title and Tagline only #}
  2. <section class="eir-hero-purple">
  3.     <div class="container text-center">
  4.         <h1 class="display-3 font-weight-bold text-white mb-3">Experts in Residence</h1>
  5.         <p class="lead text-white">World-class experts supporting our startups</p>
  6.     </div>
  7. </section>
  8. {# Expert Cards Section - Separate section with light purple #}
  9. <section class="eir-experts-section">
  10.     <div class="container">
  11.         <div class="row justify-content-center">
  12.             {% if experts is empty %}
  13.                 <div class="col-lg-8">
  14.                     <div class="empty-state">
  15.                         <i class="fas fa-user-tie fa-4x mb-3"></i>
  16.                         <h3>Experts in Residence coming soon</h3>
  17.                         <p>
  18.                             We are working to recruit high-caliber experts for our program.<br>
  19.                             More information will follow shortly.
  20.                         </p>
  21.                     </div>
  22.                 </div>
  23.             {% else %}
  24.                 {% for expert in experts %}
  25.                     <div class="col-lg-4 col-md-6 mb-4">
  26.                         {% include '@StartPlatzMentors/Public/_expert-card.html.twig' with {'expert': expert, 'language': 'en'} %}
  27.                     </div>
  28.                 {% endfor %}
  29.             {% endif %}
  30.         </div>
  31.     </div>
  32. </section>
  33. {# Program Overview #}
  34. <section class="eir-overview py-5">
  35.     <div class="container">
  36.         <div class="row">
  37.             <div class="col-lg-8 mx-auto">
  38.                 <h2 class="text-center mb-4">About the Program</h2>
  39.                 <p class="lead text-center mb-5">
  40.                     The EiR Program's goal is to ensure continuous knowledge transfer by embedding experienced
  41.                     AI experts directly into startup support, strengthening the regional ecosystem while
  42.                     contributing to <strong>Europe catching up in the global AI competition</strong>.
  43.                 </p>
  44.             </div>
  45.         </div>
  46.     </div>
  47. </section>
  48. {# Distinction from Mentors #}
  49. <section class="eir-distinction py-5">
  50.     <div class="container">
  51.         <h2 class="text-center mb-5">Distinction from Mentors</h2>
  52.         <div class="row">
  53.             <div class="col-md-6 mb-4">
  54.                 <div class="card h-100 border-primary">
  55.                     <div class="card-body">
  56.                         <h4 class="card-title text-primary">
  57.                             <i class="fas fa-brain mr-2"></i>Expert-in-Residence (EiR)
  58.                         </h4>
  59.                         <p class="card-text">
  60.                             Exclusively <strong>AI experts</strong> who provide deep expertise in generative AI,
  61.                             data strategies, AI architectures, and AI-driven business models.
  62.                         </p>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.             <div class="col-md-6 mb-4">
  67.                 <div class="card h-100">
  68.                     <div class="card-body">
  69.                         <h4 class="card-title">
  70.                             <i class="fas fa-users mr-2"></i>Mentors
  71.                         </h4>
  72.                         <p class="card-text">
  73.                             Complementary experts covering <strong>general business and startup-related topics</strong>,
  74.                             such as fundraising, marketing, sales, HR, or legal aspects.
  75.                         </p>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.         <p class="text-center text-muted mt-3">
  81.             This distinction ensures that startups receive both technological depth and broad entrepreneurial support.
  82.         </p>
  83.     </div>
  84. </section>
  85. {# Role of Experts #}
  86. <section class="eir-role py-5">
  87.     <div class="container">
  88.         <h2 class="text-center mb-5">Role of the Experts</h2>
  89.         <div class="row">
  90.             <div class="col-lg-10 mx-auto">
  91.                 <div class="card-deck">
  92.                     <div class="card mb-3">
  93.                         <div class="card-body">
  94.                             <h5 class="card-title">
  95.                                 <i class="fas fa-chalkboard-teacher text-primary mr-2"></i>
  96.                                 AI Mentoring & Coaching
  97.                             </h5>
  98.                             <p class="card-text">
  99.                                 Individual guidance for startups over several months, focusing on technical
  100.                                 implementation, data strategy, and AI-driven scaling.
  101.                             </p>
  102.                         </div>
  103.                     </div>
  104.                     <div class="card mb-3">
  105.                         <div class="card-body">
  106.                             <h5 class="card-title">
  107.                                 <i class="fas fa-graduation-cap text-primary mr-2"></i>
  108.                                 Knowledge Transfer
  109.                             </h5>
  110.                             <p class="card-text">
  111.                                 Delivery of hands-on workshops, lectures, and masterclasses on topics such as
  112.                                 generative AI, AI strategy, data ethics, or AI-based business models.
  113.                             </p>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.                 <div class="card-deck">
  118.                     <div class="card mb-3">
  119.                         <div class="card-body">
  120.                             <h5 class="card-title">
  121.                                 <i class="fas fa-calendar-alt text-primary mr-2"></i>
  122.                                 Community Engagement
  123.                             </h5>
  124.                             <p class="card-text">
  125.                                 Presence at public accelerator events (Demo Day, MidTerm Company Day,
  126.                                 AI Gatherings) and contribution to new formats.
  127.                             </p>
  128.                         </div>
  129.                     </div>
  130.                     <div class="card mb-3">
  131.                         <div class="card-body">
  132.                             <h5 class="card-title">
  133.                                 <i class="fas fa-network-wired text-primary mr-2"></i>
  134.                                 Network Access
  135.                             </h5>
  136.                             <p class="card-text">
  137.                                 Opening doors to industry, academia, investors, and international partners.
  138.                             </p>
  139.                         </div>
  140.                     </div>
  141.                 </div>
  142.                 <div class="card">
  143.                     <div class="card-body">
  144.                         <h5 class="card-title">
  145.                             <i class="fas fa-bullhorn text-primary mr-2"></i>
  146.                             Ambassador Role
  147.                         </h5>
  148.                         <p class="card-text">
  149.                             Visibility as thought leaders of the Cologne and European AI ecosystem in media,
  150.                             interviews, and publications.
  151.                         </p>
  152.                     </div>
  153.                 </div>
  154.             </div>
  155.         </div>
  156.     </div>
  157. </section>
  158. {# Expectations #}
  159. <section class="eir-expectations bg-light py-5">
  160.     <div class="container">
  161.         <h2 class="text-center mb-5">Expectations for EiRs</h2>
  162.         <div class="row">
  163.             <div class="col-lg-10 mx-auto">
  164.                 <p class="lead text-center mb-4">
  165.                     EiRs are expected to actively engage both onsite and digitally:
  166.                 </p>
  167.                 <div class="row">
  168.                     <div class="col-md-6 mb-3">
  169.                         <div class="d-flex">
  170.                             <i class="fas fa-lightbulb text-primary mr-3 mt-1"></i>
  171.                             <div>
  172.                                 <h6>Show knowledge & expertise</h6>
  173.                                 <p class="text-muted">Actively share expertise, best practices, and experience.</p>
  174.                             </div>
  175.                         </div>
  176.                     </div>
  177.                     <div class="col-md-6 mb-3">
  178.                         <div class="d-flex">
  179.                             <i class="fas fa-eye text-primary mr-3 mt-1"></i>
  180.                             <div>
  181.                                 <h6>Visibility in the accelerator</h6>
  182.                                 <p class="text-muted">Be present at key events and actively participate in exchange formats with startups.</p>
  183.                             </div>
  184.                         </div>
  185.                     </div>
  186.                     <div class="col-md-6 mb-3">
  187.                         <div class="d-flex">
  188.                             <i class="fas fa-map-marker-alt text-primary mr-3 mt-1"></i>
  189.                             <div>
  190.                                 <h6>Onsite presence</h6>
  191.                                 <p class="text-muted">Personal interaction with startups during each batch to ensure effective knowledge transfer.</p>
  192.                             </div>
  193.                         </div>
  194.                     </div>
  195.                     <div class="col-md-6 mb-3">
  196.                         <div class="d-flex">
  197.                             <i class="fas fa-laptop text-primary mr-3 mt-1"></i>
  198.                             <div>
  199.                                 <h6>Digital presence</h6>
  200.                                 <p class="text-muted">Visibility in the online ecosystem of the accelerator.</p>
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.                 <div class="row mt-4">
  206.                     <div class="col-12">
  207.                         <div class="alert alert-info">
  208.                             <h6 class="alert-heading">
  209.                                 <i class="fas fa-check-circle mr-2"></i>Specific Commitments:
  210.                             </h6>
  211.                             <ul class="mb-0">
  212.                                 <li><strong>Masterclass:</strong> At least one masterclass per batch on their area of expertise</li>
  213.                                 <li><strong>Ask Me Anything (AMA):</strong> Participation in 1–2 AMA sessions per batch</li>
  214.                             </ul>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.             </div>
  219.         </div>
  220.     </div>
  221. </section>
  222. {# Benefits #}
  223. <section class="eir-benefits py-5">
  224.     <div class="container">
  225.         <h2 class="text-center mb-5">Benefits for Experts-in-Residence</h2>
  226.         <p class="lead text-center mb-5">
  227.             Since no monetary compensation is offered, EiRs benefit from reputational,
  228.             ideational, and infrastructural incentives:
  229.         </p>
  230.         <div class="row">
  231.             <div class="col-lg-4 col-md-6 mb-4">
  232.                 <div class="card h-100 shadow-sm">
  233.                     <div class="card-body">
  234.                         <div class="text-primary mb-3">
  235.                             <i class="fas fa-trophy fa-2x"></i>
  236.                         </div>
  237.                         <h5 class="card-title">Reputation & Visibility</h5>
  238.                         <p class="card-text">
  239.                             Positioning as a leading voice in the regional and European AI ecosystem
  240.                         </p>
  241.                     </div>
  242.                 </div>
  243.             </div>
  244.             <div class="col-lg-4 col-md-6 mb-4">
  245.                 <div class="card h-100 shadow-sm">
  246.                     <div class="card-body">
  247.                         <div class="text-primary mb-3">
  248.                             <i class="fas fa-pen-fancy fa-2x"></i>
  249.                         </div>
  250.                         <h5 class="card-title">Content & Thought Leadership</h5>
  251.                         <p class="card-text">
  252.                             Publication opportunities (case studies, whitepapers, interviews, media presence)
  253.                         </p>
  254.                     </div>
  255.                 </div>
  256.             </div>
  257.             <div class="col-lg-4 col-md-6 mb-4">
  258.                 <div class="card h-100 shadow-sm">
  259.                     <div class="card-body">
  260.                         <div class="text-primary mb-3">
  261.                             <i class="fas fa-handshake fa-2x"></i>
  262.                         </div>
  263.                         <h5 class="card-title">Network</h5>
  264.                         <p class="card-text">
  265.                             Direct access to startups, investors, industry and academic partners
  266.                         </p>
  267.                     </div>
  268.                 </div>
  269.             </div>
  270.             <div class="col-lg-4 col-md-6 mb-4">
  271.                 <div class="card h-100 shadow-sm">
  272.                     <div class="card-body">
  273.                         <div class="text-primary mb-3">
  274.                             <i class="fas fa-flag-eu fa-2x"></i>
  275.                         </div>
  276.                         <h5 class="card-title">Purpose & Mission</h5>
  277.                         <p class="card-text">
  278.                             Contributing to Europe's goal of achieving technological sovereignty in AI
  279.                         </p>
  280.                     </div>
  281.                 </div>
  282.             </div>
  283.             <div class="col-lg-4 col-md-6 mb-4">
  284.                 <div class="card h-100 shadow-sm">
  285.                     <div class="card-body">
  286.                         <div class="text-primary mb-3">
  287.                             <i class="fas fa-microscope fa-2x"></i>
  288.                         </div>
  289.                         <h5 class="card-title">Learning Effects</h5>
  290.                         <p class="card-text">
  291.                             Practical insights from diverse AI use cases in the accelerator
  292.                         </p>
  293.                     </div>
  294.                 </div>
  295.             </div>
  296.             <div class="col-lg-4 col-md-6 mb-4">
  297.                 <div class="card h-100 shadow-sm">
  298.                     <div class="card-body">
  299.                         <div class="text-primary mb-3">
  300.                             <i class="fas fa-building fa-2x"></i>
  301.                         </div>
  302.                         <h5 class="card-title">STARTPLATZ Infrastructure</h5>
  303.                         <p class="card-text">
  304.                             Full coworker rights: coworking space access, discounted meeting rooms, 24/7 building access
  305.                         </p>
  306.                     </div>
  307.                 </div>
  308.             </div>
  309.         </div>
  310.         <div class="row">
  311.             <div class="col-12">
  312.                 <div class="alert alert-success">
  313.                     <h6 class="alert-heading">
  314.                         <i class="fas fa-graduation-cap mr-2"></i>Community & Learning
  315.                     </h6>
  316.                     <p class="mb-0">
  317.                         Free access to all accelerator masterclasses and the digital community <strong>"KI Campus"</strong>
  318.                     </p>
  319.                 </div>
  320.             </div>
  321.         </div>
  322.     </div>
  323. </section>
  324. {# Program Structure #}
  325. <section class="eir-structure bg-light py-5">
  326.     <div class="container">
  327.         <h2 class="text-center mb-5">Program Structure</h2>
  328.         <div class="row">
  329.             <div class="col-lg-10 mx-auto">
  330.                 <div class="row mb-4">
  331.                     <div class="col-md-6">
  332.                         <div class="card">
  333.                             <div class="card-body">
  334.                                 <h5 class="card-title">
  335.                                     <i class="fas fa-clock text-primary mr-2"></i>Duration
  336.                                 </h5>
  337.                                 <p class="card-text">
  338.                                     <strong>Three years</strong>, six batches of six months each
  339.                                 </p>
  340.                             </div>
  341.                         </div>
  342.                     </div>
  343.                     <div class="col-md-6">
  344.                         <div class="card">
  345.                             <div class="card-body">
  346.                                 <h5 class="card-title">
  347.                                     <i class="fas fa-calendar-check text-primary mr-2"></i>Commitment
  348.                                 </h5>
  349.                                 <p class="card-text">
  350.                                     Minimum of <strong>one batch (6 months)</strong>.
  351.                                     Ideally, experts remain engaged across all six batches for continuity.
  352.                                 </p>
  353.                             </div>
  354.                         </div>
  355.                     </div>
  356.                 </div>
  357.                 <h5 class="mb-3">Formats:</h5>
  358.                 <div class="list-group">
  359.                     <div class="list-group-item">
  360.                         <h6 class="mb-1">EiR Mentorship</h6>
  361.                         <p class="mb-0 text-muted">Long-term support for individual startups in AI topics</p>
  362.                     </div>
  363.                     <div class="list-group-item">
  364.                         <h6 class="mb-1">EiR Impulses</h6>
  365.                         <p class="mb-0 text-muted">Keynote or workshop contributions within the accelerator</p>
  366.                     </div>
  367.                     <div class="list-group-item">
  368.                         <h6 class="mb-1">EiR Specials</h6>
  369.                         <p class="mb-0 text-muted">Facilitation of expert panels, think tanks, or roundtables</p>
  370.                     </div>
  371.                     <div class="list-group-item">
  372.                         <h6 class="mb-1">Digital Formats</h6>
  373.                         <p class="mb-0 text-muted">Masterclasses and AMA sessions per batch</p>
  374.                     </div>
  375.                 </div>
  376.                 <div class="alert alert-info mt-4">
  377.                     <strong>Integration into the program:</strong>
  378.                     EiRs are integral parts of each batch (Kick-Off, MidTerm, Demo Day).
  379.                 </div>
  380.             </div>
  381.         </div>
  382.     </div>
  383. </section>
  384. {# European Dimension #}
  385. <section class="eir-european py-5">
  386.     <div class="container">
  387.         <h2 class="text-center mb-5">
  388.             <i class="fas fa-flag-eu text-primary mr-2"></i>
  389.             European Dimension
  390.         </h2>
  391.         <div class="row">
  392.             <div class="col-lg-10 mx-auto">
  393.                 <p class="lead text-center mb-4">
  394.                     EiRs actively contribute to strengthening the European AI ecosystem:
  395.                 </p>
  396.                 <div class="card-deck">
  397.                     <div class="card border-primary">
  398.                         <div class="card-body">
  399.                             <h5 class="card-title text-primary">Catching up in global competition</h5>
  400.                             <p class="card-text">
  401.                                 Their expertise flows into real startup projects that prove Europe can deliver
  402.                                 competitive AI innovation.
  403.                             </p>
  404.                         </div>
  405.                     </div>
  406.                     <div class="card border-primary">
  407.                         <div class="card-body">
  408.                             <h5 class="card-title text-primary">Best Practices from Cologne for Europe</h5>
  409.                             <p class="card-text">
  410.                                 Successful EiR contributions serve as blueprints for other hubs in Europe.
  411.                             </p>
  412.                         </div>
  413.                     </div>
  414.                     <div class="card border-primary">
  415.                         <div class="card-body">
  416.                             <h5 class="card-title text-primary">Networking with European partners</h5>
  417.                             <p class="card-text">
  418.                                 EiRs benefit from connections with networks such as KI.NRW, KI Bundesverband,
  419.                                 Transatlantic AI eXchange, and AI Village.
  420.                             </p>
  421.                         </div>
  422.                     </div>
  423.                 </div>
  424.             </div>
  425.         </div>
  426.     </div>
  427. </section>
  428. {# Impact #}
  429. <section class="eir-impact bg-light py-5">
  430.     <div class="container">
  431.         <h2 class="text-center mb-5">Impact</h2>
  432.         <div class="row">
  433.             <div class="col-md-4 mb-4">
  434.                 <div class="card h-100 shadow">
  435.                     <div class="card-header bg-primary text-white">
  436.                         <h5 class="mb-0">
  437.                             <i class="fas fa-rocket mr-2"></i>For Startups
  438.                         </h5>
  439.                     </div>
  440.                     <div class="card-body">
  441.                         <ul class="list-unstyled">
  442.                             <li><i class="fas fa-check text-success mr-2"></i>Practical support</li>
  443.                             <li><i class="fas fa-check text-success mr-2"></i>Accelerated growth and scaling</li>
  444.                             <li><i class="fas fa-check text-success mr-2"></i>Strengthened AI capabilities</li>
  445.                         </ul>
  446.                     </div>
  447.                 </div>
  448.             </div>
  449.             <div class="col-md-4 mb-4">
  450.                 <div class="card h-100 shadow">
  451.                     <div class="card-header bg-primary text-white">
  452.                         <h5 class="mb-0">
  453.                             <i class="fas fa-user-tie mr-2"></i>For Experts
  454.                         </h5>
  455.                     </div>
  456.                     <div class="card-body">
  457.                         <ul class="list-unstyled">
  458.                             <li><i class="fas fa-check text-success mr-2"></i>Reputation building</li>
  459.                             <li><i class="fas fa-check text-success mr-2"></i>Access to innovation projects</li>
  460.                             <li><i class="fas fa-check text-success mr-2"></i>Positioning as shapers of the European AI ecosystem</li>
  461.                         </ul>
  462.                     </div>
  463.                 </div>
  464.             </div>
  465.             <div class="col-md-4 mb-4">
  466.                 <div class="card h-100 shadow">
  467.                     <div class="card-header bg-primary text-white">
  468.                         <h5 class="mb-0">
  469.                             <i class="fas fa-globe-europe mr-2"></i>For the Ecosystem
  470.                         </h5>
  471.                     </div>
  472.                     <div class="card-body">
  473.                         <ul class="list-unstyled">
  474.                             <li><i class="fas fa-check text-success mr-2"></i>Sustainable competence building</li>
  475.                             <li><i class="fas fa-check text-success mr-2"></i>Stronger visibility of Cologne as an AI hotspot</li>
  476.                             <li><i class="fas fa-check text-success mr-2"></i>Contribution to Europe's competitiveness in AI</li>
  477.                         </ul>
  478.                     </div>
  479.                 </div>
  480.             </div>
  481.         </div>
  482.     </div>
  483. </section>
  484. {# Conclusion #}
  485. <section class="eir-conclusion py-5 bg-primary text-white">
  486.     <div class="container">
  487.         <div class="row">
  488.             <div class="col-lg-10 mx-auto text-center">
  489.                 <h2 class="mb-4">A Flagship Initiative for the Future</h2>
  490.                 <p class="lead">
  491.                     The Expert-in-Residence Program is a <strong>flagship initiative</strong> of the STARTPLATZ AI Accelerator.
  492.                     It offers a platform where experts share their knowledge, startups benefit directly, and the overall
  493.                     ecosystem grows stronger.
  494.                 </p>
  495.                 <p>
  496.                     By combining local anchoring, international networking, and European mission-building, it becomes a
  497.                     powerful building block for the future of Cologne, NRW, and Europe.
  498.                 </p>
  499.             </div>
  500.         </div>
  501.     </div>
  502. </section>
  503. {# Call to Action #}
  504. <section class="eir-cta py-5">
  505.     <div class="container">
  506.         <div class="row">
  507.             <div class="col-md-6 mb-4">
  508.                 <div class="card h-100 shadow-lg">
  509.                     <div class="card-body text-center">
  510.                         <i class="fas fa-rocket fa-3x text-primary mb-3"></i>
  511.                         <h3 class="card-title">For Startups</h3>
  512.                         <p class="card-text">
  513.                             Benefit from the expertise of our Experts-in-Residence and
  514.                             take your AI startup to the next level.
  515.                         </p>
  516.                         <a href="/en/accelerator/#application" class="btn btn-primary btn-lg">
  517.                             Apply Now
  518.                         </a>
  519.                     </div>
  520.                 </div>
  521.             </div>
  522.             <div class="col-md-6 mb-4">
  523.                 <div class="card h-100 shadow-lg">
  524.                     <div class="card-body text-center">
  525.                         <i class="fas fa-user-tie fa-3x text-primary mb-3"></i>
  526.                         <h3 class="card-title">For Experts</h3>
  527.                         <p class="card-text">
  528.                             Become part of our program and help shape the future of
  529.                             the European AI landscape.
  530.                         </p>
  531.                         <a href="mailto:accelerator@startplatz.de?subject=Interest%20in%20Expert-in-Residence%20Program"
  532.                            class="btn btn-outline-primary btn-lg">
  533.                             Get in Touch
  534.                         </a>
  535.                     </div>
  536.                 </div>
  537.             </div>
  538.         </div>
  539.     </div>
  540. </section>