Skip to content

Commit

Permalink
better seo and social share
Browse files Browse the repository at this point in the history
  • Loading branch information
umuterturk committed Feb 20, 2025
1 parent b43d4b0 commit 7a1d4ae
Show file tree
Hide file tree
Showing 8 changed files with 289 additions and 7 deletions.
2 changes: 1 addition & 1 deletion rapidapi-doc.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# RapidShield Email Validator 2025 - Your Shield Against Bad Emails
# Rapid Email Validator 2025 - Your Shield Against Bad Emails

## 🌟 What Sets Us Apart

Expand Down
Binary file added static/img/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
99 changes: 99 additions & 0 deletions static/img/icon-template.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap" rel="stylesheet">
<style>
/* Common styles */
body {
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
background: transparent;
}

.icon-container {
display: flex;
flex-direction: column;
gap: 40px;
padding: 20px;
}

/* Apple Touch Icon (180x180) */
.apple-touch-icon {
width: 180px;
height: 180px;
background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);
border-radius: 45px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
background-clip: padding-box;
}

.apple-touch-icon::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);
}

.apple-touch-icon span {
font-size: 100px;
font-weight: 800;
color: white;
text-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}

/* Favicon (32x32) */
.favicon {
width: 32px;
height: 32px;
background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
background-clip: padding-box;
}

.favicon::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);
}

.favicon span {
font-size: 20px;
font-weight: 800;
color: white;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<div class="icon-container">
<!-- Apple Touch Icon -->
<div class="apple-touch-icon">
<span>R</span>
</div>

<!-- Favicon -->
<div class="favicon">
<span>R</span>
</div>
</div>
</body>
</html>
Binary file added static/img/og-image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
134 changes: 134 additions & 0 deletions static/img/og-template.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en" style="background-color: #fff;">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
width: 1200px;
height: 630px;
display: flex;
align-items: center;
justify-content: center;
background:
radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.1) 0%, rgba(59, 130, 246, 0.05) 90%),
linear-gradient(135deg, #fafbff 0%, #f8fafc 100%);
font-family: 'Inter', sans-serif;
overflow: hidden;
position: relative;
}

.container {
width: 95%;
max-width: 1100px;
text-align: center;
z-index: 2;
position: relative;
}

.gradient-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
linear-gradient(120deg, rgba(37, 99, 235, 0.08) 0%, rgba(59, 130, 246, 0.02) 100%),
linear-gradient(60deg, rgba(219, 234, 254, 0.1) 0%, rgba(239, 246, 255, 0.05) 100%);
z-index: 1;
}

h1 {
font-size: 82px;
font-weight: 700;
margin: 0 0 24px;
background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.1;
text-shadow: 0 2px 10px rgba(37, 99, 235, 0.1);
}

p {
font-size: 42px;
color: #1e293b;
margin: 0;
line-height: 1.3;
font-weight: 500;
}

.features {
display: flex;
justify-content: center;
gap: 24px;
margin-top: 48px;
}

.feature {
display: flex;
align-items: center;
gap: 1px;
background: rgba(255, 255, 255, 0.95);
padding: 20px 32px;
border-radius: 16px;
box-shadow:
0 8px 12px -2px rgba(0, 0, 0, 0.12),
0 0 0 1px rgba(37, 99, 235, 0.05);
backdrop-filter: blur(8px);
}

.feature span {
font-size: 36px;
}

.feature p {
font-size: 28px;
font-weight: 600;
background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0;
}

