<!DOCTYPE html>
<html lang="en">
<head>
<script src="chrome-extension://nimlmejbmnecnaghgmbahmbaddhjbecg/content/location/location.js" id="nimlmejbmnecnaghgmbahmbaddhjbecg"></script><script src="chrome-extension://nimlmejbmnecnaghgmbahmbaddhjbecg/libs/extend-native-history-api.js"></script><script src="chrome-extension://nimlmejbmnecnaghgmbahmbaddhjbecg/libs/requests.js"></script><head><script src="https://analytics.ahrefs.com/analytics.js" data-key="K3PxFhwipIOu/Afs7a2Dew" async></script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">
<meta name="author" content="rank-your.website">
<meta name="copyright" content="© 2025 rank-your.website - All Rights Reserved">
<title>Premium SEO Services | High-Authority Backlinks, DR, DA & TF</title>
<link rel="icon" type="image/png" sizes="16x16" href="https://rank-your.website/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://rank-your.website/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://rank-your.website/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://rank-your.website/favicon-180x180.png">
<link rel="icon" type="image/svg+xml" href="https://rank-your.website/favicon.svg">
<meta name="description" content="Premium SEO Services - High-Authority Do-Follow Contextual Backlinks from DA/DR 30-80+ sites. Domain Rating, Domain Authority, Trust Flow improvement. Payment after work guaranteed.">
<meta name="keywords" content="SEO services, high authority backlinks, domain rating, domain authority, trust flow, PBN backlinks, DA DR 30-80">
<link rel="canonical" href="https://rank-your.website/">
<meta property="og:title" content="rank-your.website - Premium SEO Services">
<meta property="og:description" content="High-Authority Do-Follow Contextual Backlinks from DA/DR 30-80+ sites. Boost your rankings with guaranteed results.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://rank-your.website">
<meta property="og:image" content="https://rank-your.website/og-image.png">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.contact-item span, code, p, h1, h2, h3 { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
button, a, .order-btn, .whatsapp-btn, .hero-cta { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; cursor: pointer !important; }
img, svg { -webkit-user-drag: none; user-drag: none; }
button, a, .product-card, .pbn-card, .nav-left { pointer-events: auto !important; }
::selection { background-color: rgba(201, 169, 97, 0.3); }
::-moz-selection { background-color: rgba(201, 169, 97, 0.3); }
html { scroll-behavior: smooth; }
body { font-family: 'Georgia', 'Times New Roman', serif; background-color: #faf9f6; color: #3a3a3a; line-height: 1.6; margin: 0; padding-top: 70px; }
.navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(250, 249, 246, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(212, 196, 160, 0.3); z-index: 1000; padding: 15px 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s ease; }
.nav-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }
.nav-left { display: flex; align-items: center; gap: 12px; cursor: pointer; transition: opacity 0.3s ease; }
.nav-left:hover { opacity: 0.8; }
.nav-logo { filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); transition: transform 0.3s ease; }
.nav-left:hover .nav-logo { transform: translateY(-2px); }
.nav-company-name { font-size: 1.4em; color: #c9a961; font-weight: bold; letter-spacing: 0.5px; }
.whatsapp-btn { background: #25D366; color: white; border: none; padding: 10px 25px; border-radius: 25px; font-size: 0.95em; font-family: inherit; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 3px 10px rgba(37, 211, 102, 0.3); }
.whatsapp-btn:hover { background: #1DA851; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4); }
.hero-section { background: linear-gradient(135deg, #f5f1e8 0%, #e8e2d5 100%); padding: 100px 20px; text-align: center; min-height: 500px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.hero-section::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(201, 169, 97, 0.05) 0%, transparent 70%); animation: pulse 20s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
.hero-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }
.hero-title { font-size: 3.5em; color: #2c2c2c; font-weight: 300; letter-spacing: 2px; margin-bottom: 20px; animation: fadeInUp 0.6s ease-out; }
.hero-subtitle { font-size: 1.3em; color: #6b6b6b; font-style: italic; margin-bottom: 40px; animation: fadeInUp 0.6s ease-out 0.1s; animation-fill-mode: both; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.trust-badges { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-bottom: 40px; animation: fadeInUp 0.6s ease-out 0.2s; animation-fill-mode: both; }
.badge { background: rgba(201, 169, 97, 0.1); padding: 10px 25px; border-radius: 25px; color: #8b7355; font-size: 0.95em; border: 1px solid rgba(201, 169, 97, 0.3); backdrop-filter: blur(5px); }
.hero-cta { background: #c9a961; color: white; border: none; padding: 18px 50px; border-radius: 35px; font-size: 1.2em; font-family: inherit; transition: all 0.3s ease; box-shadow: 0 5px 20px rgba(201, 169, 97, 0.3); letter-spacing: 1px; font-weight: 500; animation: fadeInUp 0.6s ease-out 0.3s; animation-fill-mode: both; }
.hero-cta:hover { background: #b39551; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(201, 169, 97, 0.4); }
.hero-stats { display: flex; justify-content: center; gap: 60px; margin-top: 80px; flex-wrap: wrap; animation: fadeInUp 0.6s ease-out 0.4s; animation-fill-mode: both; }
.stat-item { text-align: center; }
.stat-number { font-size: 2.5em; font-weight: bold; color: #c9a961; margin-bottom: 5px; }
.stat-label { font-size: 0.95em; color: #6b6b6b; letter-spacing: 0.5px; }
.container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
.section { margin-bottom: 60px; }
.section-title { text-align: center; font-size: 1.8em; color: #2c2c2c; margin-bottom: 15px; font-weight: 300; letter-spacing: 1px; }
.section-desc { text-align: center; color: #6b6b6b; max-width: 700px; margin: 0 auto 40px; font-style: italic; }
.products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; margin-bottom: 40px; }
.product-card { background: #ffffff; border: 1px solid #e5dcc8; border-radius: 8px; padding: 25px 20px; text-align: center; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); border-color: #d4c4a0; }
.product-card.hot { border: 2px solid #c9a961; background: linear-gradient(135deg, #fffef9 0%, #faf6eb 100%); }
.hot-badge { position: absolute; top: 10px; right: -30px; background: #c9a961; color: white; padding: 5px 40px; font-size: 0.8em; transform: rotate(45deg); font-weight: bold; }
.product-icon { width: 60px; height: 60px; margin: 0 auto 15px; background: #f5f1e8; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5em; color: #8b7355; }
.product-card.hot .product-icon { background: #faf6eb; color: #c9a961; }
.product-name { font-size: 1.2em; margin-bottom: 5px; color: #2c2c2c; }
.product-value { font-size: 2em; font-weight: bold; color: #8b7355; margin-bottom: 5px; }
.product-card.hot .product-value { color: #c9a961; }
.product-price { font-size: 1.8em; color: #2c2c2c; margin-bottom: 15px; font-weight: bold; }
.product-features { list-style: none; margin-bottom: 20px; text-align: left; font-size: 0.85em; }
.product-features li { padding: 3px 0; color: #6b6b6b; }
.product-features li::before { content: "✓ "; color: #8b7355; font-weight: bold; margin-right: 5px; }
.product-card.hot .product-features li::before { color: #c9a961; }
.order-btn { background: #8b7355; color: white; border: none; padding: 10px 25px; border-radius: 25px; font-size: 0.9em; transition: all 0.3s ease; text-decoration: none; display: inline-block; font-family: inherit; }
.product-card.hot .order-btn { background: #c9a961; }
.order-btn:hover { background: #6d5a44; transform: scale(1.05); }
.product-card.hot .order-btn:hover { background: #b39551; }
.pbn-section { margin-bottom: 60px; background: linear-gradient(135deg, rgba(245, 241, 232, 0.5) 0%, rgba(232, 226, 213, 0.5) 100%); padding: 60px 0; margin-left: -20px; margin-right: -20px; border-radius: 0; border-top: 1px solid rgba(201, 169, 97, 0.2); border-bottom: 1px solid rgba(201, 169, 97, 0.2); }
.pbn-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.pbn-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }
.pbn-card { background: white; border: 1px solid #e5dcc8; border-radius: 12px; padding: 35px; text-align: center; transition: all 0.3s ease; position: relative; cursor: pointer; }
.pbn-card.featured { border: 2px solid #c9a961; transform: scale(1.02); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.pbn-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.pbn-card.featured:hover { transform: scale(1.02) translateY(-5px); }
.best-value { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #c9a961; color: white; padding: 5px 20px; border-radius: 20px; font-size: 0.9em; font-weight: bold; }
.pbn-icon { width: 80px; height: 80px; margin: 0 auto 20px; background: #f5f1e8; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2em; color: #8b7355; }
.pbn-card.featured .pbn-icon { background: #faf6eb; color: #c9a961; }
.pbn-title { font-size: 1.5em; margin-bottom: 10px; color: #2c2c2c; }
.pbn-count { font-size: 3em; font-weight: bold; color: #8b7355; margin-bottom: 0; }
.pbn-card.featured .pbn-count { color: #c9a961; }
.pbn-subtitle { font-size: 1em; color: #6b6b6b; margin-bottom: 10px; letter-spacing: 0.5px; }
.pbn-price { font-size: 2em; color: #2c2c2c; margin-bottom: 20px; font-weight: bold; }
.pbn-features { list-style: none; margin-bottom: 25px; text-align: left; }
.pbn-features li { padding: 5px 0; color: #6b6b6b; font-size: 0.9em; }
.pbn-features li::before { content: "✓ "; color: #8b7355; font-weight: bold; margin-right: 5px; }
.pbn-features li strong { color: #c9a961; font-weight: bold; font-size: 1.05em; }
.pbn-card.featured .pbn-features li::before { color: #c9a961; }
/* CONTACT MODAL STYLES (restored) */
.contact-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10000; backdrop-filter: blur(5px); }
.modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; border-radius: 20px; padding: 40px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); max-width: 480px; width: 90%; text-align: center; animation: modalSlideIn 0.3s ease-out; }
@keyframes modalSlideIn { from { opacity: 0; transform: translate(-50%, -60%); } to { opacity: 1; transform: translate(-50%, -50%); } }
.modal-header { margin-bottom: 30px; }
.modal-title { font-size: 1.6em; color: #2c2c2c; margin-bottom: 10px; font-weight: 300; }
.modal-subtitle { color: #6b6b6b; font-style: italic; font-size: 0.95em; }
.contact-options { display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px; }
.contact-option { display: flex; align-items: center; padding: 15px 20px; border: 2px solid #e5dcc8; border-radius: 12px; transition: all 0.3s ease; text-decoration: none; color: #2c2c2c; }
.contact-option:hover { border-color: #c9a961; background: #faf6eb; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(201,169,97,0.2); }
.contact-option-icon { width: 50px; height: 50px; margin-right: 15px; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 1.4em; }
.whatsapp-option .contact-option-icon { background: #25D366; color: white; }
.fiverr-option .contact-option-icon { background: #1DBF73; color: white; }
.email-option .contact-option-icon { background: #c9a961; color: white; }
.contact-option-info h3 { margin: 0; font-size: 1.1em; color: #2c2c2c; }
.contact-option-info p { margin: 5px 0 0; font-size: 0.9em; color: #6b6b6b; }
.modal-close { position: absolute; top: 15px; right: 20px; background: none; border: none; font-size: 1.5em; color: #6b6b6b; cursor: pointer; padding: 5px; border-radius: 50%; transition: all 0.3s ease; }
.modal-close:hover { background: #f0f0f0; color: #2c2c2c; }
.modal-footer { font-size: 0.8em; color: #8b8b8b; margin-top: 20px; }
.footer { background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%); color: #f5f1e8; padding: 60px 20px 30px; margin-top: 80px; }
.footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; }
.footer-section h3 { color: #c9a961; font-size: 1.3em; margin-bottom: 20px; font-weight: 300; letter-spacing: 1px; }
.footer-section p, .footer-section li { color: #d4c4a0; font-size: 0.95em; line-height: 1.8; }
.footer-section ul { list-style: none; }
.footer-section ul li { padding: 5px 0; cursor: pointer; transition: color 0.3s ease; }
.footer-section ul li:hover { color: #c9a961; }
.contact-info { display: flex; flex-direction: column; gap: 10px; }
.contact-item { display: flex; align-items: center; gap: 10px; }
.footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(201, 169, 97, 0.3); color: #8b7355; font-size: 0.9em; }
.footer-bottom a { color: #c9a961; text-decoration: none; font-weight: bold; }
.footer-bottom a:hover { text-decoration: underline; }
/* Responsive */
@media (max-width: 768px) {
body { padding-top: 60px; }
.navbar { padding: 10px 0; }
.nav-company-name { font-size: 1.1em; }
.whatsapp-btn { padding: 8px 20px; font-size: 0.9em; }
.whatsapp-btn span { display: none; } /* icon-only on mobile */
.hero-section { padding: 60px 20px; }
.hero-title { font-size: 2.5em; }
.hero-subtitle { font-size: 1.1em; }
.hero-cta { padding: 15px 40px; font-size: 1.1em; }
.hero-stats { gap: 30px; margin-top: 60px; }
.stat-number { font-size: 2em; }
.trust-badges { gap: 15px; }
.badge { font-size: 0.8em; padding: 6px 15px; }
.products-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.pbn-grid { grid-template-columns: 1fr; }
.pbn-card.featured { transform: none; }
.pbn-section { margin-left: 0; margin-right: 0; padding: 40px 0; }
.footer-content { grid-template-columns: 1fr; text-align: center; }
.contact-info { align-items: center; }
.modal-content { padding: 30px 20px; margin: 0 10px; }
.contact-options { gap: 10px; }
.contact-option { padding: 12px 15px; }
.contact-option-icon { width: 40px; height: 40px; margin-right: 12px; font-size: 1.2em; }
}
@media (max-width: 480px) { .nav-company-name { display: none; } }
@media (min-width: 769px) and (max-width: 1024px) { .hero-title { font-size: 3em; } .hero-stats { gap: 40px; } }
</style>
</head>
<body>
<!-- Contact Modal -->
<div id="contactModal" class="contact-modal" aria-hidden="true">
<div class="modal-content" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
<button class="modal-close" aria-label="Close" onclick="closeContactModal()">×</button>
<div class="modal-header">
<h2 class="modal-title" id="modalTitle">Choose Your Preferred Contact Method</h2>
<p class="modal-subtitle" id="modalSubtitle">Get in touch with us to discuss your SEO needs</p>
</div>
<div class="contact-options">
<a href="#" class="contact-option whatsapp-option" id="whatsappOption">
<div class="contact-option-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" fill="white"/>
</svg>
</div>
<div class="contact-option-info">
<h3>WhatsApp</h3>
<p>Instant messaging & quick response</p>
</div>
</a>
<a href="https://fiverr.com/seobylina" target="_blank" rel="noopener" class="contact-option fiverr-option">
<div class="contact-option-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<rect width="24" height="24" rx="4" fill="white"/>
<text x="12" y="16" text-anchor="middle" fill="#1DBF73" font-family="Arial, sans-serif" font-size="8" font-weight="bold">fiverr</text>
</svg>
</div>
<div class="contact-option-info">
<h3>Fiverr</h3>
<p>Secure platform with buyer protection</p>
</div>
</a>
<!-- EMAIL OPTION WITH DYNAMIC SUBJECT/BODY -->
<a href="/cdn-cgi/l/email-protection#b7d4d8d9c3d6d4c3f7c5d6d9dc9aced8c2c599c0d2d5c4dec3d2" class="contact-option email-option" id="emailOption">
<div class="contact-option-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="white" stroke-width="2" fill="none"/>
<polyline points="22,6 12,13 2,6" stroke="white" stroke-width="2" fill="none"/>
</svg>
</div>
<div class="contact-option-info">
<h3>Email</h3>
<p>Prefilled order with package name</p>
</div>
</a>
</div>
<div class="modal-footer">
<p>All inquiries are responded to within 24 hours</p>
</div>
</div>
</div>
<nav class="navbar">
<div class="nav-container">
<div class="nav-left" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">
<svg class="nav-logo" width="40" height="40" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<circle cx="25" cy="25" r="20" fill="#c9a961"></circle>
<path d="M15 20 L25 10 L35 20" stroke="white" stroke-width="2" fill="none"></path>
<line x1="25" y1="10" x2="25" y2="30" stroke="white" stroke-width="2"></line>
<circle cx="25" cy="35" r="3" fill="white"></circle>
</svg>
<span class="nav-company-name">rank-your.website</span>
</div>
<div class="nav-right">
<div style="display: flex; align-items: center; gap: 15px;">
<a href="/cdn-cgi/l/email-protection#40232f2e342123340032212e2b6d392f35326e37252233293425" style="display: flex; align-items: center; text-decoration: none; color: #6b6b6b; transition: color 0.3s ease;" onmouseover="this.style.color='#c9a961'" onmouseout="this.style.color='#6b6b6b'" aria-label="Email">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="currentColor" stroke-width="2" fill="none"/>
<polyline points="22,6 12,13 2,6" stroke="currentColor" stroke-width="2" fill="none"/>
</svg>
</a>
<a href="https://fiverr.com/seobylina" target="_blank" rel="noopener" style="display: flex; align-items: center; text-decoration: none; transition: transform 0.3s ease;" onmouseover="this.style.transform='scale(1.1)'" onmouseout="this.style.transform='scale(1)'" aria-label="Fiverr">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<rect width="24" height="24" rx="4" fill="#1DBF73"/>
<text x="12" y="16" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="8" font-weight="bold">fiverr</text>
</svg>
</a>
<!-- Restored header WhatsApp with label (desktop), icon-only (mobile) -->
<button class="whatsapp-btn" onclick="openContactModal('general')" aria-label="Open contact options">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347" fill="white"></path>
</svg>
<span>WhatsApp</span>
</button>
</div>
</div>
</div>
</nav>
<header class="hero-section">
<div class="hero-content">
<h1 class="hero-title">Premium SEO Services</h1>
<p class="hero-subtitle">High-Authority Do-Follow Backlinks & Advanced SEO Solutions</p>
<div class="trust-badges">
<span class="badge">✓ 100% Satisfaction Rate</span>
<span class="badge">✓ Payment After Work</span>
<span class="badge">✓ Spam Protection</span>
</div>
<button class="hero-cta" onclick="openContactModal('general')">Get Free Consultation</button>
<div class="hero-stats">
<div class="stat-item">
<div class="stat-number">500+</div>
<div class="stat-label">Happy Clients</div>
</div>
<div class="stat-item">
<div class="stat-number">50,000+</div>
<div class="stat-label">Links Built</div>
</div>
<div class="stat-item">
<div class="stat-number">99%</div>
<div class="stat-label">Success Rate</div>
</div>
</div>
</div>
</header>
<div class="container">
<!-- PBN / High-Authority Links -->
<section class="section pbn-section">
<div class="pbn-container">
<h2 class="section-title">High-Authority Do-Follow Contextual Backlinks</h2>
<p class="section-desc">Premium PBN links from <strong style="color: #c9a961;">DA/DR 30-80+</strong> sites with unique content and guaranteed spam protection</p>
<div class="pbn-grid">
<div class="pbn-card" onclick="openContactModal('PBN100')">
<div class="pbn-icon">🔗</div>
<h3 class="pbn-title">Starter Package</h3>
<div class="pbn-count">100</div>
<div class="pbn-subtitle">DA/DR 30-80+ Backlinks</div>
<div class="pbn-price">$299</div>
<ul class="pbn-features">
<li><strong>All Sites have DA/DR 30-80+</strong></li>
<li>Each Link Has Unique Article</li>
<li>Each Link Has Unique Keyword</li>
<li>Each Link Has Unique Image</li>
<li><strong>We offer Spam-Protection</strong></li>
<li>Manual placement</li>
<li>Detailed report</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="pbn-card featured" onclick="openContactModal('PBN250')">
<div class="best-value">BEST VALUE</div>
<div class="pbn-icon">🌟</div>
<h3 class="pbn-title">Professional Package</h3>
<div class="pbn-count">250</div>
<div class="pbn-subtitle">DA/DR 30-80+ Backlinks</div>
<div class="pbn-price">$599</div>
<ul class="pbn-features">
<li><strong>All Sites have DA/DR 30-80+</strong></li>
<li>Each Link Has Unique Article</li>
<li>Each Link Has Unique Keyword</li>
<li>Each Link Has Unique Image</li>
<li><strong>We offer Spam-Protection</strong></li>
<li>White-label reporting</li>
<li>30-day indexing guarantee</li>
<li>Free bonus links included</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="pbn-card" onclick="openContactModal('PBN500')">
<div class="pbn-icon">💎</div>
<h3 class="pbn-title">Enterprise Package</h3>
<div class="pbn-count">500</div>
<div class="pbn-subtitle">DA/DR 30-80+ Backlinks</div>
<div class="pbn-price">$999</div>
<ul class="pbn-features">
<li><strong>All Sites have DA/DR 30-80+</strong></li>
<li>Each Link Has Unique Article</li>
<li>Each Link Has Unique Keyword</li>
<li>Each Link Has Unique Image</li>
<li><strong>We offer Spam-Protection</strong></li>
<li>Comprehensive analytics</li>
<li>Dedicated account manager</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
</div>
</div>
</section>
<!-- DR -->
<section class="section">
<h2 class="section-title">Domain Rating (DR) Enhancement</h2>
<p class="section-desc">Boost your Ahrefs Domain Rating with premium backlinks and guaranteed results</p>
<div class="products-grid">
<!-- DR cards... (unchanged from previous message) -->
<!-- For brevity in this snippet, all DR/DA/TF cards are intact and valid HTML. -->
<!-- BEGIN DR CARDS -->
<div class="product-card" onclick="openContactModal('DR10')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 10+</div><div class="product-price">$30</div><ul class="product-features"><li>3 High-Quality Backlinks</li><li>3 Month Refill Guarantee</li><li>15 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Before/After DR Report</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR20')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 20+</div><div class="product-price">$45</div><ul class="product-features"><li>4 High-Quality Backlinks</li><li>3 Month Refill Guarantee</li><li>12 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Before/After DR Report</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR30')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 30+</div><div class="product-price">$60</div><ul class="product-features"><li>5 High-Quality Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>Before/After DR Report</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR40')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 40+</div><div class="product-price">$80</div><ul class="product-features"><li>7 High-Quality Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>Before/After DR Report</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card hot" onclick="openContactModal('DR50')"><div class="hot-badge">MOST POPULAR</div><div class="product-icon">🔥</div><div class="product-name">Domain Rating</div><div class="product-value">DR 50+</div><div class="product-price">$120</div><ul class="product-features"><li>10 Premium Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>Priority Support</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR60')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 60+</div><div class="product-price">$140</div><ul class="product-features"><li>12 Premium Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>Advanced Analytics</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR70')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 70+</div><div class="product-price">$220</div><ul class="product-features"><li>15 Elite Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>24/7 VIP Support</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR75')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 75+</div><div class="product-price">$500</div><ul class="product-features"><li>18 Elite Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>White Glove Service</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR80')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 80+</div><div class="product-price">$1000</div><ul class="product-features"><li>20 Ultra-Elite Backlinks</li><li>3 Month Refill Guarantee</li><li>10 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>Dedicated Manager</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('DR85')"><div class="product-icon">📊</div><div class="product-name">Domain Rating</div><div class="product-value">DR 85+</div><div class="product-price">$1500</div><ul class="product-features"><li>25 Ultra-Elite Backlinks</li><li>6 Month Refill Guarantee</li><li>7 Days Delivery</li><li>Spam Free & Niche Safe</li><li>Focus Keywords Optimization</li><li>Ultimate Package</li></ul><button class="order-btn">Order Now</button></div>
<!-- END DR CARDS -->
</div>
</section>
<!-- DA SECTION TEMPORARILY DISABLED
<section class="section">
<h2 class="section-title">Domain Authority (DA) Improvement</h2>
<p class="section-desc">Increase your Moz Domain Authority with sustainable growth strategies</p>
<div class="products-grid">
<div class="product-card" onclick="openContactModal('DA10')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 10+</div>
<div class="product-price">$25</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>15 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA20')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 20+</div>
<div class="product-price">$40</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>12 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA25')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 25+</div>
<div class="product-price">$55</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>10 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA30')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 30+</div>
<div class="product-price">$70</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>10 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA35')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 35+</div>
<div class="product-price">$90</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>10 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card hot" onclick="openContactModal('DA40')">
<div class="hot-badge">MOST POPULAR</div>
<div class="product-icon">🔥</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 40+</div>
<div class="product-price">$110</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>10 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
<li>Priority Support</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA45')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 45+</div>
<div class="product-price">$150</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>10 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Advanced Progress Tracking</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA50')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 50+</div>
<div class="product-price">$200</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>7 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Elite Package</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
<div class="product-card" onclick="openContactModal('DA60')">
<div class="product-icon">📈</div>
<div class="product-name">Domain Authority</div>
<div class="product-value">DA 60+</div>
<div class="product-price">$500</div>
<ul class="product-features">
<li>Moz Approved Methods</li>
<li>Quality Over Quantity</li>
<li>5 Days Delivery</li>
<li>Sustainable Growth Focus</li>
<li>Ultimate Package</li>
</ul>
<button class="order-btn">Order Now</button>
</div>
</div>
</section>
END DA SECTION -->
<!-- TF -->
<section class="section">
<h2 class="section-title">Trust Flow (TF) Optimization</h2>
<p class="section-desc">Enhance your Trust Flow with links from the most trusted websites</p>
<div class="products-grid">
<div class="product-card" onclick="openContactModal('TF10')"><div class="product-icon">🔒</div><div class="product-name">Trust Flow</div><div class="product-value">TF 10+</div><div class="product-price">$35</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>15 Days Delivery</li><li>Trust Signal Building</li><li>Long-Term Results</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('TF15')"><div class="product-icon">🔒</div><div class="product-name">Trust Flow</div><div class="product-value">TF 15+</div><div class="product-price">$50</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>12 Days Delivery</li><li>Trust Signal Building</li><li>Long-Term Results</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('TF20')"><div class="product-icon">🔒</div><div class="product-name">Trust Flow</div><div class="product-value">TF 20+</div><div class="product-price">$70</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>10 Days Delivery</li><li>Trust Signal Building</li><li>Long-Term Results</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('TF25')"><div class="product-icon">🔒</div><div class="product-name">Trust Flow</div><div class="product-value">TF 25+</div><div class="product-price">$90</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>10 Days Delivery</li><li>Trust Signal Building</li><li>Long-Term Results</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('TF30')"><div class="product-icon">🔒</div><div class="product-name">Trust Flow</div><div class="product-value">TF 30+</div><div class="product-price">$120</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>10 Days Delivery</li><li>Trust Signal Building</li><li>Long-Term Results</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card hot" onclick="openContactModal('TF35')"><div class="hot-badge">MOST POPULAR</div><div class="product-icon">🔥</div><div class="product-name">Trust Flow</div><div class="product-value">TF 35+</div><div class="product-price">$150</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>10 Days Delivery</li><li>Trust Signal Building</li><li>Long-Term Results</li><li>Priority Support</li></ul><button class="order-btn">Order Now</button></div>
<div class="product-card" onclick="openContactModal('TF40')"><div class="product-icon">🔒</div><div class="product-name">Trust Flow</div><div class="product-value">TF 40+</div><div class="product-price">$300</div><ul class="product-features"><li>Premium Trust Sources</li><li>Industry Relevance</li><li>7 Days Delivery</li><li>Trust Signal Building</li><li>Premium Authority</li></ul><button class="order-btn">Order Now</button></div>
</div>
</section>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>About rank-your.website</h3>
<p>World's most trusted SEO service provider specializing in high-authority do-follow contextual backlinks from DA/DR 30-80+ sites. We've helped over 500 clients achieve top rankings with our unique content approach.</p>
<p style="margin-top: 15px; color: #c9a961;">Payment After Work - 100% Guaranteed</p>
</div>
<div class="footer-section">
<h3>Our Services</h3>
<ul>
<li onclick="document.querySelector('.pbn-section').scrollIntoView({behavior: 'smooth'})">High-Authority Backlinks</li>
<li onclick="document.querySelector('.section:nth-of-type(2)').scrollIntoView({behavior: 'smooth'})">Domain Rating (DR)</li>
<li onclick="document.querySelector('.section:nth-of-type(3)').scrollIntoView({behavior: 'smooth'})">Domain Authority (DA)</li>
<li onclick="document.querySelector('.section:nth-of-type(4)').scrollIntoView({behavior: 'smooth'})">Trust Flow (TF)</li>
</ul>
</div>
<div class="footer-section">
<h3>Why Choose Us</h3>
<ul>
<li>✓ All Sites DA/DR 30-80+</li>
<li>✓ Unique Article for Each Link</li>
<li>✓ 98% Success Rate</li>
<li>✓ Spam Protection Guaranteed</li>
<li>✓ 24/7 Premium Support</li>
</ul>
</div>
<div class="footer-section">
<h3>Get in Touch</h3>
<div class="contact-info">
<div class="contact-item"><span>📱</span><span>+1 (409) 934-7932</span></div>
<div class="contact-item"><span>💬</span><span>WhatsApp Support</span></div>
<div class="contact-item"><span>🌐</span><span>rank-your.website</span></div>
<div class="contact-item"><span>⏰</span><span>24/7 Available</span></div>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 <a href="https://rank-your.website/">rank-your.website</a>. All rights reserved. | Premium SEO Services</p>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
// Service messages (superset)
const serviceMessages = {
'DR10': 'I need DR 10+ package ($30). Please provide details.',
'DR20': 'I need DR 20+ package ($45). Please provide details.',
'DR30': 'I need DR 30+ package ($60). Please provide details.',
'DR40': 'I need DR 40+ package ($80). Please provide details.',
'DR50': 'I need DR 50+ package ($120). Please provide details.',
'DR60': 'I need DR 60+ package ($140). Please provide details.',
'DR70': 'I need DR 70+ package ($220). Please provide details.',
'DR75': 'I need DR 75+ package ($500). Please provide details.',
'DR80': 'I need DR 80+ package ($1000). Please provide details.',
'DR85': 'I need DR 85+ package ($1500). Please provide details.',
'DA10': 'I need DA 10+ package ($25). Please provide details.',
'DA20': 'I need DA 20+ package ($40). Please provide details.',
'DA25': 'I need DA 25+ package ($55). Please provide details.',
'DA30': 'I need DA 30+ package ($70). Please provide details.',
'DA35': 'I need DA 35+ package ($90). Please provide details.',
'DA40': 'I need DA 40+ package ($110). Please provide details.',
'DA45': 'I need DA 45+ package ($150). Please provide details.',
'DA50': 'I need DA 50+ package ($200). Please provide details.',
'DA60': 'I need DA 60+ package ($500). Please provide details.',
'TF10': 'I need TF 10+ package ($35). Please provide details.',
'TF15': 'I need TF 15+ package ($50). Please provide details.',
'TF20': 'I need TF 20+ package ($70). Please provide details.',
'TF25': 'I need TF 25+ package ($90). Please provide details.',
'TF30': 'I need TF 30+ package ($120). Please provide details.',
'TF35': 'I need TF 35+ package ($150). Please provide details.',
'TF40': 'I need TF 40+ package ($300). Please provide details.',
'PBN100': 'I need 100 backlinks package ($299). Please provide details.',
'PBN250': 'I need 250 backlinks package ($599). Please provide details.',
'PBN500': 'I need 500 backlinks package ($999). Please provide details.',
'general': 'I need information about your SEO services. Please provide details.'
};
let currentService = '';
function openContactModal(service) {
currentService = service;
const modal = document.getElementById('contactModal');
const modalTitle = document.getElementById('modalTitle');
const modalSubtitle = document.getElementById('modalSubtitle');
if (service === 'general') {
modalTitle.textContent = 'Choose Your Preferred Contact Method';
modalSubtitle.textContent = 'Get in touch with us to discuss your SEO needs';
} else {
const serviceName = getServiceName(service);
modalTitle.textContent = `Order ${serviceName}`;
modalSubtitle.textContent = 'Choose how you\'d like to place your order';
}
updateWhatsAppLink(service);
updateEmailLink(service);
modal.style.display = 'block';
document.body.style.overflow = 'hidden';
modal.setAttribute('aria-hidden', 'false');
}
function closeContactModal() {
const modal = document.getElementById('contactModal');
modal.style.display = 'none';
document.body.style.overflow = 'auto';
modal.setAttribute('aria-hidden', 'true');
}
function getServiceName(service) {
const serviceNames = {
'DR10': 'DR 10+ Package ($30)', 'DR20': 'DR 20+ Package ($45)', 'DR30': 'DR 30+ Package ($60)',
'DR40': 'DR 40+ Package ($80)', 'DR50': 'DR 50+ Package ($120)', 'DR60': 'DR 60+ Package ($140)',
'DR70': 'DR 70+ Package ($220)', 'DR75': 'DR 75+ Package ($500)', 'DR80': 'DR 80+ Package ($1000)',
'DR85': 'DR 85+ Package ($1500)',
'DA10': 'DA 10+ Package ($25)', 'DA20': 'DA 20+ Package ($40)', 'DA25': 'DA 25+ Package ($55)',
'DA30': 'DA 30+ Package ($70)', 'DA35': 'DA 35+ Package ($90)', 'DA40': 'DA 40+ Package ($110)',
'DA45': 'DA 45+ Package ($150)', 'DA50': 'DA 50+ Package ($200)', 'DA60': 'DA 60+ Package ($500)',
'TF10': 'TF 10+ Package ($35)', 'TF15': 'TF 15+ Package ($50)', 'TF20': 'TF 20+ Package ($70)',
'TF25': 'TF 25+ Package ($90)', 'TF30': 'TF 30+ Package ($120)', 'TF35': 'TF 35+ Package ($150)',
'TF40': 'TF 40+ Package ($300)',
'PBN100': '100 Backlinks Package ($299)', 'PBN250': '250 Backlinks Package ($599)', 'PBN500': '500 Backlinks Package ($999)'
};
return serviceNames[service] || 'SEO Service';
}
function updateWhatsAppLink(service) {
const phoneNumber = '14099347932';
const message = serviceMessages[service] || serviceMessages['general'];
const encodedMessage = encodeURIComponent(message);
const whatsappURL = `https://api.whatsapp.com/send/?phone=${phoneNumber}&text=${encodedMessage}&type=phone_number&app_absent=0`;
const el = document.getElementById('whatsappOption');
if (el) {
el.href = whatsappURL;
el.target = '_self';
}
}
// Dynamic email link with exact package name in subject & body
function updateEmailLink(service) {
const email = 'contact@rank-your.website';
const serviceName = getServiceName(service);
const message = serviceMessages[service] || serviceMessages['general'];
const subject = encodeURIComponent(
service === 'general' ? 'Inquiry about SEO Services' : `Order Request: ${serviceName}`
);
const body = encodeURIComponent(
`${message}\n\nFrom: rank-your.website\nPackage: ${service === 'general' ? 'General Inquiry' : serviceName}`
);
const mailto = `mailto:${email}?subject=${subject}&body=${body}`;
const el = document.getElementById('emailOption');
if (el) el.href = mailto;
}
// Close modal when clicking outside
(function bindModalOutsideClick() {
const modal = document.getElementById('contactModal');
if (modal) {
modal.addEventListener('click', function(e) {
if (e.target === this) closeContactModal();
});
}
})();
// Close modal with Escape key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') closeContactModal();
});
// Navbar scroll effect
window.addEventListener('scroll', function() {
const navbar = document.querySelector('.navbar');
navbar.style.boxShadow = window.scrollY > 50 ? '0 4px 20px rgba(0, 0, 0, 0.1)' : '0 2px 10px rgba(0, 0, 0, 0.05)';
});
</script>
</body>
</html>