
<!DOCTYPE html><html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <!-- Tailwind CSS CDN -->
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 font-sans">
  <!-- Header -->
  <header class="bg-white shadow">
    <div class="container mx-auto px-4 py-4 flex items-center justify-between">
      <div class="flex items-center">
        <!-- Placeholder for logo; replace with actual logo URL -->
        <img src="https://via.placeholder.com/150x50?text=André+Geßner+Logo" alt="André Geßner Logo" class="h-12">
      </div>
      <nav class="hidden md:flex space-x-4">
        <a href="#home" class="text-gray-600 hover:text-gray-800">Home</a>
        <a href="#portfolio" class="text-gray-600 hover:text-gray-800">Portfolio</a>
        <a href="#services" class="text-gray-600 hover:text-gray-800">Services</a>
        <a href="#contact" class="text-gray-600 hover:text-gray-800">Contact</a>
      </nav>
    </div>
  </header>

  <!-- Main Content -->
  <main class="container mx-auto px-4 py-8">
    <!-- Hero Section with Image -->
    <section class="mb-12">
      <div class="text-center">
        <h1 class="text-4xl font-bold text-gray-800 mb-4"></h1>
        <p class="text-lg text-gray-600 mb-6"></p>
        <img src="https://andregessner.com/templates/yootheme/cache/newlawnchairs-33d4fb29.jpeg" alt="Lawn Chairs" class="w-full max-w-2xl mx-auto h-96 object-cover rounded-lg">
      </div>
    </section>

    <!-- About Section -->
    <section class="mb-12">
      <h2 class="text-3xl font-bold text-gray-800 mb-4 text-center">About André Geßner</h2>
      <p class="text-lg text-gray-600 max-w-3xl mx-auto text-center">
        André Geßner is an internationally renowned designer, photographer, and brander based in Ishigaki, Okinawa, Japan. With fluency in English, German, Spanish, and Japanese, he brings a global perspective to his work. Since 2008, his design studio has provided top-tier web design, branding, and photography services for clients in industries like luxury resort villa rentals, typhoon protection systems, and jewelry. His approach focuses on understanding the client’s needs and target market to create impactful designs that resonate with end users.
      </p>
    </section>

    <!-- Call to Action -->
    <section class="text-center">
      <a href="#contact" class="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg text-lg font-semibold hover:bg-blue-700 transition">
        Get in Touch
      </a>
    </section>
  </main>

  <!-- Footer -->
  <footer class="bg-gray-800 text-white py-8">
    <div class="container mx-auto px-4">
      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
        <div>
          <h3 class="text-lg font-bold mb-4">André Geßner Design Studios</h3>
          <p>Based in Ishigaki, Okinawa, Japan</p>
        </div>
        <div>
          <h3 class="text-lg font-bold mb-4">Quick Links</h3>
          <ul>
            <li class="mb-2"><a href="#home" class="hover:underline">Home</a></li>
            <li class="mb-2"><a href="#portfolio" class="hover:underline">Portfolio</a></li>
            <li class="mb-2"><a href="#services" class="hover:underline">Services</a></li>
            <li class="mb-2"><a href="#contact" class="hover:underline">Contact</a></li>
          </ul>
        </div>
        <div>
          <h3 class="text-lg font-bold mb-4">Contact</h3>
          <p>Email: info@andregessner.com</p>
          <p>Location: Ishigaki, Okinawa, Japan</p>
        </div>
      </div>
      <div class="mt-8 text-center">
        <p>© 2025 André Geßner Design Studios. All rights reserved.</p>
      </div>
    </div>
  </footer>
</body>
</html>