{% extends "_base.html" %} {% block content %}
<div class="bg-gray-50 py-12">
  <div class="container mx-auto px-6">
    <h1 class="text-4xl font-bold text-center mb-4">Our Coaching Areas</h1>
    <p class="text-xl text-gray-600 text-center mb-12">
      Comprehensive coaching programs tailored to your professional and personal
      growth
    </p>

    <!-- Career Advice Section -->
    <div class="mb-16">
      <div class="flex items-center mb-8">
        <img
          src="img/coaching-career.svg"
          alt="Career advice icon"
          class="w-8 h-8 mr-4"
          width="24"
          height="24"
        />
        <h2 class="text-3xl font-bold">Career Advice</h2>
      </div>
      <p class="text-lg text-gray-600 mb-8">
        Navigate your career path with expert guidance tailored to your industry
        and location.
      </p>

      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">IT Career</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Career paths in software development</li>
            <li>• Technical vs management track</li>
            <li>• Transitioning between specialties</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Switzerland Specifics</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Work culture and expectations</li>
            <li>• Salary negotiations</li>
            <li>• Work permits and regulations</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Germany Specifics</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Job market trends</li>
            <li>• Industry hubs and opportunities</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Remote Work</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Building a remote work routine</li>
            <li>• Communication strategies</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Freelancing</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Setting up as independent contractor</li>
            <li>• Client acquisition and retention</li>
            <li>• Pricing strategies and negotiation</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Startups</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Evaluating startup opportunities</li>
            <li>• Equity considerations</li>
            <li>• Growth expectations</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Corporates</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Navigating corporate structures</li>
            <li>• Internal mobility</li>
            <li>• Building influence</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Consulting</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Types of consulting roles</li>
            <li>• Client management</li>
            <li>• Balancing multiple projects</li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Personal Development Section -->
    <div class="mb-16">
      <div class="flex items-center mb-8">
        <img
          src="img/coaching-personal.svg"
          alt="Personal development icon"
          class="w-8 h-8 mr-4"
          width="24"
          height="24"
        />
        <h2 class="text-3xl font-bold">Personal Development</h2>
      </div>
      <p class="text-lg text-gray-600 mb-8">
        Discover your values, strengths, and purpose to create a fulfilling life
        and career.
      </p>

      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Values</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Value identification exercises</li>
            <li>• Aligning career with personal values</li>
            <li>• Identity Workshop</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Ikigai</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Finding purpose through passion</li>
            <li>• Mission, vocation, and profession</li>
            <li>• Practical discovery exercises</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Strengths</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Assessment tools and frameworks</li>
            <li>• Leveraging strengths professionally</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Weaknesses</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Growth mindset approaches</li>
            <li>• Strategic improvement planning</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Vision</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Creating personal vision statements</li>
            <li>• Long-term life planning</li>
            <li>• Visualization techniques</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Goals</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• SMART goal framework</li>
            <li>• Balancing short and long-term objectives</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Agile Self Organization</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Personal Kanban implementation</li>
            <li>• Quarterly planning and review cycles</li>
            <li>• Agile methods for personal productivity</li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Leadership Coaching Section -->
    <div class="mb-16">
      <div class="flex items-center mb-8">
        <img
          src="img/coaching-leadership.svg"
          alt="Leadership coaching icon"
          class="w-8 h-8 mr-4"
          width="24"
          height="24"
        />
        <h2 class="text-3xl font-bold">Leadership Coaching</h2>
      </div>
      <p class="text-lg text-gray-600 mb-8">
        Develop essential leadership skills to inspire teams and drive
        organizational success.
      </p>

      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Leadership Styles</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Management vs Leadership</li>
            <li>• Situational leadership approaches</li>
            <li>• Transformational vs transactional</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Communication</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Active listening techniques</li>
            <li>• Delivering difficult messages</li>
            <li>• Cross-cultural communication</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Feedback</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Structured feedback frameworks</li>
            <li>• Creating feedback culture</li>
            <li>• Growth-oriented approaches</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Delegation</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• RACI and DACI models</li>
            <li>• Identifying tasks to delegate</li>
            <li>• Building team capacity</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Decision Making</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• OODA loop, DECIDE model</li>
            <li>• Data-driven decisions</li>
            <li>• Managing decision paralysis</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Conflict Management</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Conflict resolution models</li>
            <li>• Mediation techniques</li>
            <li>• Transforming conflict to opportunity</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Motivation</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Intrinsic vs extrinsic motivation</li>
            <li>• SCARF and Drive frameworks</li>
            <li>• Tailoring to individual needs</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Empathy & Compassion</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Building empathetic leadership</li>
            <li>• Compassion without compromising</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Trust</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Trust-building exercises</li>
            <li>• Trust in remote teams</li>
            <li>• Rebuilding broken trust</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Psychological Safety</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Assessment techniques</li>
            <li>• Creating safety in teams</li>
            <li>• Connection to innovation</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Team Building</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Tuckman's team formation</li>
            <li>• Remote team activities</li>
            <li>• Cross-functional dynamics</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h3 class="text-xl font-bold mb-3">Agile Project Management</h3>
          <ul class="text-gray-600 space-y-2">
            <li>• Project roles and responsibilities</li>
            <li>• Agile hierarchies</li>
            <li>• Balancing agility with governance</li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Technical Coaching Section -->
    <div class="mb-16">
      <div class="flex items-center mb-8">
        <img
          src="img/coaching-technical.svg"
          alt="Technical coaching icon"
          class="w-8 h-8 mr-4"
          width="24"
          height="24"
        />
        <h2 class="text-3xl font-bold">Technical Coaching</h2>
      </div>
      <p class="text-lg text-gray-600 mb-8">
        Master technical skills and best practices in software development and
        IT infrastructure.
      </p>

      <!-- Software and Web Development Subsection -->
      <h3 class="text-2xl font-bold mb-6 text-gray-700">
        Software and Web Development
      </h3>
      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Scalability</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Horizontal vs vertical scaling</li>
            <li>• Distributed systems principles</li>
            <li>• Load balancing strategies</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Browser</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Developer tools mastery</li>
            <li>• Performance optimization</li>
            <li>• Extension development</li>
          </ul>
        </div>
      </div>

      <!-- Operating Systems Subsection -->
      <h3 class="text-2xl font-bold mb-6 text-gray-700">Operating Systems</h3>
      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Linux</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Debian, Ubuntu</li>
            <li>• RedHat, Fedora, CentOS</li>
            <li>• Arch, Manjaro</li>
            <li>• SUSE, openSUSE</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Windows</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Windows 10 & 11</li>
            <li>• Windows Server 2019</li>
            <li>• Windows Server 2022</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">macOS</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• macOS basics</li>
            <li>• System administration</li>
            <li>• Shell commands</li>
          </ul>
        </div>
      </div>

      <!-- Tools Subsection -->
      <h3 class="text-2xl font-bold mb-6 text-gray-700">Development Tools</h3>
      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Git</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Advanced git workflows</li>
            <li>• Git hooks and automation</li>
            <li>• Collaboration strategies</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Docker</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Container optimization</li>
            <li>• Docker Compose</li>
            <li>• Kubernetes orchestration</li>
          </ul>
        </div>

        <div
          class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
        >
          <h4 class="text-xl font-bold mb-3">Visual Studio Code</h4>
          <ul class="text-gray-600 space-y-2">
            <li>• Extension ecosystem</li>
            <li>• Customization and settings</li>
            <li>• Productivity optimization</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Call to Action Section -->
<div class="bg-blue-600 text-white py-12">
  <div class="container mx-auto px-6 text-center">
    <h2 class="text-3xl font-bold mb-4">Ready to Accelerate Your Growth?</h2>
    <p class="text-xl mb-6">
      Let's work together to unlock your full potential
    </p>
    <button
      class="bg-white text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100"
    >
      <a href="mailto:info@allucanget.biz">Schedule Your First Session</a>
    </button>
  </div>
</div>
{% endblock %}