|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
|
|
<title>SEO Queen - Alexis Turner</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
fontFamily: { |
|
|
sans: ['Poppins', 'sans-serif'], |
|
|
}, |
|
|
extend: { |
|
|
colors: { |
|
|
primary: '#FF69B4', |
|
|
secondary: '#6C63FF', |
|
|
dark: '#1F1F1F', |
|
|
light: '#F9F9F9', |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
} |
|
|
</script> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet"> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" /> |
|
|
</head> |
|
|
<body class="bg-gradient-to-br from-pink-100 via-purple-100 to-white font-sans text-dark"> |
|
|
|
|
|
|
|
|
<section class="min-h-screen flex flex-col justify-center items-center text-center px-6"> |
|
|
<h1 class="text-5xl md:text-6xl font-bold tracking-tight mt-10"> |
|
|
👑 Alexis Turner |
|
|
</h1> |
|
|
<p class="mt-4 text-xl md:text-2xl text-gray-700 italic"> |
|
|
SEO Queen | Content Alchemist | Your Future BFF |
|
|
</p> |
|
|
<p class="mt-2 text-lg text-gray-600 max-w-xl mx-auto"> |
|
|
I make Google <i class="fas fa-heart text-red-500 animate-pulse"></i> your brand. Let's make your content <strong>unignorable</strong>. |
|
|
</p> |
|
|
|
|
|
<a href="#contact" class="mt-8 inline-block bg-primary text-white px-8 py-3 rounded-full font-semibold shadow-lg hover:shadow-xl transform transition hover:-translate-y-1"> |
|
|
💬 Let's Get Flirty |
|
|
</a> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="about" class="bg-white py-20 px-6"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold">About Me</h2> |
|
|
<p class="mt-4 text-gray-700 text-lg"> |
|
|
I'm Alexis — a digital nomad, SEO strategist, and content whisperer with a knack for turning keywords into <i>cha-ching</i>. I’ve helped brands big and small climb the SERP ladder and stay there. My secret sauce? Strategy, sass, and a sprinkle of SEO magic. |
|
|
</p> |
|
|
|
|
|
<div class="mt-10 grid md:grid-cols-3 gap-6 text-center"> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow-sm hover:shadow-md transition"> |
|
|
<i class="fas fa-bolt text-3xl text-primary mb-2"></i> |
|
|
<h3 class="font-semibold text-lg">Fast Results</h3> |
|
|
<p class="text-sm text-gray-600">I don’t play games — I get you seen.</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow-sm hover:shadow-md transition"> |
|
|
<i class="fas fa-brain text-3xl text-primary mb-2"></i> |
|
|
<h3 class="font-semibold text-lg">Brainy AF</h3> |
|
|
<p class="text-sm text-gray-600">I geek out on keyword clusters and semantic SEO.</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow-sm hover:shadow-md transition"> |
|
|
<i class="fas fa-heart text-3xl text-primary mb-2"></i> |
|
|
<h3 class="font-semibold text-lg">Client Love</h3> |
|
|
<p class="text-sm text-gray-600">They keep coming back — and not just for my memes.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-gradient-to-br from-purple-50 to-pink-50 py-20 px-6"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold">Experience</h2> |
|
|
<p class="mt-4 text-gray-700 text-lg"> |
|
|
I've worked with brands across industries, from startups to Fortune 500s. |
|
|
</p> |
|
|
<ul class="mt-6 text-left space-y-4 text-gray-600"> |
|
|
<li><strong>SEO Strategist</strong> — Remote, 2020–Present</li> |
|
|
<li><strong>Content Marketing Manager</strong> — Tech Startup, 2018–2020</li> |
|
|
<li><strong>Copywriting Intern</strong> — Agency, 2016–2018</li> |
|
|
</ul> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="services" class="bg-white py-20 px-6"> |
|
|
<div class="max-w-5xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold">What I Do</h2> |
|
|
<p class="mt-4 text-gray-700 text-lg"> |
|
|
Let's get your brand found, loved, and shared — the SEO way. |
|
|
</p> |
|
|
|
|
|
<div class="mt-10 space-y-6 text-left max-w-3xl mx-auto"> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-xl">🔍 Keyword Research & Strategy</h3> |
|
|
<p class="text-gray-600 mt-2">I find the right words that make your audience click, buy, and binge.</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-xl">📝 Content Optimization</h3> |
|
|
<p class="text-gray-600 mt-2">I turn your content into a Google magnet — without losing your voice.</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-xl">🔗 Link Building & Outreach</h3> |
|
|
<p class="text-gray-600 mt-2">I build relationships that get your links placed on high-authority sites.</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-xl">📊 Technical SEO Audits</h3> |
|
|
<p class="text-gray-600 mt-2">I crawl, fix, and optimize your site so it’s fast, clean, and ready for love.</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-xl">📱 On-Page SEO</h3> |
|
|
<p class="text-gray-600 mt-2">Meta tags, headers, content — I make sure every page screams “SEO GOLD!”</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-xl">📈 Performance Reporting</h3> |
|
|
<p class="text-gray-600 mt-2">You get clear, actionable reports — not just a bunch of graphs you can’t read.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="blog" class="bg-gradient-to-br from-pink-50 to-purple-50 py-20 px-6"> |
|
|
<div class="max-w-5xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold">Latest Blog Posts</h2> |
|
|
<p class="mt-4 text-gray-700 text-lg"> |
|
|
Because I don’t just talk SEO — I live it. |
|
|
</p> |
|
|
|
|
|
<div class="mt-10 grid md:grid-cols-2 gap-8 text-left"> |
|
|
<div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-lg">How to Rank for Competitive Keywords Without Breaking a Sweat</h3> |
|
|
<p class="text-sm text-gray-500 mt-2">Published on ClearVoice | SEO Tips</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-lg">The 5 SEO Myths That Are Killing Your Rankings</h3> |
|
|
<p class="text-sm text-gray-500 mt-2">Published on ClearVoice | SEO Strategy</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-lg">Why Your Content Strategy Needs a Semantic SEO Overhaul</h3> |
|
|
<p class="text-sm text-gray-500 mt-2">Published on ClearVoice | Content SEO</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-xl shadow hover:shadow-lg transition"> |
|
|
<h3 class="font-semibold text-lg">Link Building for Beginners: How to Get High-Quality Backlinks</h3> |
|
|
<p class="text-sm text-gray-500 mt-2">Published on ClearVoice | Link Building</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-white py-20 px-6"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold">What Clients Say</h2> |
|
|
<p class="mt-4 text-gray-700 text-lg"> |
|
|
I don’t just love what I do — my clients do too. |
|
|
</p> |
|
|
|
|
|
<div class="mt-10 space-y-6 text-left"> |
|
|
<div class="bg-pink-50 p-6 rounded-xl"> |
|
|
<p class="italic">"Alexis is a genius. Our traffic doubled in 3 months. She's the real deal!"</p> |
|
|
<p class="mt-2 font-semibold">— Sarah L., Founder</p> |
|
|
</div> |
|
|
<div class="bg-pink-50 p-6 rounded-xl"> |
|
|
<p class="italic">"Working with Alexis was a game-changer. She knows SEO inside and out."</p> |
|
|
<p class="mt-2 font-semibold">— James M., Marketing Director</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="bg-white py-20 px-6"> |
|
|
<div class="max-w-3xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold">Let’s Work Together</h2> |
|
|
<p class="mt-4 text-gray-700 text-lg"> |
|
|
I’m ready to help you crush your SEO goals. Just say the word! |
|
|
</p> |
|
|
|
|
|
<form class="mt-8 space-y-4 text-left" onsubmit="submitForm(event)"> |
|
|
<div> |
|
|
<label class="block text-sm font-medium text-gray-700">Your Name</label> |
|
|
<input type="text" required class="w-full mt-1 p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" /> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-sm font-medium text-gray-700">Your Email</label> |
|
|
<input type="email" required class="w-full mt-1 p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" /> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-sm font-medium text-gray-700">Your Project</label> |
|
|
<textarea class="w-full mt-1 p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" rows="4"></textarea> |
|
|
</div> |
|
|
<button type="submit" class="w-full bg-secondary text-white py-3 rounded-lg font-semibold hover:bg-purple-700 transition"> |
|
|
🚀 Send It Over |
|
|
</button> |
|
|
</form> |
|
|
<p class="mt-4 text-sm text-gray-500 italic"> |
|
|
PS. I reply fast. Like, “read it and swoop” fast. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-dark text-white py-6 text-center text-sm"> |
|
|
Made with ❤️ by Alexis Turner | SEO Queen & Digital Witch |
|
|
<div class="mt-2 space-x-4"> |
|
|
<a href="#" class="text-white hover:text-primary"><i class="fab fa-linkedin"></i></a> |
|
|
<a href="#" class="text-white hover:text-primary"><i class="fab fa-twitter"></i></a> |
|
|
<a href="#" class="text-white hover:text-primary"><i class="fab fa-instagram"></i></a> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
function submitForm(e) { |
|
|
e.preventDefault(); |
|
|
alert("Thanks for reaching out! 💕 I'll get back to you faster than Google can index a new site."); |
|
|
} |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=alexiswrites/alexis-turner-seo-expert" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
