<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Abdul Salam | Performance Marketer & Ads Specialist in Dubai</title>
<meta name="description" content="Driving high-intent lead volume, technical SEO dominance, and Generative Engine Optimization (GEO) for scaling businesses in the UAE.">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
dark: '#0a0a0a',
primary: '#3b82f6',
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
}
}
}
}
</script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Abdul Salam",
"jobTitle": "Performance Marketer & Ads Specialist",
"address": {
"@type": "PostalAddress",
"addressLocality": "Dubai",
"addressCountry": "UAE"
},
"knowsAbout": ["Performance Marketing", "Technical SEO", "Generative Engine Optimization", "Lead Generation"],
"url": "https://yourportfolio.com"
}
</script>
<style>
/* Glassmorphism utilities and smooth scrolling */
html { scroll-behavior: smooth; }
body { background-color: #050505; color: #ffffff; }
.glass-panel {
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}
.gradient-text {
background: linear-gradient(90deg, #ffffff, #9ca3af);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cinematic-glow {
position: absolute;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, rgba(0,0,0,0) 70%);
border-radius: 50%;
z-index: -1;
top: -100px;
left: -100px;
}
</style>
</head>
<body class="antialiased overflow-x-hidden relative">
<div class="cinematic-glow"></div>
<div class="cinematic-glow" style="top: 50%; right: -100px; left: auto; background: radial-gradient(circle, rgba(139,92,246,0.1) 0%, rgba(0,0,0,0) 70%);"></div>
<header class="fixed w-full z-50 glass-panel border-b-0 border-t-0 border-r-0 border-l-0 border-white/10">
<div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
<div class="text-xl font-bold tracking-tighter">A.S.</div>
<nav class="hidden md:flex space-x-8 text-sm font-medium text-gray-300">
<a href="#expertise" class="hover:text-white transition">Expertise</a>
<a href="#case-studies" class="hover:text-white transition">Case Studies</a>
</nav>
<a href="#contact" class="bg-white text-black px-5 py-2 rounded-full text-sm font-semibold hover:bg-gray-200 transition">Get a Quote</a>
</div>
</header>
<section class="relative min-h-screen flex items-center justify-center pt-20 px-6">
<div class="max-w-4xl mx-auto text-center z-10">
<p class="text-primary text-sm font-semibold tracking-widest uppercase mb-4">Dubai, UAE</p>
<h1 class="text-5xl md:text-7xl font-bold mb-6 tracking-tight leading-tight gradient-text">
Abdul Salam
</h1>
<h2 class="text-2xl md:text-3xl text-gray-400 font-light mb-8">
Performance Marketer & Ads Specialist
</h2>
<p class="text-lg text-gray-500 mb-10 max-w-2xl mx-auto">
Engineering high-intent lead volume and technical SEO dominance. I build data-driven acquisition engines that scale businesses, replacing vanity metrics with measurable ROI.
</p>
<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
<a href="#contact" class="bg-white text-black px-8 py-3 rounded-full font-semibold hover:bg-gray-200 transition w-full sm:w-auto">Start a Project</a>
<a href="#case-studies" class="glass-panel px-8 py-3 rounded-full font-semibold hover:bg-white/10 transition w-full sm:w-auto">View Performance</a>
</div>
</div>
</section>
<section class="border-y border-white/5 bg-white/5 py-10">
<div class="max-w-7xl mx-auto px-6 grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div>
<h3 class="text-3xl font-bold text-white mb-1">High</h3>
<p class="text-sm text-gray-400 uppercase tracking-wide">Intent Lead Volume</p>
</div>
<div>
<h3 class="text-3xl font-bold text-white mb-1">Data</h3>
<p class="text-sm text-gray-400 uppercase tracking-wide">Driven Strategies</p>
</div>
<div>
<h3 class="text-3xl font-bold text-white mb-1">GEO</h3>
<p class="text-sm text-gray-400 uppercase tracking-wide">Optimized Funnels</p>
</div>
<div>
<h3 class="text-3xl font-bold text-white mb-1">ROI</h3>
<p class="text-sm text-gray-400 uppercase tracking-wide">Focused Execution</p>
</div>
</div>
</section>
<section id="expertise" class="py-24 px-6">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold mb-12 gradient-text">Core Capabilities</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="glass-panel p-8 rounded-2xl hover:-translate-y-1 transition duration-300">
<div class="w-12 h-12 bg-blue-500/20 rounded-lg flex items-center justify-center mb-6 border border-blue-500/30">
<svg class="w-6 h-6 text-blue-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"></path></svg>
</div>
<h3 class="text-xl font-semibold mb-3">Performance Marketing</h3>
<p class="text-gray-400 text-sm leading-relaxed">Precision ad targeting across platforms designed to capture users with buying intent rather than window shoppers.</p>
</div>
<div class="glass-panel p-8 rounded-2xl hover:-translate-y-1 transition duration-300">
<div class="w-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center mb-6 border border-purple-500/30">
<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="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg>
</div>
<h3 class="text-xl font-semibold mb-3">Technical SEO & GEO</h3>
<p class="text-gray-400 text-sm leading-relaxed">Dominating search visibility through clean sitemaps, structured JSON-LD schema, and Generative Engine Optimization.</p>
</div>
<div class="glass-panel p-8 rounded-2xl hover:-translate-y-1 transition duration-300">
<div class="w-12 h-12 bg-green-500/20 rounded-lg flex items-center justify-center mb-6 border border-green-500/30">
<svg class="w-6 h-6 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"></path></svg>
</div>
<h3 class="text-xl font-semibold mb-3">AI Workflow Automation</h3>
<p class="text-gray-400 text-sm leading-relaxed">Connecting ad campaigns directly to sales teams via automated data pipelines and Google Sheets integrations for instant follow-ups.</p>
</div>
</div>
</div>
</section>
<section id="case-studies" class="py-24 px-6 bg-white/[0.02]">
<div class="max-w-7xl mx-auto">
<h2 class="text-4xl font-bold mb-12 gradient-text">Selected Teardowns</h2>
<div class="grid md:grid-cols-2 gap-8">
<div class="group relative overflow-hidden rounded-2xl glass-panel">
<div class="h-64 bg-gray-800 relative">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent z-10"></div>
<div class="absolute bottom-6 left-6 z-20">
<span class="bg-white/20 text-xs uppercase tracking-wider px-3 py-1 rounded-full backdrop-blur-sm mb-3 inline-block">Consultancy / B2B</span>
<h3 class="text-2xl font-bold text-white">JP Global Digital Growth</h3>
</div>
</div>
<div class="p-6">
<p class="text-gray-400 text-sm mb-4">Executed comprehensive digital marketing, ad copy restructuring, and SEO tearing down for business setup and corporate tax services in the UAE.</p>
<div class="flex gap-2">
<span class="text-xs text-gray-500 bg-gray-900 px-2 py-1 rounded">Lead Gen</span>
<span class="text-xs text-gray-500 bg-gray-900 px-2 py-1 rounded">SEO</span>
</div>
</div>
</div>
<div class="group relative overflow-hidden rounded-2xl glass-panel">
<div class="h-64 bg-gray-800 relative">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent z-10"></div>
<div class="absolute bottom-6 left-6 z-20">
<span class="bg-white/20 text-xs uppercase tracking-wider px-3 py-1 rounded-full backdrop-blur-sm mb-3 inline-block">Retail Concept</span>
<h3 class="text-2xl font-bold text-white">Zifas Vogue Experience</h3>
</div>
</div>
<div class="p-6">
<p class="text-gray-400 text-sm mb-4">Developed conceptual structural designs and marketing positioning for a modern women's clothing store, translating physical aesthetic to digital performance.</p>
<div class="flex gap-2">
<span class="text-xs text-gray-500 bg-gray-900 px-2 py-1 rounded">Branding</span>
<span class="text-xs text-gray-500 bg-gray-900 px-2 py-1 rounded">Conversion Optimization</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="py-32 px-6">
<div class="max-w-3xl mx-auto glass-panel p-10 md:p-16 rounded-3xl text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Ready to scale your business?</h2>
<p class="text-gray-400 mb-10">Drop your details below. No fluff, just a straight conversation about your ROI, CPL, and growth roadmap.</p>
<form class="space-y-4 text-left">
<div class="grid md:grid-cols-2 gap-4">
<div>
<label class="block text-xs text-gray-500 mb-1 uppercase tracking-wide">Name</label>
<input type="text" class="w-full bg-white/5 border border-white/10 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition" placeholder="John Doe">
</div>
<div>
<label class="block text-xs text-gray-500 mb-1 uppercase tracking-wide">Work Email</label>
<input type="email" class="w-full bg-white/5 border border-white/10 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition" placeholder="john@company.com">
</div>
</div>
<div>
<label class="block text-xs text-gray-500 mb-1 uppercase tracking-wide">Primary Objective</label>
<select class="w-full bg-[#0a0a0a] border border-white/10 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-primary transition appearance-none">
<option>Increase Lead Volume</option>
<option>Improve SEO Rankings</option>
<option>Automate Marketing Pipelines</option>
<option>Full Marketing Teardown</option>
</select>
</div>
<button type="submit" class="w-full bg-white text-black font-bold py-4 rounded-lg mt-4 hover:bg-gray-200 transition">Request Strategic Audit</button>
</form>
</div>
</section>
<footer class="border-t border-white/10 py-10 px-6 text-center text-sm text-gray-600">
<p>© 2026 Abdul Salam. Performance Marketer. Dubai, UAE.</p>
</footer>
</body>
</html>