Josh Knapp
b511a6684d
Includes new page templates (fitness-gym, nonprofit, online-course, photography-studio, real-estate, startup-company, travel-blog, wedding-invitation) with thumbnail SVGs, test specs, documentation files, and minor updates to index.html, router.php, and playwright config. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
77 lines
7.0 KiB
HTML
77 lines
7.0 KiB
HTML
<!-- Navigation -->
|
|
<nav style="display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background-color:#1e293b;position:sticky;top:0;z-index:100;">
|
|
<a href="#" style="font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:#f59e0b;text-decoration:none;">Wanderlust Diaries</a>
|
|
<div style="display:flex;gap:32px;align-items:center;">
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:15px;color:#fffbeb;text-decoration:none;">Destinations</a>
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:15px;color:#fffbeb;text-decoration:none;">About</a>
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:15px;color:#fffbeb;text-decoration:none;">Contact</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- About Hero -->
|
|
<section style="padding:80px 48px;background-color:#1e293b;">
|
|
<div style="max-width:900px;margin:0 auto;display:flex;gap:48px;align-items:center;flex-wrap:wrap;">
|
|
<img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500" alt="Maya - Travel Blogger" style="width:300px;height:360px;object-fit:cover;border-radius:12px;flex-shrink:0;" />
|
|
<div style="flex:1;min-width:280px;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#f59e0b;margin-bottom:12px;">The Blogger</p>
|
|
<h1 style="font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:#ffffff;margin-bottom:16px;">About Maya</h1>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#94a3b8;line-height:1.8;">Writer, photographer, and incurable wanderer. I left a desk job in 2021 to see the world and never looked back. This blog is where I share the stories, lessons, and moments that make travel the greatest education.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Story Section -->
|
|
<section style="padding:80px 48px;background-color:#fffbeb;">
|
|
<div style="max-width:900px;margin:0 auto;display:flex;gap:56px;align-items:flex-start;flex-wrap:wrap;">
|
|
<div style="flex:1;min-width:280px;">
|
|
<h2 style="font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#1e293b;margin-bottom:20px;">Hi, I'm Maya!</h2>
|
|
<p style="font-family:'Inter',sans-serif;font-size:15px;color:#475569;line-height:1.8;margin-bottom:16px;">Five years ago, I was sitting in a corporate office in San Francisco, staring at a spreadsheet and dreaming about the Amalfi Coast. One day I bought a one-way ticket to Rome and the rest became this blog.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:15px;color:#475569;line-height:1.8;margin-bottom:16px;">I travel slowly, stay with locals when I can, and believe the best meals are always found down side streets. My writing focuses on the human connections that make travel meaningful -- not just the pretty backdrops.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:15px;color:#475569;line-height:1.8;">Whether it's hitchhiking through Patagonia or learning to cook pad thai in Bangkok, every trip teaches me something new. And I share it all here, honestly and without filters.</p>
|
|
</div>
|
|
<div style="flex:0 0 280px;min-width:260px;">
|
|
<div style="padding:32px;background-color:#ffffff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);text-align:center;">
|
|
<div style="margin-bottom:28px;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#f59e0b;margin-bottom:4px;">40+</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:1px;">Countries Visited</p>
|
|
</div>
|
|
<div style="margin-bottom:28px;padding-top:28px;border-top:1px solid #f1f5f9;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#f59e0b;margin-bottom:4px;">6</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:1px;">Continents</p>
|
|
</div>
|
|
<div style="padding-top:28px;border-top:1px solid #f1f5f9;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#f59e0b;margin-bottom:4px;">5</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:1px;">Years Blogging</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Travel Philosophy -->
|
|
<section style="padding:80px 48px;background-color:#ffffff;">
|
|
<div style="max-width:720px;margin:0 auto;text-align:center;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#f59e0b;margin-bottom:12px;">My Approach</p>
|
|
<h2 style="font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#1e293b;margin-bottom:24px;">Travel Philosophy</h2>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#475569;line-height:1.8;margin-bottom:16px;">I believe travel should be slow, intentional, and respectful. I choose buses over planes when I can, local guesthouses over chains, and street food over tourist menus. The point is not to check boxes -- it's to truly feel a place.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#475569;line-height:1.8;">I also believe in honest storytelling. Not every trip is perfect, and the mishaps often make the best stories. You'll find bug bites and missed trains alongside the sunsets on this blog.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Work With Me CTA -->
|
|
<section style="padding:80px 48px;background-color:#1e293b;">
|
|
<div style="max-width:720px;margin:0 auto;text-align:center;">
|
|
<h2 style="font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#ffffff;margin-bottom:16px;">Work With Me</h2>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#94a3b8;line-height:1.8;margin-bottom:12px;">I collaborate with tourism boards, hotels, outdoor brands, and travel companies whose values align with authentic, responsible travel. My audience is 80% women aged 25-40 who are active, curious travelers.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#94a3b8;line-height:1.8;margin-bottom:36px;">Services include sponsored content, destination features, social media campaigns, and photography partnerships.</p>
|
|
<a href="#" style="display:inline-block;padding:16px 40px;background-color:#f59e0b;color:#1e293b;font-family:'Inter',sans-serif;font-size:16px;font-weight:600;text-decoration:none;border-radius:6px;">Get in Touch</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer style="padding:48px;background-color:#1e293b;text-align:center;border-top:1px solid #334155;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#f59e0b;margin-bottom:8px;">Wanderlust Diaries</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#94a3b8;margin-bottom:24px;">Follow the journey. Fuel the wanderlust.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#64748b;">© 2026 Wanderlust Diaries. All rights reserved.</p>
|
|
</footer>
|