Digital Marketing — FluxDX
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
green: '#3FB97F', /* Primary Brand Green */
darkgreen: '#06644E', /* Dark Accent Green */
deepgreen: '#08312D', /* Deeper Green Shade */
mint: '#7FE6C3', /* Light Mint Green */
black: '#231F20', /* Authority Black */
lightbg: '#F4FAF7', /* Soft Light Tint */
cardbg: '#FFFFFF'
}
},
fontFamily: {
sans: ['Segoe UI', 'system-ui', '-apple-system', 'sans-serif'],
heading: ['Montserrat', 'Segoe UI', 'sans-serif'],
mono: ['Montserrat', 'monospace'],
}
}
}
}
/* Custom Styling & FluxDX Visual Tokens */
:root {
--brand-green: #3FB97F;
--brand-darkgreen: #06644E;
--brand-black: #231F20;
--brand-light: #F4FAF7;
}
body {
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
background-color: #FFFFFF;
color: #231F20;
overflow-x: hidden;
scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
.font-heading {
font-family: 'Montserrat', sans-serif;
}
/* Background Geometric Pattern */
.bg-arrow-pattern {
background-image: radial-gradient(#3FB97F 1px, transparent 1px), radial-gradient(#06644E 1px, #ffffff 1px);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
opacity: 0.05;
}
/* Card Glow */
.brand-card-glow {
box-shadow: 0 10px 30px -10px rgba(63, 185, 127, 0.15);
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.brand-card-glow:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px -10px rgba(63, 185, 127, 0.28);
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #F4FAF7;
}
::-webkit-scrollbar-thumb {
background: #3FB97F;
border-radius: 4px;
}
Power Marketing Success
With Google, Meta & SEO
Transforming your brand’s online presence and generating meaningful results is our top priority at FluxDX.
Campaigns That Make Your Brand Go Big
We run Google Ads, Meta Ads, SEO and content campaigns across
the channels that matter
Google Ads
Search, Display & P MAX
Meta Ads
Facebook & Instagram
Email & Content
Blogs, Press & Email
Remarketing
Google Remarketing
Analytics
GA4 & Reporting
Growth Services
Our Digital Marketing Services
Google Ads, Meta Ads, SEO and content programs managed end to
end by the FluxDX team.
Google Ads
- Search
Ads
-
Display Ads
-
Performance Max (P MAX)
-
Shopping Ads & App Promotions
-
YouTube & Gmail Ads
Meta Ads Optimization
- Image
& Video Ads
-
Carousel & Collection Ads
- Lead
Ads & Playable Ads
- Audience Targeting
- Expert Campaign Management
Search Engine Optimization (SEO)
-
Keyword Research
-
Competitor Analysis
-
Technical Audit
-
On-Page SEO
-
Off-Page SEO
Content Marketing
-
Articles and Blogs
- Press
Releases
-
Website Content
- Email
Content
- SEO
Content Writing
Comprehensive Ads Services
- Market
& keyword research
-
Competitor analysis
-
Campaign Budget Analysis
- Ad
Creative Development
-
Conversion optimisation
Remarketing & Reporting
- Google
Remarketing
- Goal
Setting
- GA4
Tracking & analytics
-
Reporting & Analysis
-
Conversion Rate Optimization
Measurable Impact
Proven Performance Metrics
Real outcomes from FluxDX client campaigns
0%
Revenue Growth
Magnifiscent, luxury perfume retailer
0%
Edu-Tech Revenue
Savantic Corporation, paid advertising
0%
Lower CPA
Lower cost per result on paid campaigns
0.0
ROAS
Return on ad spend
Execution Pipeline
Our 6-Step Marketing Process
Research, goal setting, content, optimization, link building and
reporting: a structured process for continuous growth.
Step
01 Focus
Research
Scope:
Market, keyword & competitor research
Key Activities
-
Keyword research and competitor analysis
-
Technical SEO audit of your existing website
- Market
and audience research for your niche
Core Deliverables
-
Keyword & Competitor Research Report
-
Technical Audit Findings
-
Opportunity Map for Search & Ads
Sign-Off Milestone
Research findings reviewed and priority opportunities agreed with your team.
Strategy Call
Book A Strategy Call
Share your details and our team will contact you within 24 hours.
// 1. Service Filtering
function filterServices(category) {
document.querySelectorAll('.service-tab-btn').forEach(btn => {
if (btn.getAttribute('data-filter') === category) {
btn.className = "service-tab-btn px-4 py-2 rounded-full text-xs font-bold bg-brand-black text-white shadow-sm transition-all";
} else {
btn.className = "service-tab-btn px-4 py-2 rounded-full text-xs font-bold bg-gray-100 text-gray-700 hover:bg-brand-light transition-all";
}
});
document.querySelectorAll('.service-card').forEach(card => {
if (category === 'all' || card.getAttribute('data-category') === category) {
card.classList.remove('hidden');
} else {
card.classList.add('hidden');
}
});
}
// 2. 6-Step Development Process Data Switcher
const phaseData = {
1: {
tag: "Step 01 Focus", title: "Research", duration: "Scope: Market, keyword & competitor research",
act: ["Keyword research and competitor analysis", "Technical SEO audit of your existing website", "Market and audience research for your niche"],
del: ["Keyword & Competitor Research Report", "Technical Audit Findings", "Opportunity Map for Search & Ads"],
sign: "Research findings reviewed and priority opportunities agreed with your team."
},
2: {
tag: "Step 02 Focus", title: "Goal Setting", duration: "Scope: Targets, budgets & channel plan",
act: ["Defining measurable goals for traffic, leads and revenue", "Campaign budget analysis across Google and Meta", "Choosing the right channels and audiences"],
del: ["Goal & KPI Framework", "Campaign Budget Plan", "Channel & Audience Strategy"],
sign: "Goals, budgets and channel priorities approved before work begins."
},
3: {
tag: "Step 03 Focus", title: "Content Creation", duration: "Scope: Ad creatives & SEO content",
act: ["SEO content writing for blogs, articles and website pages", "Ad creatives development for Google and Meta campaigns", "Landing pages, including location-specific pages"],
del: ["Optimized Blogs & Website Content", "Ad Creative Set", "Campaign Landing Pages"],
sign: "Content and creatives approved for publishing and launch."
},
4: {
tag: "Step 04 Focus", title: "On-Page Optimization", duration: "Scope: Page-level SEO & conversion",
act: ["Titles, meta tags, headings and internal linking", "FAQ schema so content works for AI search engines", "Conversion optimisation across key pages"],
del: ["Optimized Page Elements", "Structured Data (FAQ Schema)", "Conversion Improvement Checklist"],
sign: "On-page changes verified and live across priority pages."
},
5: {
tag: "Step 05 Focus", title: "Link Building", duration: "Scope: Off-page authority & visibility",
act: ["Off-page submissions and Quora engagement", "Image SEO, LinkedIn CTR and Google Business Profile optimization", "Authority pages and consultancy landing pages"],
del: ["Off-Page Activity Log", "Optimized Business Profiles", "Authority Pages"],
sign: "Off-page plan approved and link-building activity under way."
},
6: {
tag: "Step 06 Focus", title: "Reporting & Analysis", duration: "Scope: Tracking, reporting & next steps",
act: ["Real-time performance tracking", "Monitoring clicks, CTR, impressions and conversions in GA4", "Reviewing results and refining campaigns"],
del: ["Monthly Performance Report", "Ranking & Traffic Insights", "Next-Phase Recommendations"],
sign: "Results reviewed with your team and next-phase priorities agreed."
}
};
function switchPhase(phaseNum) {
const data = phaseData[phaseNum];
if (!data) return;
document.querySelectorAll('.phase-tab').forEach((tab, index) => {
if (index + 1 === phaseNum) {
tab.className = "phase-tab p-4 rounded-2xl text-left bg-brand-black text-white border border-brand-black shadow-md transition-all";
tab.querySelector('span:first-child').className = "text-xs font-mono font-bold text-brand-green block mb-1";
} else {
tab.className = "phase-tab p-4 rounded-2xl text-left bg-white text-brand-black border border-gray-200 hover:border-brand-green transition-all";
tab.querySelector('span:first-child').className = "text-xs font-mono font-bold text-gray-400 block mb-1";
}
});
document.getElementById('phase-tag').innerText = data.tag;
document.getElementById('phase-title').innerText = data.title;
document.getElementById('phase-duration').innerText = data.duration;
document.getElementById('phase-signoff').innerText = data.sign;
const actList = document.getElementById('phase-list-1');
actList.innerHTML = '';
data.act.forEach(item => {
actList.innerHTML += `
${item}`;
});
const delList = document.getElementById('phase-list-2');
delList.innerHTML = '';
data.del.forEach(item => {
delList.innerHTML += `
${item}`;
});
}
// Modal Controls
function openAuditModal() {
document.getElementById('audit-modal').classList.remove('hidden');
}
function closeAuditModal() {
document.getElementById('audit-modal').classList.add('hidden');
}
function handleAuditSubmit(e) {
e.preventDefault();
alert('Thank you for reaching out to FluxDX! Our team will contact you within 24 hours.');
closeAuditModal();
}
// KPI Counter Animation on Scroll
let countersAnimated = false;
window.addEventListener('scroll', () => {
const metricsSec = document.getElementById('metrics');
if (!metricsSec || countersAnimated) return;
const rect = metricsSec.getBoundingClientRect();
if (rect.top {
const target = parseFloat(counter.getAttribute('data-target')) || 0;
let current = 0;
const isDecimal = target % 1 !== 0;
const step = isDecimal ? 0.1 : Math.max(1, Math.ceil(target / 40));
const timer = setInterval(() => {
current += step;
if (current >= target) {
counter.innerText = isDecimal ? target.toFixed(1) + 'x' : Math.round(target) + '%';
clearInterval(timer);
} else {
counter.innerText = isDecimal ? current.toFixed(1) + 'x' : Math.round(current) + '%';
}
}, 30);
});
}
});
