Admin Mooks.magma.nu

Editor : index4.php

<?php
// Simple PHP version
?>
<!DOCTYPE html>
<html lang="sv">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Insikt</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>

<header class="max-w-6xl mx-auto flex justify-between items-center py-6 px-6">
  <div class="flex items-center gap-3">
    <div class="w-10 h-10 rounded-full border flex items-center justify-center">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
        <path d="M12 5L18 18H6L12 5Z" fill="black"/>
      </svg>
    </div>
    <div>
      <div class="font-medium">Mooks</div>
      <div class="text-xs text-stone-500">Ledarskap & förändring</div>
    </div>
  </div>

<nav class="space-x-6 text-sm">
    <a href="#">Om</a>
    <a href="#">Tjänster</a>
    <a href="#">Insikter</a>
    <a href="#">Partners</a>
    <a href="#">Kontakt</a>
  </nav>
</header>

<section class="max-w-6xl mx-auto px-6 py-24 grid md:grid-cols-2 gap-12 items-center">
  
  <div>
    <h1 class="text-5xl font-light leading-tight mb-6">
      Vi hjälper individer, par och organisationer till bättre välmående
    </h1>
    <p class="text-stone-600 mb-6">
      Genom att öka medvetenhet i relationen till sig själv och andra.
    </p>
    <a href="#" class="inline-block bg-stone-800 text-white px-6 py-3 rounded-full">
      Kontakta oss
    </a>
  </div>

</section>

<section class="max-w-6xl mx-auto px-6 py-12 grid md:grid-cols-3 gap-6">

<div class="bg-white p-8 rounded-2xl shadow-sm">
    <h3 class="text-lg mb-2">Samtalsterapi</h3>
    <p class="text-stone-600 text-sm">
      Enskild terapi för ökat självförståelse och välmående.
    </p>
  </div>

<div class="bg-white p-8 rounded-2xl shadow-sm">
    <h3 class="text-lg mb-2">Parterapi</h3>
    <p class="text-stone-600 text-sm">
      Parterapi för djupare förståelse och starkare relationer.
    </p>
  </div>

<div class="bg-white p-8 rounded-2xl shadow-sm">
    <h3 class="text-lg mb-2">Organisationer</h3>
    <p class="text-stone-600 text-sm">
      Utveckling av ledare, team och organisationer.
    </p>
  </div>

</section>

<section class="max-w-6xl mx-auto px-6 py-24 grid md:grid-cols-2 gap-16 items-center">

<div>
    <h2 class="text-3xl font-light mb-6">Om oss</h2>
    <p class="text-stone-600 mb-6">
      Vi arbetar med personlig utveckling, terapi och ledarskap.
      Med ett gestaltiskt förhållningssätt där medvetenhet,
      ansvar och relation är centralt.
    </p>
    <img src="images/about1.png" class="rounded-2xl">
  </div>

<div>
    <img src="images/portrait.png" class="rounded-2xl mb-6">
    <p class="text-stone-600">
      Kort presentation om personen här.
    </p>
  </div>

</section>

<section class="max-w-6xl mx-auto px-6 py-12">

<h2 class="text-3xl font-light mb-10">Senaste artiklar</h2>

<div>
      <img src="images/article1.png" class="rounded-xl mb-4">
      <h3 class="mb-2">Att hantera stress</h3>
      <p class="text-stone-600 text-sm">Strategier för ett lugnare liv.</p>
    </div>

<div>
      <img src="images/article2.png" class="rounded-xl mb-4">
      <h3 class="mb-2">Vikten av självkännedom</h3>
      <p class="text-stone-600 text-sm">
        Hur medvetenhet leder till bättre relationer.
      </p>
    </div>

<div>
      <img src="images/article3.png" class="rounded-xl mb-4">
      <h3 class="mb-2">Ledarskap och empati</h3>
      <p class="text-stone-600 text-sm">Skapa trygga team.</p>
    </div>

</div>

</section>

<section class="bg-stone-900 text-white py-24 text-center">
  <h2 class="text-3xl font-light mb-6">Vill du ta nästa steg?</h2>
  
  <div class="space-x-4">
    <button class="bg-white text-black px-6 py-3 rounded-full">
      Kontakta oss
    </button>
    <button class="border border-white px-6 py-3 rounded-full">
      Boka möte
    </button>
  </div>
</section>

<footer class="text-center text-sm text-stone-500 py-10">
  Kontakt · Email · LinkedIn
</footer>

</body>
</html>