Spaces:

alexiswrites
/

alexis-turner-seo-expert

Running

App Files Files Community

alexiswrites commited on May 24

Commit

c344d84

verified ·

1 Parent(s): 299995e

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +225 -19
prompts.txt +4 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Alexis Turner Seo Expert
-emoji: 👁
-colorFrom: purple
-colorTo: yellow
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: alexis-turner-seo-expert
+emoji: ⚛️
+colorFrom: blue
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,225 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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>

prompts.txt ADDED Viewed

	@@ -0,0 +1,4 @@

+I need the following webpage completely redesigned and upgraded. I want to give off a fun, young, flirty, and quirky vibe to potential clients. I need to show off that I know my shit about SEO and would love to work with anyone!! Use as much information as possible from this website:   https://clearvoice.com/cv/AlexisTurner2
+I need A LOT more information!! Where are all of my blog posts? Where is all of the information that I have currently on the site?? come on now
+I need A LOT more information!! Where are all of my blog posts? Where is all of the information that I have currently on the site?? come on now
+I need A LOT more information!! Where are all of my blog posts? Where is all of the information that I have currently on the site?? come on now