File size: 11,469 Bytes
c344d84 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 |
<!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">
<!-- Hero Section -->
<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>
<!-- About 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>
<!-- Experience -->
<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>
<!-- Services 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>
<!-- Blog 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>
<!-- Testimonials -->
<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>
<!-- Contact 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 -->
<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> |