.background-pattern {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.07;
background-image: radial-gradient(#2563eb 1.5px, transparent 1.5px);
background-size: 40px 40px;
z-index: 1;
}
</style>
</head>
<body>
<div class="gradient-overlay"></div>
<div class="background-pattern"></div>
<div class="container">
<h1>Rapid Email Validator</h1>
<h1>2025</h1>
<p>Lightning Fast Email Validation API</p>
<div class="features">
<div class="feature">
<span></span>
<p>25ms</p>
</div>
<div class="feature">
<span>🛡️</span>
<p>Privacy First</p>
</div>
<div class="feature">
<span>💰</span>
<p>Pay as you go</p>
</div>
<div class="feature">
<span>🎳</span>
<p>Batch Ready</p>
</div>
</div>
</div>
</body>
</html>
Binary file added static/img/twitter-image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
61 changes: 55 additions & 6 deletions static/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,56 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RapidShield Email Validator 2025 - Lightning Fast Email Validation API</title>

<!-- Primary Meta Tags -->
<title>Rapid Email Validator 2025 - Lightning Fast Email Validation API</title>
<meta name="title" content="Rapid Email Validator 2025 - Lightning Fast Email Validation API">
<meta name="description" content="Professional email validation API service that helps prevent fake signups, reduce bounce rates, and protect your sender reputation with real-time email verification.">
<meta name="keywords" content="email validation, email verification, API, email checker, bounce prevention, email deliverability, marketing, email marketing, email verification API, email validation API, email verification service, email validation service, email verification API, email validation API, email verification service, email validation service">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<meta name="author" content="Umut Erturk">
<link rel="canonical" href="https://fast-email-verifier.fly.dev" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://fast-email-verifier.fly.dev">
<meta property="og:title" content="Rapid Email Validator 2025 - Lightning Fast Email Validation API">
<meta property="og:description" content="Professional email validation API service that helps prevent fake signups, reduce bounce rates, and protect your sender reputation with real-time email verification.">
<meta property="og:image" content="https://fast-email-verifier.fly.dev/img/og-image.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://fast-email-verifier.fly.dev">
<meta property="twitter:title" content="Rapid Email Validator 2025 - Lightning Fast Email Validation API">
<meta property="twitter:description" content="Professional email validation API service that helps prevent fake signups, reduce bounce rates, and protect your sender reputation with real-time email verification.">
<meta property="twitter:image" content="https://fast-email-verifier.fly.dev/img/twitter-image.png">

<!-- Favicon -->
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Rapid Email Validator 2025",
"applicationCategory": "DeveloperApplication",
"description": "Professional email validation API service that helps prevent fake signups, reduce bounce rates, and protect your sender reputation with real-time email verification.",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"provider": {
"@type": "Organization",
"name": "Rapid Email Validator",
"url": "https://fast-email-verifier.fly.dev"
}
}
</script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/swagger-ui.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
Expand Down Expand Up @@ -268,7 +317,7 @@
<body>
<main class="container">
<section class="hero">
<h1>RapidShield Email Validator 2025</h1>
<h1>Rapid Email Validator 2025</h1>
<p>Simple, affordable, and reliable email validation API for developers and startups</p>
<a href="#api-docs" role="button" class="contrast">View API Documentation</a>
</section>
Expand All @@ -290,7 +339,7 @@ <h3>💰 Pay as you go</h3>
<p>Refund the unused credits, no hidden fees, no subscription!</p>
</div>
<div class="feature-card">
<h3>📦 Batch Ready</h3>
<h3>🎳 Batch Ready</h3>
<div class="metric">100x</div>
<p>Validate up to 100 emails at once</p>
</div>
Expand Down Expand Up @@ -334,7 +383,7 @@ <h2>API Documentation</h2>
</section>

<footer>
<p>© 2025 RapidShield Email Validator. All rights reserved.</p>
<p>© Rapid Email Validator 2025. All rights reserved.</p>
</footer>
</main>

Expand All @@ -343,11 +392,11 @@ <h2>API Documentation</h2>
const spec = {
"openapi": "3.1.0",
"info": {
"title": "RapidShield Email Validator 2025 API",
"title": "Rapid Email Validator 2025 API",
"description": "API for validating email addresses, checking for disposable domains, and providing typo suggestions. Supports both single and batch validation.",
"version": "1.0.0",
"contact": {
"name": "RapidShield Email Validator 2025 Support"
"name": "Rapid Email Validator 2025 Support"
}
},
"servers": [
Expand Down

0 comments on commit 7a1d4ae

Please sign in to comment.