453 lines
29 KiB
HTML
453 lines
29 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="en" class="h-full">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Backlink Services</title>
|
|||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|||
|
|
<script src="/_sdk/element_sdk.js"></script>
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet">
|
|||
|
|
<style>
|
|||
|
|
body {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.font-heading {
|
|||
|
|
font-family: 'Space Grotesk', sans-serif;
|
|||
|
|
}
|
|||
|
|
.font-body {
|
|||
|
|
font-family: 'DM Sans', sans-serif;
|
|||
|
|
}
|
|||
|
|
.gradient-text {
|
|||
|
|
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
|
|||
|
|
-webkit-background-clip: text;
|
|||
|
|
-webkit-text-fill-color: transparent;
|
|||
|
|
background-clip: text;
|
|||
|
|
}
|
|||
|
|
.card-glow:hover {
|
|||
|
|
box-shadow: 0 0 40px rgba(99, 102, 241, 0.15);
|
|||
|
|
}
|
|||
|
|
.pulse-dot {
|
|||
|
|
animation: pulse 2s infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes pulse {
|
|||
|
|
0%, 100% { opacity: 1; }
|
|||
|
|
50% { opacity: 0.5; }
|
|||
|
|
}
|
|||
|
|
.fade-in {
|
|||
|
|
animation: fadeIn 0.6s ease-out forwards;
|
|||
|
|
}
|
|||
|
|
@keyframes fadeIn {
|
|||
|
|
from { opacity: 0; transform: translateY(20px); }
|
|||
|
|
to { opacity: 1; transform: translateY(0); }
|
|||
|
|
}
|
|||
|
|
.stagger-1 { animation-delay: 0.1s; }
|
|||
|
|
.stagger-2 { animation-delay: 0.2s; }
|
|||
|
|
.stagger-3 { animation-delay: 0.3s; }
|
|||
|
|
.stagger-4 { animation-delay: 0.4s; }
|
|||
|
|
</style>
|
|||
|
|
<style>@view-transition { navigation: auto; }</style>
|
|||
|
|
<script src="/_sdk/data_sdk.js" type="text/javascript"></script>
|
|||
|
|
</head>
|
|||
|
|
<body class="h-full font-body bg-slate-950 text-slate-100 overflow-auto">
|
|||
|
|
<div class="w-full min-h-full bg-gradient-to-br from-slate-950 via-slate-900 to-indigo-950"><!-- Decorative Elements -->
|
|||
|
|
<div class="fixed inset-0 overflow-hidden pointer-events-none">
|
|||
|
|
<div class="absolute top-0 left-1/4 w-96 h-96 bg-indigo-500/10 rounded-full blur-3xl"></div>
|
|||
|
|
<div class="absolute bottom-1/4 right-1/4 w-80 h-80 bg-purple-500/10 rounded-full blur-3xl"></div>
|
|||
|
|
</div><!-- Header -->
|
|||
|
|
<header class="relative z-10 px-6 py-8 md:px-12 lg:px-20">
|
|||
|
|
<nav class="flex items-center justify-between max-w-7xl mx-auto">
|
|||
|
|
<div class="flex items-center gap-3">
|
|||
|
|
<div class="w-10 h-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center">
|
|||
|
|
<svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
|
|||
|
|
</svg>
|
|||
|
|
</div><span class="font-heading font-bold text-xl">bramha21</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-2"><span class="pulse-dot w-2 h-2 bg-emerald-400 rounded-full"></span> <span class="text-sm text-slate-400">Accepting New Clients</span>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</header><!-- Hero Section -->
|
|||
|
|
<section class="relative z-10 px-6 md:px-12 lg:px-20 pt-8 pb-16">
|
|||
|
|
<div class="max-w-7xl mx-auto text-center">
|
|||
|
|
<div class="fade-in opacity-0"><span class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-indigo-500/10 border border-indigo-500/20 text-indigo-300 text-sm mb-8">
|
|||
|
|
<svg class="w-4 h-4" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
|
|||
|
|
</svg> 100% Manual & Google-Safe </span>
|
|||
|
|
</div>
|
|||
|
|
<h1 id="main-title" class="font-heading font-bold text-4xl md:text-5xl lg:text-6xl mb-6 fade-in opacity-0 stagger-1"><span class="gradient-text">Beginner Backlink</span><br><span class="text-white">Services</span></h1>
|
|||
|
|
<p id="tagline" class="text-lg md:text-xl text-slate-400 max-w-2xl mx-auto mb-10 fade-in opacity-0 stagger-2">Quality backlinks for startups, local businesses, and growing brands. Built for long-term SEO growth, not risky shortcuts.</p>
|
|||
|
|
<div class="flex flex-wrap justify-center gap-4 fade-in opacity-0 stagger-3"><a href="#pricing" id="cta-button" class="px-8 py-4 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-500 hover:to-purple-500 rounded-xl font-semibold transition-all transform hover:scale-105 shadow-lg shadow-indigo-500/25"> View Pricing Plans </a> <a href="#why-us" class="px-8 py-4 border border-slate-700 hover:border-slate-500 rounded-xl font-semibold transition-all hover:bg-slate-800/50"> Why Choose Us </a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- Stats Bar -->
|
|||
|
|
<section class="relative z-10 px-6 md:px-12 lg:px-20 py-12">
|
|||
|
|
<div class="max-w-5xl mx-auto">
|
|||
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-6 p-6 rounded-2xl bg-slate-800/30 border border-slate-700/50 backdrop-blur-sm">
|
|||
|
|
<div class="text-center">
|
|||
|
|
<div class="text-3xl font-heading font-bold text-indigo-400">
|
|||
|
|
100%
|
|||
|
|
</div>
|
|||
|
|
<div class="text-sm text-slate-400 mt-1">
|
|||
|
|
Manual Work
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="text-center">
|
|||
|
|
<div class="text-3xl font-heading font-bold text-purple-400">
|
|||
|
|
DA 50+
|
|||
|
|
</div>
|
|||
|
|
<div class="text-sm text-slate-400 mt-1">
|
|||
|
|
Top DA Range
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="text-center">
|
|||
|
|
<div class="text-3xl font-heading font-bold text-pink-400">
|
|||
|
|
200+
|
|||
|
|
</div>
|
|||
|
|
<div class="text-sm text-slate-400 mt-1">
|
|||
|
|
Max Backlinks
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="text-center">
|
|||
|
|
<div class="text-3xl font-heading font-bold text-emerald-400">
|
|||
|
|
Zero
|
|||
|
|
</div>
|
|||
|
|
<div class="text-sm text-slate-400 mt-1">
|
|||
|
|
PBN/Spam Links
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- Pricing Plans -->
|
|||
|
|
<section id="pricing" class="relative z-10 px-6 md:px-12 lg:px-20 py-16">
|
|||
|
|
<div class="max-w-7xl mx-auto">
|
|||
|
|
<div class="text-center mb-12">
|
|||
|
|
<h2 class="font-heading font-bold text-3xl md:text-4xl mb-4">Choose Your Plan</h2>
|
|||
|
|
<p class="text-slate-400">Monthly pricing • Exclusive of GST</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="grid md:grid-cols-3 gap-6 lg:gap-8"><!-- Plan 1: Foundation -->
|
|||
|
|
<div class="rounded-2xl bg-slate-800/40 border border-slate-700/50 p-6 lg:p-8 card-glow transition-all duration-300 hover:border-indigo-500/30">
|
|||
|
|
<div class="flex items-center gap-3 mb-4">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-indigo-500/20 flex items-center justify-center"><span class="text-2xl"><EFBFBD><EFBFBD></span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3 class="font-heading font-bold text-xl">Foundation</h3><span class="text-sm text-indigo-400">Lite</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p class="text-slate-400 text-sm mb-6">Best for new websites, startups, local businesses</p>
|
|||
|
|
<div class="mb-6"><span id="plan1-price" class="text-3xl font-heading font-bold">₹24,999</span> <span class="text-slate-400">/month</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="space-y-4 mb-8">
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm"><strong class="text-white">70–80</strong> Total Backlinks</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">60% Do-Follow | 40% No-Follow</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm"><strong class="text-white">DA 10–25</strong> Natural Mix</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">3–5 Keywords Mapping</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="border-t border-slate-700/50 pt-6 mb-6">
|
|||
|
|
<p class="text-xs uppercase tracking-wider text-slate-500 mb-3">Activities Included</p>
|
|||
|
|
<div class="flex flex-wrap gap-2"><span class="px-2 py-1 text-xs rounded-md bg-slate-700/50 text-slate-300">Profile Links</span> <span class="px-2 py-1 text-xs rounded-md bg-slate-700/50 text-slate-300">Directories</span> <span class="px-2 py-1 text-xs rounded-md bg-slate-700/50 text-slate-300">Bookmarking</span> <span class="px-2 py-1 text-xs rounded-md bg-slate-700/50 text-slate-300">Forums</span> <span class="px-2 py-1 text-xs rounded-md bg-slate-700/50 text-slate-300">Web 2.0</span>
|
|||
|
|
</div>
|
|||
|
|
</div><button class="w-full py-3 rounded-xl border border-indigo-500 text-indigo-400 hover:bg-indigo-500/10 font-semibold transition-all"> Get Started </button>
|
|||
|
|
</div><!-- Plan 2: Growth (Featured) -->
|
|||
|
|
<div class="rounded-2xl bg-gradient-to-b from-indigo-900/40 to-slate-800/40 border-2 border-indigo-500/50 p-6 lg:p-8 card-glow transition-all duration-300 relative">
|
|||
|
|
<div class="absolute -top-3 left-1/2 transform -translate-x-1/2"><span class="px-4 py-1 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-full text-xs font-semibold uppercase tracking-wider">Most Popular</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-center gap-3 mb-4 mt-2">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-indigo-500/30 flex items-center justify-center"><span class="text-2xl">🚀</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3 class="font-heading font-bold text-xl">Growth</h3><span class="text-sm text-indigo-400">Standard</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p class="text-slate-400 text-sm mb-6">Best for service websites, local SEO, small businesses</p>
|
|||
|
|
<div class="mb-6"><span id="plan2-price" class="text-3xl font-heading font-bold">₹29,999</span> <span class="text-slate-400">/month</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="space-y-4 mb-8">
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm"><strong class="text-white">150–180</strong> Total Backlinks</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">65% Do-Follow | 35% No-Follow</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm"><strong class="text-white">DA 15–35</strong> Quality Links</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">5–8 Keywords + Competitor Analysis</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">Monthly Consultation Call</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="border-t border-indigo-500/30 pt-6 mb-6">
|
|||
|
|
<p class="text-xs uppercase tracking-wider text-slate-500 mb-3">All Foundation + More</p>
|
|||
|
|
<div class="flex flex-wrap gap-2"><span class="px-2 py-1 text-xs rounded-md bg-indigo-500/20 text-indigo-300">Business Listings</span> <span class="px-2 py-1 text-xs rounded-md bg-indigo-500/20 text-indigo-300">Local Citations</span> <span class="px-2 py-1 text-xs rounded-md bg-indigo-500/20 text-indigo-300">Review Sites</span> <span class="px-2 py-1 text-xs rounded-md bg-indigo-500/20 text-indigo-300">Tier-2 Links</span>
|
|||
|
|
</div>
|
|||
|
|
</div><button class="w-full py-3 rounded-xl bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-500 hover:to-purple-500 font-semibold transition-all shadow-lg shadow-indigo-500/25"> Get Started </button>
|
|||
|
|
</div><!-- Plan 3: Authority -->
|
|||
|
|
<div class="rounded-2xl bg-slate-800/40 border border-slate-700/50 p-6 lg:p-8 card-glow transition-all duration-300 hover:border-purple-500/30">
|
|||
|
|
<div class="flex items-center gap-3 mb-4">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-purple-500/20 flex items-center justify-center"><span class="text-2xl">👑</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3 class="font-heading font-bold text-xl">Authority</h3><span class="text-sm text-purple-400">Advanced</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p class="text-slate-400 text-sm mb-6">Best for competitive niches, B2B, SaaS websites</p>
|
|||
|
|
<div class="mb-6"><span id="plan3-price" class="text-3xl font-heading font-bold">₹39,999</span> <span class="text-slate-400">/month</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="space-y-4 mb-8">
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm"><strong class="text-white">150–200</strong> Total Backlinks</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">65% Do-Follow | 35% No-Follow</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm"><strong class="text-white">DA 25–50</strong> Premium Links</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">10–15 Keywords + Gap Analysis</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="flex items-start gap-3">
|
|||
|
|
<svg class="w-5 h-5 text-emerald-400 mt-0.5 flex-shrink-0" fill="currentColor" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
|||
|
|
</svg><span class="text-sm">2–4 Hours Monthly Consultation</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="border-t border-slate-700/50 pt-6 mb-6">
|
|||
|
|
<p class="text-xs uppercase tracking-wider text-slate-500 mb-3">All Growth + Premium</p>
|
|||
|
|
<div class="flex flex-wrap gap-2"><span class="px-2 py-1 text-xs rounded-md bg-purple-500/20 text-purple-300">Contextual Links</span> <span class="px-2 py-1 text-xs rounded-md bg-purple-500/20 text-purple-300">Guest Posts</span> <span class="px-2 py-1 text-xs rounded-md bg-purple-500/20 text-purple-300">Outreach</span> <span class="px-2 py-1 text-xs rounded-md bg-purple-500/20 text-purple-300">Infographics</span>
|
|||
|
|
</div>
|
|||
|
|
</div><button class="w-full py-3 rounded-xl border border-purple-500 text-purple-400 hover:bg-purple-500/10 font-semibold transition-all"> Get Started </button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<p class="text-center text-slate-500 text-sm mt-8">💡 Discounts available for 3+ months commitment</p>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- Why Choose Us -->
|
|||
|
|
<section id="why-us" class="relative z-10 px-6 md:px-12 lg:px-20 py-16">
|
|||
|
|
<div class="max-w-5xl mx-auto">
|
|||
|
|
<div class="text-center mb-12">
|
|||
|
|
<h2 class="font-heading font-bold text-3xl md:text-4xl mb-4">Why Choose Us?</h2>
|
|||
|
|
<p class="text-slate-400">Built for sustainable growth, not shortcuts</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="grid md:grid-cols-2 gap-6">
|
|||
|
|
<div class="p-6 rounded-xl bg-slate-800/30 border border-slate-700/50">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-emerald-500/20 flex items-center justify-center mb-4">
|
|||
|
|
<svg class="w-6 h-6 text-emerald-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="font-heading font-semibold text-lg mb-2">100% Google Safe</h3>
|
|||
|
|
<p class="text-slate-400 text-sm">Manual link building following Google Webmaster Guidelines. No PBNs, no spam tools.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-6 rounded-xl bg-slate-800/30 border border-slate-700/50">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-indigo-500/20 flex items-center justify-center mb-4">
|
|||
|
|
<svg class="w-6 h-6 text-indigo-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="font-heading font-semibold text-lg mb-2">Quality Over Quantity</h3>
|
|||
|
|
<p class="text-slate-400 text-sm">Focus on relevant, high-quality backlinks that drive real SEO value for your business.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-6 rounded-xl bg-slate-800/30 border border-slate-700/50">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-purple-500/20 flex items-center justify-center mb-4">
|
|||
|
|
<svg class="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="font-heading font-semibold text-lg mb-2">Transparent Reporting</h3>
|
|||
|
|
<p class="text-slate-400 text-sm">Clear, detailed reports showing exactly what we've done and the results achieved.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-6 rounded-xl bg-slate-800/30 border border-slate-700/50">
|
|||
|
|
<div class="w-12 h-12 rounded-xl bg-pink-500/20 flex items-center justify-center mb-4">
|
|||
|
|
<svg class="w-6 h-6 text-pink-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="font-heading font-semibold text-lg mb-2">Dedicated Support</h3>
|
|||
|
|
<p class="text-slate-400 text-sm">WhatsApp coordination, email support, and regular consultation calls included.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- Disclaimer -->
|
|||
|
|
<section class="relative z-10 px-6 md:px-12 lg:px-20 py-12">
|
|||
|
|
<div class="max-w-4xl mx-auto">
|
|||
|
|
<div class="p-6 rounded-xl bg-amber-500/10 border border-amber-500/20">
|
|||
|
|
<div class="flex items-start gap-4">
|
|||
|
|
<div class="w-10 h-10 rounded-lg bg-amber-500/20 flex items-center justify-center flex-shrink-0"><span class="text-xl">⚠️</span>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3 class="font-heading font-semibold text-amber-200 mb-2">Important Notes</h3>
|
|||
|
|
<ul class="text-sm text-amber-200/70 space-y-1">
|
|||
|
|
<li>• We do not guarantee rankings — SEO is a long-term process</li>
|
|||
|
|
<li>• Results depend on competition, website quality, and niche</li>
|
|||
|
|
<li>• Pricing may vary based on niche competition and website condition</li>
|
|||
|
|
<li>• Content-heavy or outreach-heavy requirements quoted separately</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- CTA Section -->
|
|||
|
|
<section class="relative z-10 px-6 md:px-12 lg:px-20 py-16">
|
|||
|
|
<div class="max-w-3xl mx-auto text-center">
|
|||
|
|
<div class="p-8 md:p-12 rounded-2xl bg-gradient-to-br from-indigo-900/50 to-purple-900/50 border border-indigo-500/30">
|
|||
|
|
<h2 class="font-heading font-bold text-2xl md:text-3xl mb-4">Ready to Get Started?</h2>
|
|||
|
|
<p class="text-slate-300 mb-8">Select a plan and we'll schedule a kick-off call. Setup begins within 2–3 working days.</p>
|
|||
|
|
<div class="flex flex-col sm:flex-row justify-center gap-4"><a href="https://wa.me/918329835056" target="_blank" rel="noopener noreferrer" class="px-8 py-4 bg-white text-slate-900 rounded-xl font-semibold hover:bg-slate-100 transition-all text-center"> Contact via WhatsApp </a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section><!-- Footer -->
|
|||
|
|
<footer class="relative z-10 px-6 md:px-12 lg:px-20 py-8 border-t border-slate-800">
|
|||
|
|
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
|
|||
|
|
<div class="flex items-center gap-3">
|
|||
|
|
<div class="w-8 h-8 rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center">
|
|||
|
|
<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
|
|||
|
|
</svg>
|
|||
|
|
</div><span class="font-heading font-semibold">bramha21</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="text-slate-500 text-sm">Quality backlinks for sustainable growth</p>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
<script>
|
|||
|
|
const defaultConfig = {
|
|||
|
|
main_title: 'Beginner Backlink Services',
|
|||
|
|
tagline: 'Quality backlinks for startups, local businesses, and growing brands. Built for long-term SEO growth, not risky shortcuts.',
|
|||
|
|
cta_button_text: 'View Pricing Plans',
|
|||
|
|
plan1_price: '₹24,999',
|
|||
|
|
plan2_price: '₹29,999',
|
|||
|
|
plan3_price: '₹39,999',
|
|||
|
|
background_color: '#020617',
|
|||
|
|
surface_color: '#1e293b',
|
|||
|
|
text_color: '#f1f5f9',
|
|||
|
|
primary_action_color: '#6366f1',
|
|||
|
|
secondary_action_color: '#a855f7'
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
let config = { ...defaultConfig };
|
|||
|
|
|
|||
|
|
async function onConfigChange(newConfig) {
|
|||
|
|
config = { ...defaultConfig, ...newConfig };
|
|||
|
|
|
|||
|
|
// Update main title
|
|||
|
|
const titleEl = document.getElementById('main-title');
|
|||
|
|
if (titleEl) {
|
|||
|
|
const words = (config.main_title || defaultConfig.main_title).split(' ');
|
|||
|
|
const midpoint = Math.ceil(words.length / 2);
|
|||
|
|
titleEl.innerHTML = `<span class="gradient-text">${words.slice(0, midpoint).join(' ')}</span><br><span class="text-white">${words.slice(midpoint).join(' ')}</span>`;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Update tagline
|
|||
|
|
const taglineEl = document.getElementById('tagline');
|
|||
|
|
if (taglineEl) {
|
|||
|
|
taglineEl.textContent = config.tagline || defaultConfig.tagline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Update CTA button
|
|||
|
|
const ctaEl = document.getElementById('cta-button');
|
|||
|
|
if (ctaEl) {
|
|||
|
|
ctaEl.textContent = config.cta_button_text || defaultConfig.cta_button_text;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Update prices
|
|||
|
|
const plan1El = document.getElementById('plan1-price');
|
|||
|
|
if (plan1El) {
|
|||
|
|
plan1El.textContent = config.plan1_price || defaultConfig.plan1_price;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const plan2El = document.getElementById('plan2-price');
|
|||
|
|
if (plan2El) {
|
|||
|
|
plan2El.textContent = config.plan2_price || defaultConfig.plan2_price;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const plan3El = document.getElementById('plan3-price');
|
|||
|
|
if (plan3El) {
|
|||
|
|
plan3El.textContent = config.plan3_price || defaultConfig.plan3_price;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function mapToCapabilities(cfg) {
|
|||
|
|
return {
|
|||
|
|
recolorables: [
|
|||
|
|
{
|
|||
|
|
get: () => cfg.background_color || defaultConfig.background_color,
|
|||
|
|
set: (value) => {
|
|||
|
|
cfg.background_color = value;
|
|||
|
|
window.elementSdk.setConfig({ background_color: value });
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
get: () => cfg.surface_color || defaultConfig.surface_color,
|
|||
|
|
set: (value) => {
|
|||
|
|
cfg.surface_color = value;
|
|||
|
|
window.elementSdk.setConfig({ surface_color: value });
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
get: () => cfg.text_color || defaultConfig.text_color,
|
|||
|
|
set: (value) => {
|
|||
|
|
cfg.text_color = value;
|
|||
|
|
window.elementSdk.setConfig({ text_color: value });
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
get: () => cfg.primary_action_color || defaultConfig.primary_action_color,
|
|||
|
|
set: (value) => {
|
|||
|
|
cfg.primary_action_color = value;
|
|||
|
|
window.elementSdk.setConfig({ primary_action_color: value });
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
get: () => cfg.secondary_action_color || defaultConfig.secondary_action_color,
|
|||
|
|
set: (value) => {
|
|||
|
|
cfg.secondary_action_color = value;
|
|||
|
|
window.elementSdk.setConfig({ secondary_action_color: value });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
borderables: [],
|
|||
|
|
fontEditable: undefined,
|
|||
|
|
fontSizeable: undefined
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function mapToEditPanelValues(cfg) {
|
|||
|
|
return new Map([
|
|||
|
|
['main_title', cfg.main_title || defaultConfig.main_title],
|
|||
|
|
['tagline', cfg.tagline || defaultConfig.tagline],
|
|||
|
|
['cta_button_text', cfg.cta_button_text || defaultConfig.cta_button_text],
|
|||
|
|
['plan1_price', cfg.plan1_price || defaultConfig.plan1_price],
|
|||
|
|
['plan2_price', cfg.plan2_price || defaultConfig.plan2_price],
|
|||
|
|
['plan3_price', cfg.plan3_price || defaultConfig.plan3_price]
|
|||
|
|
]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (window.elementSdk) {
|
|||
|
|
window.elementSdk.init({
|
|||
|
|
defaultConfig,
|
|||
|
|
onConfigChange,
|
|||
|
|
mapToCapabilities,
|
|||
|
|
mapToEditPanelValues
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c2626c6e6b40c04',t:'MTc2OTE1OTM1OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
|
|||
|
|
</html>
|