About Us — 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;
}
About
Us
About FluxDX
At
FluxDX, our mission is to elevate brands through powerful digital storytelling. Because we believe
your unique voice deserves to be heard, without requiring massive budgets or complex resources.
Why Choose
Us
Why FluxDX?
Beyond the Basics: Your business deserves better than a template website...
Smart Tech, Smarter Results: AI chatbots handling 3 AM customer questions...
Numbers Don't Lie: Every dollar you spend is tracked, measured, and
optimized...
Partners in Growth: Remember that consultant who promised the moon but
delivered a pebble? We're the opposite...
0+
Project
Delivered
0+
Client
Worldwide
0+
Experienced Professionals
0+
Years of
experience
A seamless,
proven 5-step methodology to take your brand from initial discovery to successful launch.
01. Discovery
Understanding your business,
goals, and target audience to lay a strong foundation.
02. Strategy
Developing a customized action
plan and roadmap tailored to your specific needs.
03. Execution
Implementing the strategy with
precision, utilizing cutting-edge tools and creativity.
04. Testing
Rigorous QA, performance
tracking, and refinement to ensure optimal results.
05. Launch
Going live, scaling up, and
providing ongoing support for continuous growth.
01. Discovery
Understanding your business, goals, and target
audience to
lay a strong foundation.
02. Strategy
Developing a customized action plan and roadmap
tailored
to your specific needs.
03. Execution
Implementing the strategy with precision, utilizing
cutting-edge tools and creativity.
04. Testing
Rigorous QA, performance tracking, and refinement to
ensure optimal results.
05. Launch
Going live, scaling up, and providing ongoing support
for
continuous growth.
Transform
Tomorrow: The FluxDX Way
What Makes Us
Different
01
Vision
Our Big Picture
From creative sparks to impactful
campaigns...
02
Passion
What Drives Us
A commitment to excellence, and the joy of
seeing brands thrive...
03
Process
Way We Work
We're not just service providers - we're
partners in your digital transformation...
Creative Minds
Behind FluxDX
Our Team
Sobha Rani
Digital Marketing
Specialist
Himani Saggar
Business Development Lead
Janhvi Upadhyay
Creative Head
Janhvi Upadhyay
Creative Head
Janhvi Upadhyay
Creative Head
Janhvi Upadhyay
Creative Head
Janhvi Upadhyay
Creative Head
// KPI Counter Animation on Scroll
let countersAnimated = false;
window.addEventListener('scroll', () => {
const whoSec = document.getElementById('who-we-are');
if (!whoSec || countersAnimated) return;
const rect = whoSec.getBoundingClientRect();
if (rect.top {
const target = parseInt(counter.getAttribute('data-target')) || 0;
let current = 0;
const step = Math.max(1, Math.ceil(target / 40));
if (target === 0) {
counter.innerText = '0+';
return;
}
const timer = setInterval(() => {
current += step;
if (current >= target) {
counter.innerText = target + '+';
clearInterval(timer);
} else {
counter.innerText = current + '+';
}
}, 60);
});
}
});
