Your Competitors Are Booking The Calls You Should Be Getting.
Let’s crush your competition, skyrocket your revenue, and deliver results that will have you wondering why you didn’t start sooner.
Enter your email address here and find out what real marketing can achieve. *
Submit
Most digital marketing agencies will sell you Google rankings, website traffic, and a dashboard full of vanity metrics that don’t pay your bills.
We do SEO, websites, content creation, and paid ads built around one question: is the phone ringing?
150+
★★★★★
Loved by growing brands
4.8x Average ROAS
98% Retention Rate
/ ========================================== /
/ 1. Base Container & Big Desktop (1400px+) /
/ ========================================== /
.qvm-hero-addon {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 36px !important;
margin-top: 48px !important; / Breathing room from text above /
font-family: inherit !important;
flex-wrap: nowrap !important; / Forces everything on one line /
background: transparent !important;
background-color: transparent !important;
width: 100% !important;
box-sizing: border-box !important;
}
.qvm-trust-box {
display: flex !important;
align-items: center !important;
gap: 16px !important;
background: transparent !important;
flex-shrink: 0 !important;
}
.qvm-avatar-group {
display: flex !important;
align-items: center !important;
background: transparent !important;
}
.qvm-avatar-group img, .qvm-avatar-plus {
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
border: 2px solid #ffffff !important;
margin-left: -12px !important;
object-fit: cover !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.qvm-avatar-group img:first-child {
margin-left: 0 !important;
}
.qvm-avatar-group:hover img {
transform: translateY(-3px) !important;
margin-left: -6px !important;
}
.qvm-avatar-group:hover img:first-child {
margin-left: 0 !important;
}
.qvm-avatar-plus {
background-color: #3c527e !important; / QVM Blue /
color: #f3de8a !important; / QVM Yellow /
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 11px !important;
font-weight: 700 !important;
cursor: default !important;
box-shadow: 0 4px 10px rgba(60, 82, 126, 0.1) !important;
}
.qvm-rating-info {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
background: transparent !important;
}
.qvm-stars {
color: #e5b83b !important; / Premium Gold /
font-size: 16px !important;
letter-spacing: 0.5px !important;
line-height: 1 !important;
background: transparent !important;
}
.qvm-rating-text {
margin: 0 !important;
font-size: 13px !important;
color: #3c527e !important;
font-weight: 700 !important;
opacity: 0.9 !important;
white-space: nowrap !important;
background: transparent !important;
}
.qvm-divider {
width: 1px !important;
height: 40px !important;
background-color: rgba(60, 82, 126, 0.15) !important;
flex-shrink: 0 !important;
}
.qvm-stats-box {
display: flex !important;
gap: 24px !important;
background: transparent !important;
flex-shrink: 0 !important;
}
.qvm-stat-unit {
display: flex !important;
flex-direction: column !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
.qvm-stat-unit .qvm-stat-number {
font-size: 28px !important;
font-weight: 800 !important;
color: #3c527e !important;
line-height: 1.1 !important;
background: transparent !important;
}
.qvm-stat-unit .qvm-stat-label {
font-size: 11px !important;
color: #3c527e !important;
font-weight: 700 !important;
opacity: 0.8 !important;
margin-top: 4px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
white-space: nowrap !important;
background: transparent !important;
}
/ ========================================== /
/ 2. MacBook & Small Laptops (1024px – 1399px) /
/ ========================================== /
@media (min-width: 1024px) and (max-width: 1399px) {
.qvm-hero-addon {
gap: 20px !important; /* Reduced gaps to fit perfectly */
margin-top: 36px !important;
}
.qvm-trust-box {
gap: 12px !important;
}
.qvm-avatar-group img, .qvm-avatar-plus {
width: 38px !important; /* Beautifully scaled down avatars */
height: 38px !important;
border-width: 2px !important;
margin-left: -10px !important;
}
.qvm-avatar-group:hover img {
margin-left: -5px !important;
}
.qvm-avatar-plus {
font-size: 10px !important;
}
.qvm-stars {
font-size: 14px !important;
}
.qvm-rating-text {
font-size: 12px !important;
}
.qvm-divider {
height: 32px !important;
}
.qvm-stats-box {
gap: 16px !important;
}
.qvm-stat-unit .qvm-stat-number {
font-size: 24px !important; /* Smaller, sharper typography */
}
.qvm-stat-unit .qvm-stat-label {
font-size: 10px !important;
}
}
/ ========================================== /
/ 3. Tablets & Mobile Screens (Below 1024px) /
/ ========================================== /
@media (max-width: 1023px) {
.qvm-hero-addon {
flex-direction: column !important;
align-items: flex-start !important;
gap: 24px !important;
margin-top: 36px !important;
}
.qvm-divider {
display: none !important; /* Clean layout without vertical lines */
}
.qvm-trust-box {
gap: 16px !important;
}
.qvm-stats-box {
width: 100% !important;
justify-content: flex-start !important;
gap: 40px !important; /* Balanced side-by-side spacing */
}
.qvm-stat-unit .qvm-stat-number {
font-size: 26px !important;
}
}
Let’s guess. You’re here because you’ve tried everything under the sun to make your business grow.
You’ve thrown dollars at ads that promised the world, watched traffic spike (only to plummet), and dabbled in every “hot” new marketing trend, hoping one would finally be it.
Maybe you’ve even sat through a few webinars on “harnessing the power of SEO”, only to leave with a headache and zero results.
We get it.
You’ve been patient. You’ve been persistent. But at the end of the day, it feels like all these tactics are nothing more than smoke and mirrors. Meanwhile, your competition is out there hogging the spotlight, winning clients, and scaling at a speed that’s borderline supernatural.
What if I told you it’s not you—it’s the approach? Many businesses go through the same cycle. They try one strategy here, a little DIY digital marketing there, and hire a few “specialists” who are great with buzzwords but short on delivery.
And what happens? Minimal progress, but maximal headaches. The motivation starts to fade, and you’re left asking, “Does real growth even exist?”
Well, it does. And that’s exactly where we come in.
We eat marketing challenges for breakfast and are unsatisfied until you see the numbers you’ve been craving. Simply put, we’re here to turn your ambitious goals into measurable, mind-blowing results.
This means…
More engagement,
More conversions,
More money,
.business-copy {
display: flex;
justify-content: center;
}
.copy-container {
max-width: 700px;
width: 100%;
background: transparent;
}
.update-date {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
text-decoration: underline;
text-decoration-color: #000;
text-underline-offset: 4px;
margin-bottom: 40px;
}
.letter-content h2, .letter-content h3 {
font-family: 'Black Hawk', sans-serif;
font-weight: normal;
text-align: left;
margin-bottom: 25px;
}
.letter-content h2 {
font-size: 3.5rem;
color: #3c527e;
font-family: "Abel", sans-serif;
}
.letter-content h3 {
font-size: 3.5rem;
color: #3c527e;
margin-top: 35px;
}
.letter-content p {
font-size: 1.50rem;
line-height: 1.7;
margin-bottom: 25px;
font-weight: 400;
text-align: left;
font-family: “Abel”,sans-serif;
}
.highlight {
background-color: #3c527e;
padding: 2px 4px;
color: white;
}
.results-footer {
margin-top: 50px;
}
.results-footer p {
font-weight: 800;
font-size: 0.9rem;
margin-bottom: 10px;
}
.bold-callout {
font-family: 'Black Hawk', sans-serif;
font-size: 2rem;
line-height: 1.2;
color: #1e3a8a;
text-transform: uppercase;
font-style: italic;
}
@media (max-width: 600px) {
.letter-content p { font-size: 1rem; }
.letter-content h2 { font-size: 2rem; }
}
QVM Digital Marketing Inc. -SEO, Website Development, Social Media, & Content Creation
Let’s guess. You’re here because you’ve tried everything under the sun to make your business grow.
You’ve thrown dollars at ads that promised the world, watched traffic spike (only to plummet), and dabbled in every “hot” new marketing trend, hoping one would finally be it.
Maybe you’ve even sat through a few webinars on “harnessing the power of SEO”, only to leave with a headache and zero results.
You’ve been patient. You’ve been persistent. But at the end of the day, it feels like all these tactics are nothing more than smoke and mirrors. Meanwhile, your competition is out there hogging the spotlight, winning clients, and scaling at a speed that’s borderline supernatural.
What if I told you it’s not you—it’s the approach? Many businesses go through the same cycle. They try one strategy here, a little DIY digital marketing there, and hire a few “specialists” who are great with buzzwords but short on delivery.
And what happens? Minimal progress, but maximal headaches. The motivation starts to fade, and you’re left asking, “Does real growth even exist?”
Well, it does. And that’s exactly where we come in.
We eat marketing challenges for breakfast and are unsatisfied until you see the numbers you’ve been craving. Simply put, we’re here to turn your ambitious goals into measurable, mind-blowing results.
This means…
More engagement,
More conversions,
More money,
.business-copy {
display: flex;
justify-content: center;
}
.copy-container {
max-width: 700px;
width: 100%;
background: transparent;
}
.update-date {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
text-decoration: underline;
text-decoration-color: #000;
text-underline-offset: 4px;
margin-bottom: 40px;
}
.letter-content h2, .letter-content h3 {
font-family: 'Black Hawk', sans-serif;
font-weight: normal;
text-align: left;
margin-bottom: 25px;
}
.letter-content h2 {
font-size: 3.5rem;
color: #3c527e;
font-family: "Abel", sans-serif;
}
.letter-content h3 {
font-size: 3.5rem;
color: #3c527e;
margin-top: 35px;
}
.letter-content p {
font-size: 1.50rem;
line-height: 1.7;
margin-bottom: 25px;
font-weight: 400;
text-align: left;
font-family: “Abel”,sans-serif;
}
.highlight {
background-color: #3c527e;
padding: 2px 4px;
color: white;
}
.results-footer {
margin-top: 50px;
}
.results-footer p {
font-weight: 800;
font-size: 0.9rem;
margin-bottom: 10px;
}
.bold-callout {
font-family: 'Black Hawk', sans-serif;
font-size: 2rem;
line-height: 1.2;
color: #1e3a8a;
text-transform: uppercase;
font-style: italic;
}
@media (max-width: 600px) {
.letter-content p { font-size: 1rem; }
.letter-content h2 { font-size: 2rem; }
}
QVM Digital Marketing Inc. -SEO, Website Development, Social Media, & Content Creation
Let’s guess. You’re here because you’ve tried everything under the sun to make your business grow.
You’ve thrown dollars at ads that promised the world, watched traffic spike (only to plummet), and dabbled in every “hot” new marketing trend, hoping one would finally be it.
Maybe you’ve even sat through a few webinars on “harnessing the power of SEO”, only to leave with a headache and zero results.
You’ve been patient. You’ve been persistent. But at the end of the day, it feels like all these tactics are nothing more than smoke and mirrors. Meanwhile, your competition is out there hogging the spotlight, winning clients, and scaling at a speed that’s borderline supernatural.
What if I told you it’s not you—it’s the approach? Many businesses go through the same cycle. They try one strategy here, a little DIY digital marketing there, and hire a few “specialists” who are great with buzzwords but short on delivery.
And what happens? Minimal progress, but maximal headaches. The motivation starts to fade, and you’re left asking, “Does real growth even exist?”
Well, it does. And that’s exactly where we come in.
We eat marketing challenges for breakfast and are unsatisfied until you see the numbers you’ve been craving. Simply put, we’re here to turn your ambitious goals into measurable, mind-blowing results.
This means…
/* Main Flexbox Container - (Base Styles for Desktop) */
.promo-container {
display: flex;
align-items: center;
justify-content: center;
font-family: 'Black Hawk', sans-serif;
font-size: 70px; /* Text size 70px */
color: #2b4570;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
padding: 28px 10px;
overflow: hidden;
}
.megaphone-icon {
width: 190px;
height: auto;
margin-right: 10px;
}
.static-text {
margin-right: 15px;
}
/* Invisible Wrapper */
.dynamic-wrapper {
width: 430px;
display: flex;
justify-content: flex-start;
}
/* Orange Background Box */
.dynamic-box {
background-color: #D4663D;
padding: 14px 24px;
display: inline-flex;
justify-content: center;
align-items: center;
transform: rotate(-3deg);
white-space: nowrap;
}
.dynamic-box span {
display: inline-block;
color: #2b4570;
line-height: 1;
margin-top: 5px;
}
/* Slide Right with easeOutBounce */
.slide-right-bounce {
animation: slideRightBounceAnim 0.8s forwards;
}
@keyframes slideRightBounceAnim {
0% { transform: translateX(-150px) rotate(-3deg); opacity: 0; }
40% { transform: translateX(20px) rotate(-3deg); opacity: 1; }
60% { transform: translateX(-10px) rotate(-3deg); }
80% { transform: translateX(5px) rotate(-3deg); }
100% { transform: translateX(0) rotate(-3deg); opacity: 1; }
}
.hide-box {
opacity: 0;
}
/* ========================================= */
/* RESPONSIVE MEDIA QUERIES */
/* ========================================= */
/* Laptops aur Chote Desktops (max-width: 1024px) */
@media (max-width: 1024px) {
.promo-container { font-size: 55px; padding: 25px 10px; }
.megaphone-icon { width: 150px; }
.dynamic-wrapper { width: 340px; }
.dynamic-box { padding: 12px 20px; }
}
/* Tablets (max-width: 768px) */
@media (max-width: 768px) {
.promo-container { font-size: 40px; padding: 20px 10px; }
.megaphone-icon { width: 110px; }
.dynamic-wrapper { width: 250px; }
.dynamic-box { padding: 10px 18px; }
}
/* Mobile Phones (max-width: 480px) */
@media (max-width: 480px) {
.promo-container {
font-size: 26px; /* Mobile par font size chota kiya hai */
padding: 15px 5px;
}
.megaphone-icon {
width: 75px; /* Mobile ke hisaab se icon */
margin-right: 5px;
}
.static-text { margin-right: 8px; }
.dynamic-wrapper {
width: 170px; /* Bare word 'CONVERSIONS' ko fit rakhne ke liye */
}
.dynamic-box {
padding: 8px 12px;
}
.dynamic-box span {
margin-top: 3px;
}
}
MORE CONVERSIONS
const words = ["CONVERSIONS", "MONEY", "ENGAGEMENT"];
let currentIndex = 0;
const textElement = document.getElementById("changingText");
const boxElement = document.getElementById("animatedBox");
setInterval(() => {
boxElement.classList.remove("slide-right-bounce");
boxElement.classList.add("hide-box");
setTimeout(() => {
currentIndex = (currentIndex + 1) % words.length;
textElement.innerText = words[currentIndex];
boxElement.classList.remove("hide-box");
boxElement.classList.add("slide-right-bounce");
}, 50);
}, 2000);
You can have the best product or service in the world — but if people can’t find you online, it’s like your business doesn’t even exist.
That’s where SEO comes in.
Your brand isn’t just your logo — it’s the first impression people get when they see, hear, or interact with your business. And if that impression is boring, inconsistent, or forgettable… they’ll move on.
Your website shouldn’t just “look nice.” It should work — like a salesperson that never sleeps, never takes a day off, and knows exactly how to turn visitors into customers.
Let’s cut to the chase — organic reach is great, but if you want fast, predictable growth, paid ads are how you get there. The problem? Most businesses burn money on ads that look nice but don’t actually sell. That’s why we build ads differently.
Let’s be honest — you’re busy running your business. You don’t have hours to brainstorm ideas, shoot videos, write captions, and post consistently… and even if you did, you’re not trying to be a full-time content creator.
Social media done right builds trust, shows off your brand, and keeps you top-of-mind with the people who matter most. But it also takes planning, consistency, and the kind of content that makes people stop scrolling. That’s where we come in.
01
### SEO Package
You can have the best product or service in the world — but if people can’t find you online, it’s like your business doesn’t even exist.
### Website Package
Your website shouldn’t just “look nice.” It should work — like a salesperson that never sleeps.
### Content Package
Let’s be honest — you’re busy running your business. You don’t have hours to brainstorm ideas consistently.
### Branding Package
Your brand isn’t just your logo — it’s the first impression people get when they see, hear, or interact with your business.
### Paid Ads Package
Let’s cut to the chase — organic reach is great, but if you want fast, predictable growth, paid ads are how you get there.
### Social Media Package
Social media done right builds trust, shows off your brand, and keeps you top-of-mind with the people who matter most.
01
### SEO Package
You can have the best product or service in the world — but if people can’t find you online, it’s like your business doesn’t even exist.
### Website Package
Your website shouldn’t just “look nice.” It should work — like a salesperson that never sleeps.
### Content Package
Let’s be honest — you’re busy running your business. You don’t have hours to brainstorm ideas consistently.
### Branding Package
Your brand isn’t just your logo — it’s the first impression people get when they see, hear, or interact with your business.
### Paid Ads Package
Let’s cut to the chase — organic reach is great, but if you want fast, predictable growth, paid ads are how you get there.
### Social Media Package
Social media done right builds trust, shows off your brand, and keeps you top-of-mind with the people who matter most.
/ SCOPED CSS FOR ROTATOR ONLY /
.qvmr-bd-shield * { box-sizing: border-box; margin: 0; padding: 0; font-family: ‘Poppins’, sans-serif; }
.qvmr-bd-shield {
display: block !important;
width: 100% !important;
position: relative !important;
background: transparent;
z-index: 10;
}
.qvmr-pin-box {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
background: #fafafa;
}
/ 1. HEADER (Default Desktop – Pushed down to 25vh for perfect balance) /
.qvmr-phase-header {
position: absolute;
top: 25vh; /* Changed from 17vh to 25vh */
right: 66%;
z-index: 20;
pointer-events: none;
text-align: left;
width: 550px;
}
.qvmr-phase-header h2 { font-size: clamp(1.3rem, 4vw, 2.3rem); font-family: ‘Poppins’, sans-serif; color: #3c527e; margin: 0; line-height: 1.2; font-weight: 600; }
.qvmr-phase-header .current-number { font-size: clamp(2.5rem, 6vw, 3.8rem); font-family: ‘Black Hawk’, ‘Poppins’, sans-serif; color: #f3de8a; display: block; margin-top: 6px; font-weight: 800; text-shadow: 0 4px 12px rgba(60, 82, 126, 0.15); }
/ TRACK & GRID /
.qvmr-horizontal-track {
width: 100%;
height: 100%;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.qvmr-grid-inner {
position: relative;
width: 480px;
height: 640px;
display: flex;
justify-content: center;
align-items: center;
}
/ PREMIUM CARDS STYLING /
.qvmr-card {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
background: #ffffff !important;
border-radius: 40px;
padding: 38px 38px 48px !important;
text-align: left;
box-shadow: 0 30px 60px rgba(60, 82, 126, 0.08), 0 0 0 1px rgba(243, 222, 138, 0.15) !important;
border: 1px solid rgba(60, 82, 126, 0.05);
z-index: 10;
transform-origin: center 160%;
will-change: transform, opacity;
opacity: 0;
transform: rotate(60deg);
transition: box-shadow 0.3s ease;
}
.qvmr-card:hover {
box-shadow: 0 35px 70px rgba(60, 82, 126, 0.12), 0 0 0 2px rgba(243, 222, 138, 0.30) !important;
}
.qvmr-card:first-child { opacity: 1; transform: rotate(0deg); z-index: 100; }
.qvmr-card::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 120px;
background: radial-gradient(circle at top right, rgba(243, 222, 138, 0.2), transparent);
border-radius: 40px;
pointer-events: none;
}
.qvmr-card img {
width: 100%;
height: auto;
border-radius: 24px;
margin-bottom: 24px;
display: block;
background: #e8f0f8;
box-shadow: 0 10px 25px rgba(60, 82, 126, 0.05);
}
.qvmr-card h3 {
font-family: 'Poppins', sans-serif;
font-size: 2rem;
color: #3c527e;
margin-bottom: 14px;
line-height: 1.2;
font-weight: 700;
}
.qvmr-card p {
color: #3e5577;
font-size: 0.96rem;
line-height: 1.6;
margin-bottom: 28px;
font-family: system-ui, sans-serif;
}
.qvmr-card a {
color: #ffffff;
text-decoration: none;
padding: 13px 36px;
border-radius: 40px;
font-weight: 600;
background: #3c527e;
display: inline-block;
font-family: system-ui, sans-serif;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
border: 2px solid transparent;
box-shadow: 0 4px 15px rgba(60, 82, 126, 0.15);
}
.qvmr-card a:hover {
background: #f3de8a;
color: #3c527e;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(243, 222, 138, 0.45);
}
/ =======================================================
2. RESPONSIVENESS (LAPTOPS, MACBOOKS & SMALLER SCREENS)
======================================================= /
/ MACBOOK & LAPTOP SCREEN WIDTH (covers 1360px & 1440px) /
@media (max-width: 1400px) {
.qvmr-grid-inner {
width: 440px;
height: 590px;
}
.qvmr-phase-header {
right: 63%;
top: 22vh; /* Adjusted from 15vh to match desktop pushdown */
width: 450px;
}
}
@media (max-width: 1200px) {
.qvmr-grid-inner {
width: 400px;
height: 560px;
}
.qvmr-phase-header {
right: 61%;
top: 20vh; /* Adjusted from 14vh */
width: 400px;
}
.qvmr-card {
padding: 30px 30px 40px !important;
}
.qvmr-card h3 { font-size: 1.8rem; }
}
/ MACBOOK HEIGHT RESCUE /
@media (max-height: 800px) and (min-width: 992px) {
.qvmr-grid-inner {
height: 530px !important;
width: 380px !important;
}
.qvmr-phase-header {
top: 15vh; /* Adjusted from 10vh to keep safe spacing */
right: 63%;
width: 420px;
}
.qvmr-card {
padding: 24px 24px 34px !important;
border-radius: 30px;
}
.qvmr-card img { margin-bottom: 16px; }
.qvmr-card h3 { font-size: 1.6rem; margin-bottom: 10px; }
.qvmr-card p { font-size: 0.88rem; margin-bottom: 20px; line-height: 1.5; }
.qvmr-card a { padding: 10px 28px; }
}
/ TABLETS & PHONES /
@media (max-width: 991px) {
.qvmr-pin-box {
flex-direction: column;
justify-content: center;
padding: 40px 20px;
}
.qvmr-horizontal-track {
height: auto;
margin-top: 40px;
}
.qvmr-phase-header {
position: relative;
top: auto;
right: auto;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.qvmr-grid-inner {
width: 85vw;
height: 530px;
}
.qvmr-card {
padding: 30px 30px 40px !important;
transform-origin: center 140%;
}
}
@media (max-width: 480px) {
.qvmr-grid-inner {
width: 90vw;
height: 490px;
}
.qvmr-card {
padding: 22px 22px 32px !important;
transform-origin: center 130%;
border-radius: 28px;
}
.qvmr-card h3 {
font-size: 1.5rem;
margin-bottom: 8px;
}
.qvmr-card p {
font-size: 0.85rem;
line-height: 1.5;
margin-bottom: 20px;
}
.qvmr-card img {
margin-bottom: 16px;
border-radius: 16px;
}
.qvmr-card a {
padding: 10px 26px;
font-size: 0.9rem;
}
}
(function() {
window.addEventListener(“load”, function() {
if(typeof gsap === 'undefined') return;
gsap.registerPlugin(ScrollTrigger);
if (window.qvmRotatorTrigger) {
window.qvmRotatorTrigger.kill();
}
setTimeout(() => {
const cards = gsap.utils.toArray(".qvmr-card");
if(cards.length === 0) return;
const totalCards = cards.length;
// Force strictly lock states on load
gsap.set(cards, { opacity: 0, rotation: 60, zIndex: 10 });
gsap.set(cards[0], { opacity: 1, rotation: 0, zIndex: 100 });
const tl = gsap.timeline({
scrollTrigger: {
trigger: "#qvmr-trigger-zone",
pin: "#qvmr-pinned-element",
start: "top top",
end: "+=3500",
scrub: 1,
pinSpacing: true,
onUpdate: (self) => {
let progress = self.progress;
let activeIndex = Math.floor(progress * totalCards);
if(activeIndex >= totalCards) activeIndex = totalCards - 1;
if(activeIndex < 0) activeIndex = 0;
let currentPhase = cards[activeIndex].getAttribute("data-phase");
const numTextElement = document.getElementById("activePhaseNumRotator");
if(numTextElement && numTextElement.innerText !== currentPhase){
numTextElement.innerText = currentPhase;
}
}
}
});
window.qvmRotatorTrigger = tl.scrollTrigger;
cards.forEach((card, index) => {
let positionAnchor = index * 1.5;
// Entry
if (index > 0) {
tl.fromTo(card,
{ rotation: 60, opacity: 0, zIndex: 10 + index },
{ rotation: 0, opacity: 1, zIndex: 100 + index, duration: 1, ease: "power1.out" },
positionAnchor
);
}
// Exit
if (index < totalCards - 1) {
tl.to(card,
{ rotation: -60, opacity: 0, duration: 1, ease: "power1.in" },
positionAnchor + 1.5
);
}
});
ScrollTrigger.refresh();
}, 150);
});
})();
Ultra Premium Client Stories – QVM
/* Import Poppins Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/* --- GLOBAL FIXES & BREAKDANCE FULL WIDTH HACK --- */
* { box-sizing: border-box; }
.qvm-wall-wrapper {
font-family: 'Poppins', sans-serif;
background: transparent;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
overflow-x: clip;
padding: 120px 5%;
}
/* --- PREMIUM BACKGROUND: GRID & GLOWS --- */
.qvm-wall-grid-bg {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-image:
linear-gradient(rgba(60, 82, 126, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(60, 82, 126, 0.03) 1px, transparent 1px);
background-size: 60px 60px; z-index: 1; pointer-events: none;
}
.qvm-wall-bg {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
overflow: hidden; z-index: 0; pointer-events: none;
}
.qvm-wall-orb {
position: absolute; border-radius: 50%; filter: blur(120px); opacity: 0.4;
animation: float-orb 12s ease-in-out infinite alternate;
}
.w-orb-1 { width: 500px; height: 500px; background-color: rgba(60, 82, 126, 0.08); top: 5%; left: -5%; }
.w-orb-2 { width: 400px; height: 400px; background-color: rgba(243, 222, 138, 0.15); bottom: 5%; right: -5%; animation-delay: -6s; }
@keyframes float-orb {
0% { transform: translate(0, 0) scale(1); }
100% { transform: translate(40px, 40px) scale(1.05); }
}
/* --- CONTAINER & GRID LAYOUT --- */
.qvm-wall-container {
max-width: 1280px; margin: 0 auto; position: relative; z-index: 2;
}
.qvm-wall-grid { display: flex; gap: 32px; align-items: flex-start; }
.qvm-wall-col { display: flex; flex-direction: column; gap: 32px; flex: 1; }
/* Scattered Offsets */
.qvm-col-1 { margin-top: 80px; }
.qvm-col-2 { margin-top: 0px; }
.qvm-col-3 { margin-top: 40px; }
/* --- PREMIUM HEADER --- */
.qvm-wall-header {
text-align: center; margin-bottom: 40px; padding: 20px 0;
display: flex; flex-direction: column; align-items: center; gap: 16px;
}
.qvm-wall-header-mobile { display: none; }
.qvm-wall-badge {
background: linear-gradient(90deg, rgba(60, 82, 126, 0.05), rgba(60, 82, 126, 0.02));
border: 1px solid rgba(60, 82, 126, 0.15);
color: #3C527E; padding: 8px 24px; border-radius: 40px;
font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;
box-shadow: 0 8px 20px rgba(60, 82, 126, 0.04);
backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.qvm-wall-title {
font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 700; color: #111;
line-height: 1.1; margin: 0; letter-spacing: -1.5px;
}
/* --- ULTRA PREMIUM CARD STYLES --- */
.qvm-testi-card {
background: linear-gradient(145deg, #ffffff 0%, #fdfdfe 100%);
border-radius: 24px;
padding: 32px;
padding-bottom: 48px;
border: 1px solid rgba(60, 82, 126, 0.06);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
position: relative; overflow: hidden;
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
cursor: default;
}
.qvm-testi-card:hover {
transform: translateY(-8px) scale(1.01);
border-color: rgba(60, 82, 126, 0.15);
box-shadow: 0 25px 60px rgba(60, 82, 126, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 1);
}
/* --- UPDATED: GOOGLE REDIRECT LINK & ANIMATION --- */
.qvm-review-link {
position: absolute;
bottom: 24px;
right: 24px;
display: flex;
align-items: center;
gap: 8px;
width: 22px; /* Starts hidden, showing only Google icon */
height: 22px;
z-index: 10;
overflow: hidden;
text-decoration: none;
transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
cursor: pointer;
}
/* Expands box to left on hover */
.qvm-testi-card:hover .qvm-review-link {
width: 50px;
}
.qvm-google-icon {
width: 22px;
height: 22px;
flex-shrink: 0;
opacity: 0.9;
transition: transform 0.4s ease;
}
.qvm-testi-card:hover .qvm-google-icon {
transform: scale(1.05);
}
.qvm-arrow-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
color: #4285F4;
opacity: 0;
transform: translateX(-10px);
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Arrow pops in when box expands */
.qvm-testi-card:hover .qvm-arrow-icon {
opacity: 1;
transform: translateX(0);
}
/* Floating Quote Mark - Top Right */
.qvm-testi-card::before {
content: '”'; font-family: Georgia, serif;
position: absolute;
top: 25px;
right: 25px;
font-size: 110px;
color: rgba(60, 82, 126, 0.06);
line-height: 1; pointer-events: none;
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
z-index: 0;
}
.qvm-testi-card:hover::before {
color: rgba(243, 222, 138, 0.4);
transform: translateY(10px) scale(1.1) rotate(5deg);
}
/* Card Header (Avatar + Info) */
.qvm-t-author { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; position: relative; z-index: 1; }
.qvm-t-avatar {
width: 50px; height: 50px; border-radius: 50%;
border: 2px solid #fff; box-shadow: 0 4px 12px rgba(60, 82, 126, 0.1);
display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
color: #8da1c4;
flex-shrink: 0;
}
.qvm-t-avatar svg { width: 22px; height: 22px; }
.qvm-t-info { display: flex; flex-direction: column; gap: 2px; justify-content: center; }
/* NAME WITH VERIFIED BADGE ALIGNMENT */
.qvm-t-name {
font-size: 16px; font-weight: 600; color: #111; line-height: 1.2; text-transform: capitalize;
display: inline-flex; align-items: center; gap: 6px;
}
.verified-badge {
width: 18px; height: 18px; color: #1D9BF0;
flex-shrink: 0;
}
/* Review Text */
.qvm-t-text {
font-size: 15px; line-height: 1.7; color: #444; margin: 0; position: relative; z-index: 1; font-weight: 400;
}
/* Interactive @Mentions CSS */
.qvm-mention {
background-color: rgba(60, 82, 126, 0.05); color: #3C527E;
padding: 2px 8px; border-radius: 6px; font-weight: 600;
border: 1px solid rgba(60, 82, 126, 0.1);
transition: all 0.4s ease; display: inline-block;
}
.qvm-testi-card:hover .qvm-mention {
background-color: rgba(243, 222, 138, 0.2);
color: #111; border-color: rgba(243, 222, 138, 0.5);
transform: translateY(-1px); box-shadow: 0 4px 10px rgba(243, 222, 138, 0.2);
}
/* Glowing Stars */
.qvm-t-stars { display: flex; gap: 4px; margin-bottom: 16px; position: relative; z-index: 1; }
.qvm-t-stars svg { width: 18px; height: 18px; color: #F3DE8A; fill: #F3DE8A; filter: drop-shadow(0 2px 4px rgba(243, 222, 138, 0.4)); }
/* 🔥 IMPROVED SCROLL REVEAL ANIMATION 🔥 */
.reveal-card {
opacity: 0;
transform: translateY(60px) scale(0.96);
transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
will-change: opacity, transform;
}
.reveal-card.is-visible {
opacity: 1;
transform: translateY(0) scale(1);
}
/* --- RESPONSIVE DESIGN --- */
@media (max-width: 1024px) {
.qvm-wall-wrapper { padding: 80px 5%; }
.qvm-wall-grid { gap: 24px; }
.qvm-wall-col { gap: 24px; }
.qvm-col-1 { margin-top: 40px; }
.qvm-col-3 { margin-top: 20px; }
}
@media (max-width: 768px) {
.qvm-wall-wrapper { padding: 60px 5%; }
.qvm-wall-grid-bg { background-size: 40px 40px; }
.qvm-wall-grid { flex-direction: column; gap: 24px; }
.qvm-col-1, .qvm-col-2, .qvm-col-3 { margin-top: 0; gap: 24px; width: 100%; }
.qvm-wall-header { display: none; }
.qvm-wall-header-mobile {
display: flex; flex-direction: column; align-items: center; gap: 16px;
text-align: center; margin-bottom: 40px;
}
.qvm-wall-title { font-size: 2.2rem; }
.qvm-testi-card { padding: 24px; padding-bottom: 40px; }
}
[ ](https://www.google.com/search?q=qvmdigitalmarketing&oq=qvmdigitalmarketing&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MgkIARAAGA0YgAQyDAgCEAAYDRiLAxiABDIQCAMQABiGAxiLAxiABBiKBTIGCAQQRRg8MgYIBRBFGDwyBggGEEUYPDIGCAcQRRg80gEIMjYxM2oxajeoAgCwAgA&sourceid=chrome&source=chrome.ob&ie=UTF-8#lrd=0x52ea73dee98e5557:0x8d4d20515b5a85f9,1)
Route 63 Realty
Thank you to everyone on your team at @qvmdigital for improving our website to be a modern, clean, and useable real estate site
Daniel Midwinter
Outstanding Web Design & Marketing – Highly Recommend @qvmdigital in Winnipeg…
Tammy Gibson
Amazing! @qvmdigital helped us rescue and tune up our web site after being left high and dry by another design company. But…
Christa Robinson
Jasper from @qvmdigital was exceptional! He helped me with some backend tasks in Gmail and was incredibly quick with his…
Hanny Mehari
Working with Jasper at @qvmdigital was a smooth and easy process. They helped me build both a…
Mr. Jones
Dealing with Jasper and @qvmdigital has been as close to perfect as can be between a customer and a company. His…
Damaris Lehmann
Had a great experience with Egor from @qvmdigital who went out of his way to accommodate my many requests and fine tuning. He…
Madeline Allen
Look No Further – @qvmdigital is the Team You Need!…
document.addEventListener("DOMContentLoaded", () => {
// "rootMargin: -80px" ka matlab hai ke jab screen 80px scroll hogi tab trigger hoga
const observerOptions = { root: null, rootMargin: '0px 0px -80px 0px', threshold: 0.1 };
const observer = new IntersectionObserver((entries, obs) => {
let delayCounter = 0;
entries.forEach(entry => {
if (entry.isIntersecting) {
setTimeout(() => {
entry.target.classList.add('is-visible');
}, delayCounter);
delayCounter += 150; // Har element 150ms ke baad smoothly pop hoga
obs.unobserve(entry.target);
}
});
}, observerOptions);
document.querySelectorAll('.reveal-card').forEach(el => observer.observe(el));
});
REVENUE GENERATED
BUSINESSES TRANSFORMED
MEASURABLE GROWTH
SATISFACTION RATING
document.addEventListener(“DOMContentLoaded”, function() {
gsap.registerPlugin(ScrollTrigger);
// 1. INITIAL STATES (Hide elements)
gsap.set(".animate-box", { opacity: 0, y: 30 });
gsap.set("#line-h", { width: 0 });
gsap.set("#line-v", { height: 0 });
gsap.set(".qvm-reveal-left", { opacity: 0, x: -50 });
gsap.set(".qvm-reveal-right", { opacity: 0, x: 50 });
// 2. COUNTER FUNCTION
function startCounter(el) {
const targetVal = parseFloat(el.getAttribute('data-target'));
const prefix = el.getAttribute('data-prefix') || "";
const suffix = el.getAttribute('data-suffix') || "";
const decimals = parseInt(el.getAttribute('data-decimals')) || 0;
let obj = { val: 0 };
gsap.to(obj, {
val: targetVal,
duration: 2,
ease: "power2.out",
onUpdate: function() {
let currentNum = decimals > 0
? obj.val.toFixed(decimals)
: Math.floor(obj.val).toLocaleString();
el.innerText = prefix + currentNum + suffix;
}
});
}
// 3. MAIN TIMELINE
let tl = gsap.timeline({
scrollTrigger: {
trigger: "#qvm-animate-trigger",
start: "top 70%",
toggleActions: "play none none reverse"
}
});
tl.to("#line-h", { width: "100%", duration: 0.8, ease: "power2.inOut" })
.to("#line-v", { height: "100%", duration: 0.8, ease: "power2.inOut" }, "-=0.4")
.to(".animate-box", {
opacity: 1,
y: 0,
duration: 0.6,
stagger: 0.15,
ease: "power3.out",
onStart: function() {
// Har number ko bari bari animate karna
document.querySelectorAll('.qvm-stat-number').forEach(num => startCounter(num));
}
}, "-=0.4")
.to(".qvm-reveal-left", {
opacity: 1, x: 0, duration: 0.8, stagger: 0.2, ease: "power2.out"
}, "-=1")
.to(".qvm-reveal-right", {
opacity: 1, x: 0, duration: 0.8, stagger: 0.2, ease: "power2.out"
}, "-=1");
});
/ CSS Styles /
.qvm-stats-section {
width: 100%;
overflow: hidden;
padding: 60px 0;
}
.qvm-stats-container {
width: 100%;
max-width: 100% !important;
margin: 0;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
align-items: center;
padding: 0 40px;
gap: 30px;
box-sizing: border-box;
}
.qvm-image-column {
display: flex;
flex-direction: column;
gap: 40px;
}
.qvm-left-images { align-items: flex-start; }
.qvm-right-images { align-items: flex-end; }
.qvm-image-column img {
display: block;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}
.qvm-left-images img:first-child,
.qvm-right-images img:last-child {
width: 180px;
height: 140px;
}
.qvm-left-images img:last-child,
.qvm-right-images img:first-child {
width: 280px;
height: 380px;
}
.qvm-stats-grid-wrapper {
position: relative;
padding: 40px 0;
}
.qvm-cross-line {
position: absolute;
background: rgba(255,255,255,0.25);
z-index: 1;
}
.qvm-cross-line.horizontal {
top: 50%;
left: 0;
height: 1px;
transform: translateY(-50%);
}
.qvm-cross-line.vertical {
top: 0;
left: 50%;
width: 1px;
transform: translateX(-50%);
}
.qvm-stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
position: relative;
z-index: 2;
}
.qvm-stat-box {
padding: 60px 20px;
text-align: center;
}
.qvm-stat-number {
font-family: 'Abel', sans-serif !important;
font-size: clamp(40px, 5vw, 72px) !important;
font-weight: 800 !important;
color: #fff !important;
line-height: 1 !important;
margin: 15px 0 0 !important;
}
.qvm-stat-label {
font-family: 'Manjari', sans-serif;
font-size: 16px;
font-weight: 700;
color: #ffffff;
letter-spacing: 2px;
line-height: 1.5;
margin: 0;
}
/ Responsive Design /
@media (max-width: 1024px) {
.qvm-stats-container {
grid-template-columns: 1fr;
gap: 50px;
padding: 0 20px;
}
.qvm-image-column {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.qvm-stats-grid { grid-template-columns: 1fr; }
.qvm-cross-line { display: none; }
.qvm-stat-box { border-bottom: 1px solid rgba(255,255,255,0.1); }
}
$100M+
Revenue Generated
1,000+
Businesses Transformed
95%
Measurable Growth
4.8/5
Clients Satisfaction Rating.
@media(max-width:720px){#qvm-pricing-root .shell{grid-template-columns:1fr}}
@media(max-width:500px){#qvm-pricing-root .feat-cols{grid-template-columns:1fr}}
@media(max-width:500px){#qvm-pricing-root .ghl-options{grid-template-columns:1fr}}
Select services
All prices in your selected currency. Onboarding call included with any plan. Cancel anytime.
Contract term
Currency
Prices shown in Canadian dollars
Order summary
No services selected yet.
Get a proposal → Clear all
(function(){
const CAD_TO_USD=0.73;
const TERMS=[{id:’3mo’,label:’3 months’,disc:0},{id:’6mo’,label:’6 months’,disc:0.10},{id:’12mo’,label:’12 months’,disc:0.15}];
const GHL_OPTIONS=[{id:’ghl_t1′,name:’Founding Member — Tier 1′,annualPrice:500,desc:’Full GHL platform access + onboarding training. Perfect for businesses managing their own CRM.’,features:[‘Full GoHighLevel platform access’,’QVM white-label branded portal’,’Onboarding training session’,’Pipeline & contact management’,’Email + SMS automation’,’Landing page & funnel builder’,’Reputation management tools’,’Calendar & booking system’,’Founding member pricing locked in’]},{id:’ghl_t2′,name:’Founding Member — Tier 2′,annualPrice:650,desc:’Everything in Tier 1 plus QVM hands-on support — we help set up and manage your CRM for you.’,features:[‘Everything in Tier 1′,’QVM hands-on setup & configuration’,’Monthly CRM check-in call’,’Workflow + automation builds’,’Custom pipeline setup by QVM’,’Ongoing support from QVM team’,’Priority onboarding’]}];
const SEO_PLANS=[{id:’seo_starter’,name:’Starter SEO’,icon:’S’,iconBg:’#F4F6FA’,iconColor:’#6B7A8D’,desc:’First wins and quick ranking gains for new or local businesses.’,options:[{label:’Starter’,price:550,badge:’Up to 8 hrs / month’,features:[‘Keywords — 5′,’On-page SEO — 3 pages’,’Technical fixes (basic)’,’GBP setup & optimization’,’1 blog post / month (800 words)’,’Citations — not included’,’Monthly performance report’,’30-min strategy call’],support:’Standard email support’},{label:’Starter Plus’,price:750,badge:’Up to 12 hrs / month’,plus:true,features:[‘Keywords — 8′,’On-page SEO — 5 pages’,’Technical fixes (basic)’,’GBP setup & optimization’,’2 blog posts / month (800 words each)’,’Local citations — 5 listings’,’Monthly performance report’,’30-min strategy call’],plusExtras:[‘2 blogs instead of 1′,’5 local citations included’,’3 extra keywords targeted’,’2 additional pages optimized’,’Priority email support (48hr)’],support:’Priority email support (48hr response)’}]},{id:’seo_growth’,name:’Growth SEO’,icon:’G’,iconBg:’#E6F1FB’,iconColor:’#1A5FA0′,desc:’Scale rankings and traffic for established businesses ready to compete.’,options:[{label:’Growth’,price:1000,badge:’Up to 15 hrs / month’,features:[‘Keywords — 15′,’On-page SEO — 7 pages’,’Technical SEO (standard)’,’GBP management’,’1 blog post / month (1,200 words)’,’Local citations — 5 listings’,’Analytics dashboard’,’45-min strategy call’],support:’Standard email support’},{label:’Growth Plus’,price:1300,badge:’Up to 22 hrs / month’,plus:true,features:[‘Keywords — 20′,’On-page SEO — 10 pages’,’Technical SEO (standard)’,’GBP management’,’1 blog post / month (1,200 words)’,’Local citations — 10 listings’,’Analytics dashboard’,’45-min strategy call’],plusExtras:[‘5 extra keywords’,’3 more pages optimized’,’Citations doubled to 10 listings’,’Quarterly competitor snapshot’,’Priority email support (24hr)’],support:’Priority email support (24hr response)’}]},{id:’seo_advanced’,name:’Advanced SEO’,icon:’A’,iconBg:’#E1F5EE’,iconColor:’#2A7A5E’,desc:’Aggressive growth for businesses serious about dominating search.’,options:[{label:’Advanced’,price:1800,badge:’Up to 40 hrs / month’,features:[‘Keywords — 25′,’On-page SEO — 12 pages’,’Full technical SEO audit + fixes’,’GBP management’,’2 blog posts / month (1,200 words each)’,’Local citations — 15 listings’,’Competitor snapshot’,’Backlink outreach — 3 links/mo’,’60-min strategy call’],support:’Standard email support’},{label:’Advanced Plus’,price:2300,badge:’Up to 55 hrs / month’,plus:true,features:[‘Keywords — 35′,’On-page SEO — 15 pages’,’Full technical SEO audit + fixes’,’GBP management’,’3 blog posts / month (1,200 words each)’,’Local citations — 15 listings’,’Competitor snapshot’,’Backlink outreach — 5 links/mo’,’60-min strategy call’],plusExtras:[’10 extra keywords’,’3 more pages optimized’,’3 blogs instead of 2′,’Backlinks boosted to 5/mo’,’Dedicated account manager’,’Priority support (24hr)’],support:’Dedicated account manager + priority support (24hr)’}]},{id:’seo_enterprise’,name:’Enterprise SEO’,icon:’E’,iconBg:’#EEEDFE’,iconColor:’#5A3A7A’,desc:’Full-service SEO for high-volume, multi-location, or e-commerce sites.’,options:[{label:’Enterprise’,price:3000,badge:’Up to 120 hrs / month’,features:[‘Keywords — 40+’,’On-page SEO — 15+ pages’,’Advanced technical SEO (ongoing)’,’GBP management’,’2 blog posts / month (1,500 words each)’,’Local citations — 25 listings’,’Competitor deep-dive (monthly)’,’Backlink outreach — 5+ links/mo’,’Full analytics reporting suite’,’60-min strategy call + chat support’],support:’Chat + email support’},{label:’Enterprise Plus’,price:4000,badge:’Up to 160 hrs / month’,plus:true,features:[‘Keywords — 55+’,’On-page SEO — 20+ pages’,’Advanced technical SEO (ongoing)’,’GBP management’,’4 blog posts / month (1,500 words each)’,’Local citations — 35 listings’,’Competitor deep-dive (monthly)’,’Backlink outreach — 8+ links/mo’,’Full analytics reporting suite’,’60-min strategy call + chat support’],plusExtras:[’15+ extra keywords’,’5+ more pages covered’,’4 blogs instead of 2′,’Citations expanded to 35 listings’,’Backlinks boosted to 8+/mo’,’Dedicated account manager’,’Same-day priority support’,’Monthly executive report’],support:’Dedicated account manager + same-day support’}]}];
const SMM_PLANS=[{id:’smm_basic’,name:’Social Starter’,icon:’S’,iconBg:’#FFF0F5′,iconColor:’#993556′,desc:’Get active on social with consistent, on-brand content optimized to be found.’,options:[{label:’Social Starter’,price:500,badge:’1 platform’,features:[‘1 social platform managed’,’8 posts / month’,’Basic graphic design included’,’Keyword-optimized captions’,’Profile SEO — bio, links, keywords’,’Monthly content calendar’,’Platform: Facebook or Instagram’],support:’Standard email support’},{label:’Social Starter Plus’,price:700,badge:’2 platforms’,plus:true,features:[‘2 social platforms managed’,’12 posts / month’,’Custom branded graphics’,’Keyword-optimized captions’,’Profile SEO — bio, links, keywords’,’Monthly content calendar’,’Platforms: any 2 of FB, IG, LinkedIn’],plusExtras:[‘2 platforms instead of 1′,’12 posts instead of 8′,’Custom branded graphics’,’Stories or Reels (2/mo)’,’Image alt text optimization’,’Priority email support (48hr)’],support:’Priority email support (48hr)’}]},{id:’smm_growth’,name:’Social Growth’,icon:’G’,iconBg:’#FFF8E8′,iconColor:’#854F0B’,desc:’Grow your reach with a searchable, strategic content presence across platforms.’,options:[{label:’Social Growth’,price:900,badge:’2 platforms’,features:[‘2 social platforms managed’,’16 posts / month’,’Custom branded graphics’,’Keyword-optimized captions + CTAs’,’Profile SEO across platforms’,’Social keyword research’,’Monthly content calendar’,’2 Reels or short-form videos/mo’,’Basic engagement monitoring’,’Monthly performance report’],support:’Standard email support’},{label:’Social Growth Plus’,price:1200,badge:’3 platforms’,plus:true,features:[‘3 social platforms managed’,’20 posts / month’,’Custom branded graphics’,’Keyword-optimized captions + CTAs’,’Profile SEO across platforms’,’Social keyword research’,’Monthly content calendar’,’4 Reels or short-form videos/mo’,’Active engagement monitoring’,’Monthly performance report’],plusExtras:[‘3 platforms instead of 2′,’20 posts instead of 16′,’4 Reels instead of 2′,’Active community engagement’,’LinkedIn included’,’Image + video alt text optimization’,’Priority support (24hr)’],support:’Priority email support (24hr)’}]},{id:’smm_pro’,name:’Social Pro’,icon:’P’,iconBg:’#E8F4FF’,iconColor:’#185FA5′,desc:’Full-service social media management with a complete social SEO strategy built in.’,options:[{label:’Social Pro’,price:1800,badge:’Up to 4 platforms’,features:[‘Up to 4 platforms managed’,’24 posts / month’,’Premium branded graphics’,’Keyword-optimized caption suite’,’Full profile SEO — all platforms’,’Social keyword + topic research’,’Monthly content calendar’,’6 Reels or short-form videos/mo’,’Image + video alt text optimization’,’Daily engagement monitoring’,’Competitor content analysis (monthly)’,’Bi-weekly strategy call’],support:’Priority support + bi-weekly calls’},{label:’Social Pro Plus’,price:2400,badge:’Up to 5 platforms’,plus:true,features:[‘Up to 5 platforms managed’,’30 posts / month’,’Premium branded graphics’,’Keyword-optimized caption suite’,’Full profile SEO — all platforms’,’Social keyword + topic research’,’Monthly content calendar’,’8 Reels or short-form videos/mo’,’Image + video alt text optimization’,’Daily engagement monitoring’,’Competitor content analysis (monthly)’,’Bi-weekly strategy call’],plusExtras:[‘5 platforms instead of 4′,’30 posts instead of 24′,’8 Reels instead of 6′,’TikTok included’,’Social SEO performance reporting’,’Dedicated account manager’,’Monthly content deep-dive’,’Same-day priority support’],support:’Dedicated account manager + same-day support’}]}];
const CONTENT_CARDS=[{id:’cc_photo’,name:’Social media content creation’,icon:’CC’,iconBg:’#F0FFF4′,iconColor:’#2A7A5E’,desc:’On-site or remote content creation sessions for social media.’,type:’select’,recurring:false,options:[{label:’1 hour session’,price:50,features:[‘Up to 1 hour of content creation’,’Photo or graphic content for social’,’Raw + edited deliverables’,’Content brief consultation’,’Delivered within 5 business days’]},{label:’2 hour session (max)’,price:100,features:[‘Up to 2 hours of content creation’,’Photo or graphic content for social’,’Raw + edited deliverables’,’Content brief consultation’,’Priority delivery — 3 business days’,’Best value for batch content’]}]},{id:’cc_video’,name:’Video editing’,icon:’VE’,iconBg:’#FFF3E0′,iconColor:’#E8722A’,desc:’Professional editing of your raw video footage into polished, publish-ready social content.’,type:’qty’,recurring:false,basePrice:25,features:[‘Colour grading + audio clean-up’,’Captions and text overlays’,’Music or voiceover sync’,’Formatted for IG Reels, TikTok, or Shorts’,’Delivered within 3 business days’]}];
const ADDON_CATS=[{cat:’SEO Add-ons’,items:[{id:’addon_kw’,name:’Extra keywords (10)’,icon:’KW’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’Expands keyword targeting.’,type:’qty’,recurring:true,basePrice:100},{id:’addon_page’,name:’Extra page optimization’,icon:’PG’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’Per additional page optimized.’,type:’qty’,recurring:true,basePrice:80},{id:’addon_blog’,name:’Additional blog post’,icon:’BL’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’SEO-optimized, 1,000–1,200 words.’,type:’qty’,recurring:true,basePrice:120},{id:’addon_cit’,name:’Local citations (10)’,icon:’LC’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’Boosts local authority and map pack rankings.’,type:’toggle’,recurring:true,basePrice:150},{id:’addon_comp’,name:’Competitor deep-dive’,icon:’CD’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’Detailed analysis of 3 competitors.’,type:’toggle’,recurring:false,basePrice:250},{id:’addon_back’,name:’Backlink outreach (5 links)’,icon:’BK’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’White-hat link building.’,type:’toggle’,recurring:true,basePrice:350},{id:’addon_ecom’,name:’E-commerce SEO setup’,icon:’EC’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’Product and category page optimization.’,type:’toggle’,recurring:false,basePrice:350},{id:’addon_call’,name:’Additional strategy call’,icon:’SC’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’45-minute focused session.’,type:’toggle’,recurring:false,basePrice:100}]},{cat:’Paid Ads Management’,items:[{id:’ads_meta’,name:’Meta Ads management’,icon:’M’,iconBg:’#E6F1FB’,iconColor:’#185FA5′,desc:’Facebook + Instagram campaigns. Ad spend billed to Meta.’,type:’toggle’,recurring:true,basePrice:500},{id:’ads_google’,name:’Google Ads management’,icon:’G’,iconBg:’#EAF3DE’,iconColor:’#3B6D11′,desc:’Search and display campaigns. Ad spend billed to Google.’,type:’toggle’,recurring:true,basePrice:500},{id:’ads_extra’,name:’Additional ad account’,icon:’+’,iconBg:’#FAEEDA’,iconColor:’#854F0B’,desc:’Each extra ad account beyond the first.’,type:’qty’,recurring:true,basePrice:10},{id:’ads_audit’,name:’Paid ads audit’,icon:’AU’,iconBg:’#F4F6FA’,iconColor:’#3A4F7A’,desc:’Full account review with action plan.’,type:’toggle’,recurring:false,basePrice:300}]},{cat:’Website Maintenance’,items:[{id:’web_sm’,name:’Small site’,icon:’S’,iconBg:’#E6F1FB’,iconColor:’#1A5FA0′,desc:’Up to 5 pages — hosting, updates, backups, security, minor edits.’,type:’toggle’,recurring:true,basePrice:150},{id:’web_md’,name:’Medium site’,icon:’M’,iconBg:’#EAF3DE’,iconColor:’#3B6D11′,desc:’6–15 pages — all above plus content updates.’,type:’toggle’,recurring:true,basePrice:250},{id:’web_lg’,name:’Large site’,icon:’L’,iconBg:’#EEEDFE’,iconColor:’#534AB7′,desc:’16+ pages or e-commerce — full monthly management.’,type:’toggle’,recurring:true,basePrice:350},{id:’web_hr’,name:’Emergency dev support’,icon:’!’,iconBg:’#FAECE7′,iconColor:’#993C1D’,desc:’Priority fixes outside maintenance scope. Per hour.’,type:’qty’,recurring:false,basePrice:85}]}];
let term=’3mo’,currency=’CAD’,ghlBilling=’annual’;
const seoState={},smmState={},ccState={},ccQty={},addonState={},addonQty={};
let ghlSelected=null;
function disc(){return TERMS.find(t=>t.id===term).disc;}
function fx(p){return currency===’USD’?Math.round(pCAD_TO_USD):p;}
function sym(){return currency===’USD’?’US$’:’CA$’;}
function fmt(p){return sym()+fx(p).toLocaleString();}
function discP(p,rec){return rec?Math.round(p(1-disc())):p;}
function ghlDP(opt){const b=opt.annualPrice;if(ghlBilling===’annual’)return{price:fmt(b),period:’/year’,note:’Billed once annually’};const q=Math.round(b/4);return{price:fmt(q),period:’/quarter’,note:’Billed every 3 months’};}
function ghlCAD(opt){return ghlBilling===’annual’?opt.annualPrice:Math.round(opt.annualPrice/4);}
function qvmRC(){
const tr=document.getElementById(‘qvm-term-row’);tr.innerHTML=”;
TERMS.forEach(t=>{const b=document.createElement(‘div’);b.className=’pill’+(t.id===term?’ on’:”);b.innerHTML=t.label+(t.disc>0?’‘+Math.round(t.disc100)+’% off’:”);b.onclick=function(){term=t.id;qvmRA();};tr.appendChild(b);});
const cr=document.getElementById(‘qvm-currency-row’);cr.innerHTML=”;
[‘CAD’,’USD’].forEach(function(c){const b=document.createElement(‘div’);b.className=’pill’+(c===currency?’ on’:”);b.textContent=c;b.onclick=function(){currency=c;qvmRA();};cr.appendChild(b);});
document.getElementById(‘qvm-currency-note’).textContent=currency===’USD’?’Prices converted to USD (~’+Math.round(CAD_TO_USD100)+’u00a2 per CA$1)’:’Prices shown in Canadian dollars’;
}
function featCols(features,color){const h=Math.ceil(features.length/2);const l=features.slice(0,h).map(f=>’
‘).join(”);const r=features.slice(h).map(f=>’+’+f+’
‘).join(”);return”+l+’
‘+r+’
‘;} function buildPC(plan,stateObj,fn){ const selIdx=stateObj[plan.id];const isActive=selIdx!=null; const card=document.createElement(‘div’);card.className=’svc-card’+(isActive?’ active’:”); const d=disc();const prices=plan.options.map(o=>fx(discP(o.price,true))); const priceStr=prices.length>1&&prices[0]!==prices[prices.length-1]?sym()+prices[0].toLocaleString()+’ u2013 ‘+sym()+prices[prices.length-1].toLocaleString():sym()+prices[0].toLocaleString(); const showOrig=d>0;const op=plan.options.map(o=>fx(o.price)); const origStr=plan.options.length>1?sym()+op[0].toLocaleString()+’ u2013 ‘+sym()+op[op.length-1].toLocaleString():sym()+op[0].toLocaleString(); let fh=”; if(isActive){const opt=plan.options[selIdx];if(opt.plus){fh=’What’s included
‘+opt.features.map(f=>’+’+f+’
‘).join(”)+’+’+opt.support+’
Plus upgrades
‘+opt.plusExtras.map(f=>’NEW’+f+’
‘).join(”)+’
‘;}else{fh=’What’s included
‘+featCols(opt.features,plan.iconColor)+’
+’+opt.support+’
‘;}} const so=plan.options.map((o,i)=>”+o.label+’ u2014 ‘+sym()+fx(discP(o.price,true)).toLocaleString()+’/mo’+(d>0?’ (save ‘+Math.round(d*100)+’%)’:”)+(o.plus?’ u2746′:”)+”).join(”); card.innerHTML=”+plan.icon+’
‘+plan.name+’
‘+plan.desc+’
‘+(isActive?”+plan.options[selIdx].badge+”:”)+’
‘+(showOrig?”+origStr+’/mo
‘:”)+”+priceStr+’
/mo
PlanSelect option…’+so+’
‘+fh; return card; } function qvmRS(){ const list=document.getElementById(‘qvm-services-list’);list.innerHTML=”; const sd=document.createElement(‘div’);sd.innerHTML=’SEO Plans
‘;SEO_PLANS.forEach(p=>sd.appendChild(buildPC(p,seoState,’hSeo’)));list.appendChild(sd); const sm=document.createElement(‘div’);sm.innerHTML=’Social Media Management
‘;SMM_PLANS.forEach(p=>sm.appendChild(buildPC(p,smmState,’hSmm’)));list.appendChild(sm); const cd=document.createElement(‘div’);cd.innerHTML=’Content Creation
‘; CONTENT_CARDS.forEach(function(svc){ const isActive=!!ccState[svc.id];const card=document.createElement(‘div’);card.className=’svc-card’+(isActive?’ active’:”); if(svc.type===’select’){const si=ccState[svc.id];let f=”;if(si!=null){const o=svc.options[si];f=’What’s included
‘+featCols(o.features,svc.iconColor)+’
‘;}const so=svc.options.map((o,i)=>”+o.label+’ u2014 ‘+fmt(o.price)+”).join(”);card.innerHTML=”+svc.icon+’
‘+svc.name+’
‘+svc.desc+’
‘+fmt(50)+’ u2013 ‘+fmt(100)+’
per session
SessionSelect option…’+so+’
‘+f;} else{const q=ccQty[svc.id]||1;const t=svc.basePrice*q;const f=isActive?’What’s included
‘+featCols(svc.features,svc.iconColor)+’
‘:”;card.innerHTML=”+svc.icon+’
‘+svc.name+’
‘+svc.desc+’
‘+fmt(svc.basePrice)+’ per edited video u2014 you provide the footage, we handle the rest.
‘+fmt(t)+’
‘+q+’ video’+(q>1?’s’:”)+’
‘+(isActive?’Added u2713′:’+ Add service’)+”+(isActive?’-‘+q+’+xd7 ‘+fmt(svc.basePrice)+’
‘:”)+’
‘+f;} cd.appendChild(card); });list.appendChild(cd); ADDON_CATS.forEach(function(cat){ const catDiv=document.createElement(‘div’);catDiv.innerHTML=”+cat.cat+’
‘; cat.items.forEach(function(svc){ const isActive=!!addonState[svc.id];const card=document.createElement(‘div’);card.className=’svc-card’+(isActive?’ active’:”); const isRec=svc.recurring!==false;const dc=isRec?Math.round(svc.basePrice*(1-disc())):svc.basePrice;const nf=fx(dc);const of2=fx(svc.basePrice);const so=disc()>0&&isRec&&svc.type!==’qty’;const ps=svc.type===’qty’?’/unit’:(isRec?’/mo’:’one-time’);const q=addonQty[svc.id]||1; let ctrl=svc.type===’toggle’?”+(isActive?’Added u2713′:’+ Add service’)+”:”+(isActive?’Added u2713′:’+ Add service’)+”+(isActive?’-‘+q+’+xd7 ‘+sym()+nf+’
‘:”); card.innerHTML=”+svc.icon+’
‘+svc.name+’
‘+svc.desc+’
‘+(so?”+sym()+of2.toLocaleString()+’/mo
‘:”)+”+sym()+nf.toLocaleString()+’
‘+ps+’
‘+ctrl+’
‘; catDiv.appendChild(card); });list.appendChild(catDiv); }); const gs=document.createElement(‘div’); const gt=document.createElement(‘div’);gt.className=’ghl-top-row’; const gl=document.createElement(‘div’);gl.className=’ghl-cat-lbl’;gl.textContent=’GHL CRM Platform’; const gb=document.createElement(‘div’);gb.className=’ghl-billing-row’;gb.innerHTML=’BillingAnnual
Quarterly
‘; gt.appendChild(gl);gt.appendChild(gb);gs.appendChild(gt); const gw=document.createElement(‘div’);gw.className=’svc-card’+(ghlSelected?’ active’:”); const oh=GHL_OPTIONS.map(function(opt){const p=ghlDP(opt);return”+opt.name+’
‘+p.price+’
‘+p.period+’ u2014 ‘+p.note+’
‘+opt.desc+’
‘;}).join(”); let gf=”;if(ghlSelected){const o=GHL_OPTIONS.find(function(o){return o.id===ghlSelected;});gf=’What’s included
‘+featCols(o.features,’#E8722A’)+’
‘;} gw.innerHTML=’GHL
GoHighLevel CRM u2014 Founding Member
QVM white-label CRM for Canadian small businesses. Lock in founding member pricing today.
Limited founding spots
‘+oh+’
‘+gf; gs.appendChild(gw);list.appendChild(gs); } function qvmSumm(){ const body=document.getElementById(‘qvm-sum-body’);const d=disc();const lines=[];let rB=0,dT=0,oT=0; function proc(plans,st){plans.forEach(function(plan){const idx=st[plan.id];if(idx==null)return;const opt=plan.options[idx];const p=opt.price;const da=Math.round(pd);rB+=p;dT+=da;lines.push({label:plan.name+(opt.plus?’ Plus’:”),val:sym()+fx(p-da).toLocaleString()+’/mo’});});} proc(SEO_PLANS,seoState);proc(SMM_PLANS,smmState); CONTENT_CARDS.forEach(function(svc){if(svc.type===’select’){const idx=ccState[svc.id];if(idx==null)return;const o=svc.options[idx];oT+=o.price;lines.push({label:svc.name+’ (‘+o.label+’)’,val:fmt(o.price)});}else if(ccState[svc.id]){const q=ccQty[svc.id]||1;const t=svc.basePriceq;oT+=t;lines.push({label:’Video editing xd7’+q,val:fmt(t)});}}); ADDON_CATS.flatMap(function(c){return c.items;}).forEach(function(svc){if(!addonState[svc.id])return;const isRec=svc.recurring!==false;const q=svc.type===’qty’?(addonQty[svc.id]||1):1;const p=svc.basePriceq;const da=isRec?Math.round(pd):0;const net=p-da;if(isRec){rB+=p;dT+=da;}else oT+=net;lines.push({label:svc.name+(q>1?’ xd7’+q:”),val:sym()+fx(net).toLocaleString()+(isRec?’/mo’:”)});}); if(ghlSelected){const o=GHL_OPTIONS.find(function(o){return o.id===ghlSelected;});const ca=ghlCAD(o);oT+=ca;lines.push({label:o.name+’ (‘+ghlBilling+’)’,val:fmt(ca)+(ghlBilling===’annual’?’/yr’:’/qtr’)});} if(!lines.length){body.innerHTML=’No services selected yet.
‘;return;} let html=lines.map(function(l){return”+l.label+’
‘+l.val+’
‘;}).join(”); if(dT>0)html+=”+TERMS.find(function(t){return t.id===term;}).label+’ discount-‘+sym()+fx(dT).toLocaleString()+’/mo
‘; html+=’- – – – – –
‘; const rN=rB-dT;let tot=sym()+fx(rN).toLocaleString();let note=rN>0?’/ month’:”; if(oT>0){if(rN>0){tot+=’ + ‘+sym()+fx(oT).toLocaleString();note+=’ + one-time / periodic fees’;}else tot=sym()+fx(oT).toLocaleString();} html+=’Total’+tot+’
‘; if(note)html+=”+note.trim()+’
‘; if(currency===’USD’)html+=’Displayed in USD at ~’+Math.round(CAD_TO_USD*100)+’u00a2 per CA$1
‘; body.innerHTML=html; } function qvmRA(){qvmRC();qvmRS();qvmSumm();} window.qvm_hSeo=function(id,v){seoState[id]=v===’none’?null:parseInt(v);if(seoState[id]==null)delete seoState[id];qvmRA();}; window.qvm_hSmm=function(id,v){smmState[id]=v===’none’?null:parseInt(v);if(smmState[id]==null)delete smmState[id];qvmRA();}; window.qvm_hCcS=function(id,v){ccState[id]=v===’none’?null:parseInt(v);if(ccState[id]==null)delete ccState[id];qvmRA();}; window.qvm_hCcT=function(id){ccState[id]=!ccState[id];if(!ccState[id]){delete ccState[id];delete ccQty[id];}else ccQty[id]=ccQty[id]||1;qvmRA();}; window.qvm_aCcQ=function(id,d){ccQty[id]=Math.max(1,Math.min(99,(ccQty[id]||1)+d));qvmRA();}; window.qvm_hAt=function(id){addonState[id]=!addonState[id];if(!addonState[id]){delete addonState[id];delete addonQty[id];}else addonQty[id]=addonQty[id]||1;qvmRA();}; window.qvm_aAQ=function(id,d){addonQty[id]=Math.max(1,Math.min(99,(addonQty[id]||1)+d));qvmRA();}; window.qvm_hG=function(id){ghlSelected=ghlSelected===id?null:id;qvmRA();}; window.qvm_sGB=function(v){ghlBilling=v;qvmRA();}; document.getElementById(‘qvm-cta-btn’).onclick=function(){ const sel=[]; SEO_PLANS.forEach(function(p){const i=seoState[p.id];if(i!=null)sel.push(p.name+(p.options[i].plus?’ Plus’:”));}); SMM_PLANS.forEach(function(p){const i=smmState[p.id];if(i!=null)sel.push(p.name+(p.options[i].plus?’ Plus’:”));}); CONTENT_CARDS.forEach(function(s){if(s.type===’select’&&ccState[s.id]!=null)sel.push(s.name);else if(ccState[s.id])sel.push(‘Video editing xd7’+(ccQty[s.id]||1));}); ADDON_CATS.flatMap(function(c){return c.items;}).forEach(function(s){if(addonState[s.id])sel.push(s.name);}); if(ghlSelected){const o=GHL_OPTIONS.find(function(o){return o.id===ghlSelected;});sel.push(o.name+’ (‘+ghlBilling+’)’);} qvmOpenModal(sel, TERMS.find(function(t){return t.id===term;}).label, currency); }; document.getElementById(‘qvm-reset-btn’).onclick=function(){[seoState,smmState,ccState,ccQty,addonState,addonQty].forEach(function(o){Object.keys(o).forEach(function(k){delete o[k];});});ghlSelected=null;ghlBilling=’annual’;qvmRA();}; qvmRA(); })(); ×Request a proposal
Fill in your details and we will get back to you within 1 business day.
First name *
Last name *
Email address *
Business name
Phone number
Anything else we should know?
Send proposal request
function qvmOpenModal(services, term, currency) {
const overlay = document.getElementById(‘qvm-modal-overlay’);
document.getElementById(‘qvm-hidden-services’).value = services.length ? services.join(‘, ‘) : ‘No specific services selected’;
document.getElementById(‘qvm-hidden-term’).value = term;
document.getElementById(‘qvm-hidden-currency’).value = currency;
const svcText = services.length ? ‘Selected: ‘ + services.join(‘, ‘) : ‘No services selected yet.’;
document.getElementById(‘qvm-selected-summary’).innerHTML = svcText + ‘
Term: ‘ + term + ‘ | Currency: ‘ + currency;
overlay.style.display = ‘flex’;
document.body.style.overflow = ‘hidden’;
document.getElementById(‘qvm-form-msg’).style.display = ‘none’;
document.getElementById(‘qvm-proposal-form’).reset();
document.getElementById(‘qvm-submit-btn’).textContent = ‘Send proposal request’;
document.getElementById(‘qvm-submit-btn’).disabled = false;
}
function qvmCloseModal() {
document.getElementById(‘qvm-modal-overlay’).style.display = ‘none’;
document.body.style.overflow = ”;
}
document.getElementById(‘qvm-modal-overlay’).addEventListener(‘click’, function(e) {
if (e.target === this) qvmCloseModal();
});
async function qvmSubmitForm(e) {
e.preventDefault();
const btn = document.getElementById(‘qvm-submit-btn’);
const msg = document.getElementById(‘qvm-form-msg’);
btn.textContent = ‘Sending…’;
btn.disabled = true;
const formData = new FormData(e.target);
try {
const res = await fetch('https://api.web3forms.com/submit', { method: 'POST', body: formData });
const data = await res.json();
if (data.success) {
msg.style.display = 'block';
msg.style.color = '#2A7A5E';
msg.textContent = 'Proposal request sent! We will be in touch within 1 business day.';
e.target.reset();
btn.textContent = 'Sent!';
} else { throw new Error('Failed'); }
} catch(err) {
msg.style.display = 'block';
msg.style.color = '#993C1D';
msg.textContent = 'Something went wrong. Please email jasper@qvmdigitalmarketing.com directly.';
btn.textContent = 'Send proposal request';
btn.disabled = false;
}
}
/* --- Global Reset & Keyframes --- */
* { box-sizing: border-box; }
@keyframes qvmFloat1 { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-15px) rotate(-2deg); } }
@keyframes qvmFloat2 { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(-10px) rotate(3deg); } }
@keyframes qvmFloat3 { 0%, 100% { transform: translateY(0) rotate(4deg); } 50% { transform: translateY(12px) rotate(6deg); } }
@keyframes qvmFloat4 { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(10px) rotate(-7deg); } }
@keyframes qvmFadeUpReveal {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.qvm-anim-hidden { opacity: 0; }
.qvm-anim-visible { animation: qvmFadeUpReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; }
.qvm-delay-1 { animation-delay: 0.1s !important; }
.qvm-delay-2 { animation-delay: 0.3s !important; }
.qvm-delay-3 { animation-delay: 0.5s !important; }
/* --- Section Styling --- */
.qvm-transparent-hero {
background-color: transparent !important;
width: 100% !important;
min-height: 80vh !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
padding: 80px 5% !important;
position: relative !important;
overflow: hidden !important;
}
/* 🔥 Bottom White Fade Effect 🔥 */
.qvm-transparent-hero::after {
content: "" !important;
position: absolute !important;
bottom: -1px !important; /* -1px taake koi barik line na nazar aaye */
left: 0 !important;
width: 100% !important;
height: 180px !important; /* Fade ki height - zarurat ho toh kam ya zyada kar lein */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;
pointer-events: none !important; /* Buttons clickable rahenge */
z-index: 20 !important;
}
/* Floating Badges */
.qvm-badge-wrapper { position: absolute !important; z-index: 1 !important; }
.qvm-badge-pos-1 { top: 20%; left: 15%; }
.qvm-badge-pos-2 { top: 25%; right: 15%; }
.qvm-badge-pos-3 { bottom: 25%; left: 18%; }
.qvm-badge-pos-4 { bottom: 20%; right: 17%; }
.qvm-badge {
background: #ffffff !important;
border: 1px solid rgba(59, 83, 124, 0.1) !important;
padding: 8px 18px !important;
border-radius: 50px !important;
color: #3b537c !important;
font-family: 'Poppins', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
box-shadow: 0 10px 20px rgba(59, 83, 124, 0.05) !important;
}
/* 🔥 Yellow Brand Color for Icons 🔥 */
.qvm-badge i { color: #d4af37 !important; font-size: 14px !important; }
.qvm-float-1 { animation: qvmFloat1 6s ease-in-out infinite !important; }
.qvm-float-2 { animation: qvmFloat2 7s ease-in-out infinite !important; }
.qvm-float-3 { animation: qvmFloat3 6.5s ease-in-out infinite !important; }
.qvm-float-4 { animation: qvmFloat4 7.5s ease-in-out infinite !important; }
/* --- Content --- */
.qvm-content-wrap {
position: relative !important;
z-index: 10 !important;
max-width: 800px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
/* 🔥 UPPERCASE HEADING (Weight 700) 🔥 */
.qvm-main-title {
color: #111111 !important;
font-family: 'Poppins', sans-serif !important;
font-size: clamp(40px, 6vw, 75px) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: -1px !important;
margin: 0 0 25px 0 !important;
text-transform: uppercase !important; /* Force Uppercase */
}
.qvm-main-title span {
font-family: 'Black Hawk', sans-serif !important;
background-color: #F6E6C4 !important;
color: #3b537c !important;
padding: 0 15px !important;
border-radius: 12px !important;
display: inline-block !important;
transform: rotate(-2deg) !important;
box-shadow: 0 8px 15px rgba(246, 230, 196, 0.4) !important;
font-weight: normal !important;
text-transform: none !important; /* Keep span as is */
}
/* Description */
.qvm-desc-text {
color: #475569 !important;
font-family: 'Poppins', sans-serif !important;
font-size: clamp(16px, 1.5vw, 18px) !important;
line-height: 1.6 !important;
font-weight: 400 !important;
max-width: 650px !important;
margin: 0 auto 35px auto !important;
}
.qvm-desc-strong {
color: #3b537c !important;
font-weight: 700 !important;
display: block !important;
margin-bottom: 8px !important;
}
/* Buttons */
.qvm-btn-group { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; }
.qvm-action-btn { font-family: 'Poppins', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; padding: 15px 35px !important; border-radius: 50px !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; transition: all 0.3s ease !important; }
.qvm-btn-navy { background-color: #3b537c !important; color: #ffffff !important; border: 2px solid #3b537c !important; }
.qvm-btn-navy:hover { background-color: #2c4163 !important; border-color: #2c4163 !important; }
.qvm-btn-outline { background-color: transparent !important; color: #3b537c !important; border: 2px solid #3b537c !important; }
.qvm-btn-outline:hover { background-color: #F6E6C4 !important; border-color: #F6E6C4 !important; color: #3b537c !important; }
@media (max-width: 600px) {
.qvm-badge-wrapper { display: none !important; }
.qvm-btn-group { flex-direction: column !important; width: 100% !important; gap: 15px !important; }
.qvm-action-btn { width: 100% !important; justify-content: center !important; }
}
Accelerated Growth
Data-Driven ROI
Global Reach
Top-Rated Agency
LEAD THE WAY.
START NOW, START HERE. AI tools and search engines are changing fast—make sure your brand doesn’t just adapt but stands out. Join the new era of online visibility.
document.addEventListener("DOMContentLoaded", function() {
const section = document.getElementById('qvm-animated-section');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
section.querySelectorAll('.qvm-anim-hidden').forEach(el => {
el.classList.add('qvm-anim-visible');
el.classList.remove('qvm-anim-hidden');
});
observer.unobserve(section);
}
});
}, { threshold: 0.2 });
observer.observe(section);
});
Jasper Robles | CEO & Founder
Hello my name is Jasper
Why trust us?
Because we get it — you’re tired of marketing that looks good on paper but doesn’t move the needle.
At QVM, we’re not here to sell you cookie-cutter campaigns or flashy reports that don’t mean anything. We’re a small but mighty team that believes in doing things differently — cutting through the noise, ditching the “business as usual” mindset, and focusing on strategies that actually bring in leads, sales, and growth.
We’re hands-on, obsessive about results, and brutally honest about what will and won’t work for your business. That means no buzzwords, no one-size-fits-all nonsense, and no wasting your budget just to “test things out.”
When you work with us, you get:
Experts working together to help businesses grow with strategy, creativity, and performance.
Team Portfolio | Modern Grid
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Container Class Change: .team-grid -> .profile-container */
.profile-container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 cards per row */
gap: 20px;
max-width: 900px; /* Controls the maximum size of the cards */
margin: 0 auto; /* Centers the grid */
padding: 40px 20px; /* Padding moved here to prevent full page gap */
width: 100%;
}
/* Card Wrapper: .flip-card -> .member-card */
.member-card {
background-color: transparent;
width: 100%;
aspect-ratio: 1 / 1.1;
perspective: 1500px;
cursor: pointer;
}
/* Inner Logic: .flip-card-inner -> .card-rotator */
.card-rotator {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
border-radius: 20px;
}
.member-card:hover .card-rotator {
transform: rotateY(180deg);
}
/* Sides Shared: .card-front/.card-back -> .side-front/.side-back */
.side-front, .side-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
/* Front Side Styling */
.side-front {
background: #fff;
display: flex;
flex-direction: column;
}
.profile-img-area {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
}
.profile-img-area img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
.profile-meta {
padding: 15px;
text-align: center;
}
.profile-meta h3 {
color: #1a202c;
font-size: 1.2rem;
margin-bottom: 4px;
font-family: 'Black Hawk' !important;
}
.profile-meta p {
color: #718096;
font-size: 0.85rem;
font-weight: 500;
font-family: "Abel",sans-serif;
}
/* Back Side Styling */
.side-back {
background: #1e293b;
color: #f1f5f9;
transform: rotateY(180deg);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 25px;
text-align: center;
}
.about-label {
background: rgba(245, 200, 87, 0.2);
color: #f5c857;
padding: 5px 15px;
border-radius: 50px;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
}
.bio-para {
font-size: 0.85rem;
line-height: 1.6;
color: #cbd5e1;
}
/* Responsive Logic */
@media (max-width: 900px) {
.profile-container {
grid-template-columns: repeat(2, 1fr);
max-width: 600px;
}
}
@media (max-width: 600px) {
.profile-container {
grid-template-columns: 1fr;
max-width: 300px;
}
}
CEO & Founder
About
Leading the company with a clear vision for growth and innovation. He focuses on strategy, client relationships, and building a strong team.
Digital Marketing Specialist
About
Supporting leadership while managing digital campaigns. She combines organization and marketing insight to streamline operations.
Agency Partner & Developer
About
Builds high-performing, user-focused websites. He combines technical expertise with creative problem-solving for business growth.
SEO Specialist
About
SEO Specialist who optimizes websites to improve search visibility and drive organic traffic. She analyzes data, implements strategies, and ensures content performs effectively to help the brand grow online.
Web Developer
About
Web Developer who builds and maintains functional, user-friendly websites. He combines technical expertise with problem-solving skills to create seamless digital experiences that support business goals.
Full Stack Developer
About
Seasoned Full-Stack Developer with experience building websites, web applications, and enterprise-grade systems. Skilled in problem-solving and delivering scalable, real-world production solutions.
FAQs
Ask a Question
Our agency stands out due to our holistic approach to digital marketing. We don’t just focus on one aspect; we ensure all elements of your digital presence work together synergistically. Our team has over 20 years of combined experience, and we pride ourselves on our data-driven strategies and transparent communication.
While results can vary depending on factors like your industry and competition, clients typically start seeing improvements in their online presence within the first 2-3 months. For SEO specifically, significant results often become apparent around the 4-6 month mark. We provide monthly reports to track progress and adjust strategies as needed.
Absolutely! While we’ve designed our packages to provide comprehensive solutions, we understand that every business is unique. We’re happy to discuss your specific needs and tailor the package accordingly.
The price we’ve quoted includes all services mentioned in the package. The only potential additional costs would be if you choose to continue services beyond the initial period or if you require additional features not included in the original scope. We’ll always discuss any potential extra costs with you before proceeding.
We offer a 60-day satisfaction guarantee. If you’re not happy with our services within this period, we’ll work with you to address any concerns. If we still can’t meet your expectations, we’ll refund your investment. Our goal is your success, and we’re committed to achieving that.
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
.custom-faq-wrapper {
font-family: 'Inter', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
display: flex;
gap: 60px;
color: #111;
}
/* Left Side: Headings */
.faq-left-col {
flex: 1;
position: sticky;
top: 40px;
height: fit-content;
}
.faq-label {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: #333;
}
.faq-dot {
width: 8px;
height: 8px;
background-color: #3c527e; /* Updated to requested color */
border-radius: 50%;
}
.faq-heading {
font-size: 48px;
font-weight: 700;
margin-top: 16px;
line-height: 1.1;
letter-spacing: -0.03em;
}
/* Right Side: Accordions */
.faq-right-col {
flex: 1.5;
display: flex;
flex-direction: column;
gap: 16px;
}
.faq-item {
background-color: #f7f7f8;
border-radius: 12px;
overflow: hidden;
transition: background-color 0.3s ease;
}
.faq-question {
width: 100%;
text-align: left;
padding: 24px;
font-size: 18px;
font-weight: 600;
background: none;
border: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
color: #111;
transition: color 0.3s ease;
}
.faq-question:hover {
background-color: #f0f0f2;
}
.faq-icon {
font-size: 24px;
font-weight: 400;
line-height: 1;
transition: transform 0.3s ease;
}
.faq-answer-wrapper {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out;
}
.faq-answer-text {
padding: 0 24px 24px 24px;
margin: 0;
color: #555;
font-size: 15px;
line-height: 1.6;
}
/* Active State Classes */
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
/* Responsive */
@media (max-width: 991px) {
.custom-faq-wrapper {
flex-direction: column;
gap: 40px;
}
.faq-left-col {
position: static;
}
.faq-heading {
font-size: 40px;
}
}
FAQ
What makes your agency different from others? + Our agency stands out due to our holistic approach to digital marketing. We don’t just focus on one aspect; we ensure all elements of your digital presence work together synergistically. Our team has over 20 years of combined experience, and we pride ourselves on our data-driven strategies and transparent communication.
How long will it take to see results? + While results can vary depending on factors like your industry and competition, clients typically start seeing improvements in their online presence within the first 2-3 months. For SEO specifically, significant results often become apparent around the 4-6 month mark. We provide monthly reports to track progress and adjust strategies as needed.
Can I customize your offer to better fit my needs? + Absolutely! While we’ve designed our packages to provide comprehensive solutions, we understand that every business is unique. We’re happy to discuss your specific needs and tailor the package accordingly.
Are there any additional costs beyond the initial price? + The price we’ve quoted includes all services mentioned in the package. The only potential additional costs would be if you choose to continue services beyond the initial period or if you require additional features not included in the original scope. We’ll always discuss any potential extra costs with you before proceeding.
What happens if I’m not satisfied with the results? + We offer a 60-day satisfaction guarantee. If you’re not happy with our services within this period, we’ll work with you to address any concerns. If we still cant meet your expectations, we’ll refund your investment. Our goal is your success, and we’re committed to achieving that.
document.addEventListener(‘DOMContentLoaded’, function() {
const faqButtons = document.querySelectorAll('.faq-question');
faqButtons.forEach(button => {
button.addEventListener('click', function() {
const currentItem = this.closest('.faq-item');
const isActive = currentItem.classList.contains('active');
const answerWrapper = currentItem.querySelector('.faq-answer-wrapper');
const icon = currentItem.querySelector('.faq-icon');
document.querySelectorAll('.faq-item').forEach(item => {
item.classList.remove('active');
item.querySelector('.faq-answer-wrapper').style.maxHeight = null;
item.querySelector('.faq-icon').textContent = '+';
item.querySelector('.faq-icon').style.transform = 'rotate(0deg)';
});
if (!isActive) {
currentItem.classList.add('active');
answerWrapper.style.maxHeight = answerWrapper.scrollHeight + "px";
icon.textContent = '−';
icon.style.transform = 'rotate(180deg)';
}
});
});
});
A weak website or invisible search rankings are lost opportunities. We turn your traffic into measurable revenue with high-performance digital strategies.
Connect With Our Experts218 Henderson Hwy
Winnipeg, MB, Canada
A weak website, low engagement, or invisible search rankings aren’t just problems—they’re lost opportunities. At QVM, we build high-performance websites, results-driven SEO, and content that actually converts.
Connect and discuss