<!DOCTYPE html>

<html lang="de">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>withmarthamarie</title>


<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">


<style>

body { margin:0; font-family:Inter; background:#fff; color:#111; }

header { padding:30px 60px; font-family:Playfair Display; font-size:22px; letter-spacing:2px; }

.hero { padding:120px 40px; text-align:center; }

.hero h1 { font-size:50px; font-family:Playfair Display; }

.section { padding:80px 60px; }

h2 { font-family:Playfair Display; }

.card { border:1px solid #eee; padding:20px; margin:10px; }

.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }

</style>


</head>


<body>


<header>withmarthamarie</header>


<section class="hero">

<h1>Transformation. Awareness. Expansion.</h1>

<p>[Placeholder] Coaching • Podcast • Inner Work • Conscious Living</p>

</section>


<section class="section">

<h2>About</h2>

<p>[Placeholder Text] Spiritual transformation, identity & modern consciousness work.</p>

</section>


<section class="section">

<h2>Offer</h2>

<div class="grid">

<div class="card">1:1 Coaching (Coming Soon)</div>

<div class="card">Membership (Coming Soon)</div>

<div class="card">Digital Products</div>

</div>

</section>


<section class="section">

<h2>Podcast</h2>

<p>[Placeholder] Episodes on transformation & self-realization.</p>

</section>


<section class="section">

<h2>Contact</h2>

<p>Instagram • TikTok • YouTube • Email</p>

</section>


</body>

</html>