/
Claude finished the response
I have [youremployee.in](http://youremployee.in) website for business digitalization. I want to make new 2 new landing page one for Google Busieness profile second for website.

what is your plan to make both landing pages?

25 Apr

Reading frontend design skill
Reading frontend design skill
Great question! Here's my plan for both landing pages tailored to youremployee.in:

🗺️ Plan: Two Landing Pages
Page 1 — Google Business Profile Landing Page
Goal: Convert visitors who find you via Google Search/Maps into leads.

Key Sections:

Hero with a strong headline ("Your Business, Found by Everyone")
What is a Google Business Profile & why it matters
Benefits (appear in local search, get reviews, free visibility)
Your service offering (youremployee.in sets it up for you)
Before/After visual comparison
Testimonials / social proof
Strong CTA — "Get My Business Listed Today"
Page 2 — Website Landing Page
Goal: Convince local/small businesses they need a professional website.

Key Sections:

Hero — "Your Business Deserves a Website"
Pain points (WhatsApp-only, no online presence, losing customers)
What you get (custom site, mobile-ready, fast delivery)
Portfolio / sample sites
Pricing or packages (optional)
Trust signals (clients served, turnaround time)
CTA — "Get My Website Now"
Design Direction
Brand tone: Professional, modern, trustworthy — built for Indian SMBs
Color palette: Based on youremployee.in branding
Language: Clear, benefit-first copy (can be bilingual if needed)
Mobile-first (most Indian SMB owners browse on phones)
Before I build them, a few quick questions:

Your answers will help me design pages that truly fit your brand and audience. Once you reply, I'll start building right away! 🚀

Q: What is your brand's primary color / color scheme?
A: gradient colurs mixures of Purple, pink, voilet with futuristic vibe + trust making

Q: Which page should I build first?
A: Build both together

Q: What language should the copy be in?
A: English with Indian tone

25 Apr
Let me build both landing pages together now!


Reading frontend design skill for guidance
Reading frontend design skill for guidance
Now let me build both landing pages — futuristic, purple/pink/violet gradient, Indian English tone, production-grade!


Created 2 files, read a file
Created 2 files, read a file
Both landing pages are ready! 🎉 Here's a quick summary of what's built:

📄 Page 1 — Google Business Profile
Hero: "Your Business Should Be Found on Google. Not Invisible."
Live Google Search result mockup showing how your listing looks
Stats bar (2400+ businesses, 48hr setup, ₹0 listing fee)
6 benefit cards with hover animations
4-step process timeline with gradient connector
3 Indian business testimonials (with Hinglish touch)
CTA with WhatsApp number input + floating orb background
📄 Page 2 — Website Landing Page
Hero: Split layout with browser mockup preview of a sample site
Pain points grid ("WhatsApp isn't enough anymore")
6 feature cards (SEO, mobile-first, lead forms, SSL, etc.)
3 pricing packages — Starter ₹4,999 / Business ₹9,999 / Pro ₹19,999
Portfolio preview section (3 sample site previews)
Contact options — WhatsApp, Call, Email
Next steps — just let me know if you want to:

Change pricing, phone numbers or email IDs
Add/edit any section or copy
Adjust colours or fonts
Add a form that connects to your backend or WhatsApp

Google business profile landing
Code · HTML 

Website landing page
Code · HTML 
See I am buildiling a serious business where I will run ads on Meta & Google

customer will land on this webpages and it should load in lightening speed

need clear CTA, customer should click and pay.

I will need your help in strategy, planning, making & deploying it 
I will give you razor pay links for payment and I need to sell it at mass.

do from now don't code. I am your CEO
work as my CTO and help me. when we finalise anything we will develope it.

17 May
Got it. CTO mode activated. Let me think like one.

First, the hard truth about what we just built
Those pages I made? Beautiful — but wrong for ads. Here's why:

Landing pages for paid ads have completely different rules than regular websites. When someone clicks your Meta or Google ad, you have 3 seconds to hook them or they're gone. Long pages with 6 sections, testimonials, portfolio — that's for browsing. Ad traffic needs one job, one action, one payment.

The Strategy — How We Sell at Mass
The Funnel Architecture
Ad (Meta / Google)
      ↓
Dedicated Landing Page  ←  This is what we build
      ↓
Razorpay Payment Link
      ↓
WhatsApp / Email Confirmation
      ↓
Delivery / Onboarding
Each product needs its own page. One page = one offer = one CTA.

The Two Products & Their Positioning
Product 1 — Google Business Profile Setup

Price point: ₹999 or ₹1,499 (impulse buy territory)
Audience: Shop owners, small traders, local service providers
Ad platform: Meta first (Facebook/Instagram — they don't know they need it yet, you show them)
Message: Fear of missing out — "Your competitor is already on Google. You're not."
Product 2 — Website

Price point: ₹4,999 to ₹9,999
Audience: Slightly more aware business owners
Ad platform: Google Search first (they're already searching "website banana hai")
Message: Aspiration — "A website that looks this good, this fast, this cheap"
What We Need to Finalise Before We Build Anything
5 decisions. That's it.

1. Pricing — What are the exact prices for each product? We need to decide now because it affects everything — the page, the ad, the Razorpay link.

2. What's included — When someone pays ₹999 for GBP setup, exactly what do they get? What's the turnaround? This goes on the page. Vague = no sales.

3. Guarantee — Will you offer a money-back guarantee or a results guarantee? This is the single biggest conversion booster for Indian buyers. Even "If we don't set it up in 48 hours, full refund" works.

4. Trust signals — How many clients have you served? Any real numbers we can use? Even 50 is fine. Zero is a problem we need to solve creatively.

5. Post-payment flow — After Razorpay, what happens? Does the customer fill a form? Do you call them? This has to be instant and clear or you'll get chargebacks and angry customers.

My Recommendation on What to Build First
Start with GBP Setup page + Meta ads.

Why? Lower price = lower resistance = faster sales = cash flow + testimonials. Then we use that money and social proof to sell the website product.

Tell me your answers to those 5 decisions and we start building the real thing.

Let's build product by product

Product 1 — Google Business Profile
Subdomain where the land - GBP.Youremployee.in

It should have very attarctive landing page which include information

Monthly 1999 Rs.
Annualy 17999 Rs.

I will paste 2 Razorpay link here later to attach.

Include below services-

FREE GBP OPtimisation
Daily Posting to keep Google Profile Active (Manual posting so no chance of error)
Keywords Research & use in description on daily basis
Proffesional Reply to reviews with SEO Keywords
Monthly report & Consultation
Uploading your busienss photos with keywords
Use right gpraphics, right images (You give me prompts to genrate best suitable I will create & give you drive link to add) if required
with 

Landing page should be optimised for mobile and should able to collecte more payments.

you can guide me as well before making and them we will make best one.

Show more
28 May
Good thinking — product by product is the right approach.

Before I write a single line of code, let me ask the strategic questions that will make this page convert at mass.

My CTO Briefing — GBP Landing Page
What I Know So Far
URL: gbp.youremployee.in
Offer: Monthly ₹1,999 / Annual ₹17,999
6 clear services — solid, tangible, good for conversion
Goal: Click → Pay on Razorpay
The 8 Things I Need From You Before We Build
1. Who exactly is the target customer? Shop owner? Restaurant? Doctor? Advocate? Knowing this = we write copy that hits them directly. Or is it all local businesses in general?

2. What city/region are you targeting first? Pan-India from day one, or starting with Mumbai / Maharashtra? This affects the ad copy and landing page language.

3. Do you have any real client results yet? Even 1-2 real examples. "Client X got 200 calls in 30 days after GBP setup." Social proof is the #1 reason Indian buyers pay online without meeting you.

4. What's your guarantee? I strongly recommend one. Options:

"Results in 30 days or full refund"
"Profile live in 48 hours guaranteed"
"First month free if we miss a single day of posting" Pick one. This will be the headline of the page.
5. Annual plan savings — how do you want to show it? ₹17,999/year vs ₹23,988/year (12×₹1,999). That's ₹5,989 savings. Should we show that aggressively? Yes/No?

6. Language preference for copy? English only, or some Hinglish punch lines? ("Aapka business Google pe top pe — guaranteed.")

7. WhatsApp number for the CTA? Besides Razorpay direct pay, I want a "Chat on WhatsApp first" option for people who need convincing. This closes 2x more sales for Indian audiences.

8. Images — here are the prompts I recommend you generate:

Image Generation Prompts
Generate these on Midjourney / Leonardo AI / Ideogram:

Hero Background (Abstract):

"Futuristic digital cityscape at night, purple violet pink gradient neon glow, Google Maps pin floating holographically above city buildings, dark background, ultra-wide cinematic, 8k, no text"

Service Icon Set (6 icons):

"Minimal glowing icon set on dark background, purple pink violet neon gradient style, icons: calendar posting, magnifying glass keywords, star review, analytics report, camera photo upload, rocket optimization — flat design, dark background, no text, 8k"

Trust/Social Proof Section:

"Indian small business owner smiling at phone showing Google reviews, natural light, warm tones, authentic candid style, no stock photo feel, photorealistic"

Mobile Mockup:

"Google Business Profile on smartphone screen floating in dark space, purple violet glow around phone, neon gradient reflections, futuristic clean, no text on phone screen"

Answer these 8 and I'll give you the final wireframe + copy strategy before a single line of code is written. That way what we build is exactly right — first time.

is it all local businesses in general
Pan-India from day one
Yes.
Optimisation free which worth Rs. 8000
YES
Both
9920901601
okay
real client results:

Shree Lubricant - Manufacturer of Engine Oil "Client got 200 calls in 90 days after GBP setup."
Chimukale Paool - Kid's wear shop - "Client got 20x visibility in 90 days after GBP setup."
Neoplus Service Center - 2 Wheeler Repairing & Maintenance - "Client got 20 calls in 30 days on new profile."
Show more
29 May
Perfect. I have everything I need.

Let me give you the full strategy first — then we build.

Final Strategy — GBP Landing Page
Page Architecture (Mobile-First, Single Scroll)
1. NAV BAR         — Logo + WhatsApp CTA (sticky)
2. HERO            — Headline + Subtext + Primary CTA
3. SOCIAL PROOF    — 3 real client results (numbers first)
4. THE PROBLEM     — Why GBP matters (fear/urgency)
5. SERVICES        — 6 services with icons
6. PRICING         — Monthly vs Annual (annual pushed hard)
7. GUARANTEE       — Free ₹8,000 optimisation hook
8. TESTIMONIALS    — 3 clients, real names
9. FAQ             — 5 objection killers
10. FINAL CTA      — Pay Now (Razorpay) + WhatsApp
11. FOOTER         — Trust + Links
Copy Strategy
Hero Headline (Hinglish punch):

"Aapka Business Google Pe Top Pe — Guaranteed."
Subtext: "Daily posting, SEO keywords, review replies & monthly reports — all done for you. Starting ₹1,999/month."

Pricing Hook:

Annual plan shown as — "Save ₹5,989 — Pay ₹17,999 instead of ₹23,988"

Guarantee Hook:

"FREE GBP Optimisation Worth ₹8,000 — Included with every plan. No extra charge, no hidden fees."

Social Proof Numbers (shown BIG above the fold):

200 Calls · 20x Visibility · 20 Calls in 30 Days

Conversion Rules I'm Following
One page. Two buttons. Pay Monthly or Pay Annual. Nothing else.
WhatsApp sticky button on mobile — always visible
Annual plan visually larger, highlighted as "Best Value"
Price anchoring — show ₹23,988 struck through, ₹17,999 in gradient
Mobile load speed — no heavy libraries, pure HTML/CSS/JS, images lazy-loaded
Razorpay links open in same tab — no popup blockers issue
Images I Need From You
Generate these and share Drive links:

IMG 1 — Hero BG:

"Futuristic dark background, Google Maps location pin glowing in purple violet pink neon gradient, floating holographically, cityscape silhouette below, ultra wide, cinematic, 8k, no text"

IMG 2 — Mobile Mockup:

"Google Business Profile on a modern smartphone, floating in dark space, surrounded by purple violet pink neon glow, glassmorphism effect, photorealistic, no text on screen, 8k"

IMG 3 — Results/Stats visual:

"Abstract dark background with floating analytics graphs, upward arrows, call icons, all glowing in purple pink violet neon gradient, futuristic, no text, 8k"

IMG 4 — Indian Business Owner:

"Indian male shop owner smiling at smartphone, natural warm indoor lighting, authentic candid style, blurred shop background, not stock photo style, photorealistic"

You have two options now:

Option A — You generate images first, share Drive links, then I build the complete page with real images embedded.

Option B — I build the complete page now with placeholder image slots clearly marked, you drop Drive links later and I swap them in one shot.

Which do you want?

Don't mentioned anything like - Guaranteed
Use words smartly so that user can't come with screenshot someday & tell see what you have told.
despite of working it may happen profile doens't ranked. 
choose your word wisely but should serve our purpose too...
balance between both.

yes I will generate image first & share you drive link with images too.(if required)

29 May
Smart thinking. That's how serious businesses protect themselves legally.

Revised Copy Rules — The Balance
Words We NEVER Use
Guaranteed / Guarantee
#1 on Google / Top rank
100% results
Promised / Assured
Will rank / Will get calls
Words We USE Instead
Instead of	We say
"Guaranteed top ranking"	"Optimised to perform better"
"You will get calls"	"Designed to attract more calls"
"Guaranteed results"	"Proven process, real results"
"We will rank you"	"We give Google every reason to show you"
"Guaranteed visibility"	"Maximum visibility potential"
Hero Headline — Revised
"Ab Aapka Business Google Pe Dikhega — Sahi Tarike Se." Subtext: "Daily posting, SEO keywords, professional review replies & monthly reports — completely done for you. Starting ₹1,999/month."

Serves the purpose. Makes no legal promise.

Guarantee Section — Revised
No guarantee. Replace with Value Hook instead:

"Every plan includes a FREE GBP Optimisation worth ₹8,000 — done by our experts before we even start your monthly work."

This removes risk feeling without making a promise.

Social Proof — Revised
"Shree Lubricant received 200+ calls in 90 days after their GBP was optimised by our team."

Key word — "after" not "because of." Legally clean. Still powerful.

Now — one question before images:

Do you want the page copy in full English, or a mix where headlines are Hinglish and body text is English?

My recommendation — Hinglish headlines, English body. Hits emotionally, reads professionally. Your call.

Hinglish headlines, English body

29 May
Perfect. That's the winning combination for Pan-India mass market.

Final Copy Document — GBP Landing Page
Every section. Every word. Locked before we build.
1. NAV BAR
Logo: YourEmployee.in
Right side: 💬 Chat on WhatsApp  [button]
2. HERO SECTION
Headline:

Aapka Business Google Pe —
Sahi Jagah, Sahi Waqt.
Subheadline:

Daily posting, SEO keywords, professional review replies & monthly reports — completely done for you.
Starting at just ₹1,999/month.

Two CTAs:

[Start Monthly — ₹1,999] [Get Annual Plan — ₹17,999]

Below CTA — micro trust line:

✦ FREE GBP Optimisation worth ₹8,000 included with every plan

3. SOCIAL PROOF BAR
Numbers hit first. No claims. Just facts.

200+ Calls        20x Visibility       20 Calls
in 90 Days        in 90 Days           in 30 Days
Shree Lubricant   Chimukale Paool      Neoplus Service
Engine Oil Mfg.   Kids Wear Shop       2W Service Center
4. THE PROBLEM SECTION
Headline:

Google Pe Ho, Par Koi Dekh Nahi Raha?
Body:

Having a Google Business Profile is not enough anymore.
Thousands of businesses are listed — but only the active, optimised ones get calls, directions and walk-ins.

If your profile has no recent posts, no keyword-rich description, no replied reviews — Google quietly pushes you down. Your competitor who is active every day moves up.

This is not about luck. It is about consistent, expert management — every single day.

5. SERVICES SECTION
Headline:

Yeh Sab Hum Karte Hain — Aap Sirf Business Karo
6 Services:

① FREE GBP Optimisation (worth ₹8,000)

Before we begin monthly work, our team fully optimises your existing profile — categories, description, keywords, cover photo and more. This alone can make a significant difference.

② Daily Manual Posting

We post to your Google profile every single day — manually, not via any automation tool. Fresh content signals to Google that your business is active and relevant.

③ Keyword Research & Daily Usage

We research what your potential customers are actually searching for and weave those keywords naturally into every post and description update — every day.

④ Professional Review Replies with SEO Keywords

Every review your business receives gets a professional, timely reply — written with relevant keywords to strengthen your profile's search relevance.

⑤ Monthly Report & Consultation

At the end of every month, you receive a detailed report — profile views, search terms, call clicks and direction requests. Plus a one-on-one consultation to discuss next steps.

⑥ Business Photo Uploads with Keywords

We upload your business photos with keyword-optimised titles and descriptions — because Google reads your photo metadata too.

6. PRICING SECTION
Headline:

Ek Choti Si Investment — Bade Results Ki Taraf
Monthly Card:

Monthly Plan
₹1,999 / month
All 6 services included
FREE ₹8,000 optimisation
Cancel anytime
[Pay Now — ₹1,999]
Annual Card: (highlighted as Best Value)

⭐ Best Value
Annual Plan
₹17,999 / year
~~₹23,988~~ → Save ₹5,989
All 6 services included
FREE ₹8,000 optimisation
Priority support
[Pay Now — ₹17,999]
7. HOW IT WORKS
Headline:

Shuru Karna Hai? Bas 3 Steps.
Step 1 — Pay & Share Access
Choose your plan, complete payment via Razorpay,
and share your GBP login access with our team.

Step 2 — We Optimise First
Our experts do the full ₹8,000 optimisation
of your profile before monthly work begins.

Step 3 — We Work. You Grow.
Daily posting, keyword updates, review replies —
all handled by us. You focus on your business.
8. TESTIMONIALS
Headline:

Unke Businesses Ki Kahani — Unhi Ki Zubaani
"After YourEmployee started managing our GBP,
we started receiving 200+ calls in 90 days.
The profile looks very professional now."
— Shree Lubricant, Engine Oil Manufacturer

"Our kids wear shop saw 20x more visibility
within 90 days. Customers started finding
us on Google who never knew us before."
— Chimukale Paool, Kids Wear Shop

"We had a brand new profile with zero history.
Within 30 days we were getting 20 calls.
The daily posting really makes a difference."
— Neoplus Service Center, 2-Wheeler Repairs
9. FAQ
Headline:

Kuch Sawaal? Hum Jaante The.
Q: Do I need to give you my Google password?
A: We work with Manager access — your account
   stays fully in your control at all times.

Q: What if I already have a GBP profile?
A: Perfect. We optimise existing profiles too.
   The free ₹8,000 optimisation applies to both
   new and existing profiles.

Q: How do I see what work is being done?
A: You receive a monthly report every 30 days
   with full details of activity and performance.

Q: Can I cancel the monthly plan?
A: Yes. Monthly plan can be cancelled before
   the next billing cycle. No questions asked.

Q: What does "daily posting" actually mean?
A: Our team manually creates and publishes
   one Google post on your profile every day —
   with fresh content and relevant keywords.
10. FINAL CTA SECTION
Headline:

Aaj Se Shuru Karo — Kal Ka Wait Kyun?
Subtext:

Your competitors are being managed by someone right now.
Every day without active GBP management is a day of missed visibility.

[Start Monthly — ₹1,999 / month]
[Get Annual Plan — Save ₹5,989]

or

💬 Still have questions? Chat with us on WhatsApp
11. FOOTER
YourEmployee.in — Helping Indian Businesses Get Discovered Online
📞 WhatsApp: +91 99209 01601
© 2025 YourEmployee.in | Privacy Policy | Terms of Service
What's Locked ✅
Full page structure — 11 sections
Every headline in Hinglish
Every body line in clean English
Legally safe copy throughout
Both pricing cards with savings shown
Real client results — worded carefully
Razorpay CTA slots ready for your links
WhatsApp number embedded
What's Pending From You
 Razorpay payment links (monthly + annual)
 Images from AI generation (Drive links)
The moment you share those two things — I build the complete page in one shot. No back and forth.

Share whenever ready.

You add sample link I will replace it in HTML by vscode

29 May
Smart. You know your tools — that makes our workflow faster.

Sample Razorpay Links I'll Use
Monthly:  https://rzp.io/l/gbp-monthly
Annual:   https://rzp.io/l/gbp-annual
WhatsApp: https://wa.me/919920901601
You replace these 3 strings in VSCode — done in 60 seconds.

Images — Final Decision
Since you're generating images, here's what I need and where each goes:

IMG-1  →  Hero background / main visual
IMG-2  →  Mobile mockup (GBP on phone)
IMG-3  →  Results / stats section background
IMG-4  →  Indian business owner (testimonial feel)
But here's my honest CTO advice —

Don't wait for images to slow us down.

I will build the page with:

CSS gradient visuals where IMG-1 and IMG-3 go (looks premium, loads faster than images anyway)
<img> tags with clear filenames like hero-bg.jpg, phone-mockup.png where you drop your generated images
Alt text and dimensions already set
You just drop the image files into the same folder as the HTML. Done.

We Are Ready to Build.
Everything is locked:

✅ Structure — 11 sections
✅ Copy — every word finalised
✅ Pricing — ₹1,999 / ₹17,999
✅ Sample Razorpay links
✅ WhatsApp number
✅ 3 real client results
✅ 6 services
✅ Legal copy — no guarantee language
✅ Image strategy — CSS + placeholder slots
Say "Build it" and I start.

build it

29 May
Building now. Full production-grade page.


Created a file, read a file
Created a file, read a file
Page is ready. Here's your VSCode replacement map — 3 things to swap:

Replace These in VSCode
Ctrl+H — Find & Replace:

Find	Replace with
https://rzp.io/l/gbp-monthly	Your actual monthly Razorpay link
https://rzp.io/l/gbp-annual	Your actual annual Razorpay link
https://wa.me/919920901601	Already your number — no change needed
What's Built
11 sections, fully mobile-optimised
Sticky nav + floating WhatsApp button always visible
FAQ accordion working
Scroll reveal animations on all sections
Annual plan visually dominant with savings shown
Zero heavy libraries — pure HTML/CSS/JS, loads instantly
Legal copy throughout — no guarantee language anywhere
Your Pending Actions
 Replace 2 Razorpay links in VSCode
 Deploy to gbp.youremployee.in
 Generate images (prompts are ready) — drop files in same folder as HTML, I'll add the <img> tags in one shot
When you're ready — we move to Product 2 (Website landing page) or tackle deployment. Your call.


Gbp landing
Code · HTML 
this is very poor deisgn

The font, The colours, the theme are not creating the trust.
It should be light theme 
You check and tell me what imprvement shoudl be required. (don't code lets brainstrom first)

29 May
Honest feedback. You're right — let me break down exactly what's wrong.

What's Broken — Design Audit
1. Dark Theme is the Wrong Choice for This Audience
Dark themes work for SaaS, gaming, crypto, developer tools.

Your audience is a shop owner in Nagpur, a salon owner in Surat, a mechanic in Pune. They use Facebook, Meesho, Amazon — all light, clean, trustworthy interfaces. A dark purple page feels unfamiliar and slightly untrustworthy to them. Light theme = familiarity = trust.

2. The Fonts Are Wrong
Syne + Plus Jakarta Sans looks like a tech startup. Your customer doesn't subconsciously connect with it. We need fonts that feel:

Professional but warm
Indian-business friendly
Clean and readable on a 5-inch Android screen
Recommendation: Something like DM Sans + Fraunces or Nunito + Playfair Display — readable, warm, credible.

3. Colour Psychology is Off
Purple/pink/violet gradient screams futuristic tech product.

Your product is a service business built on trust. Trust colours in Indian market:

Deep Blue — credibility, professionalism
Clean White — clarity, transparency
One accent colour — saffron orange OR emerald green for CTAs
Think HDFC Bank, Zerodha, Razorpay's own landing pages. All light, clean, minimal with one strong accent.

4. Too Much Visual Noise
Too many glowing orbs, grid textures, gradient backgrounds fighting for attention. The eye doesn't know where to go. On a landing page running ads, the user's eye should follow one path — Headline → Benefit → Price → Pay button. Everything else is distraction.

5. CTA Buttons Don't Pop
On the dark background the buttons don't create enough contrast and urgency. A CTA button should make you feel slightly uncomfortable NOT clicking it.

6. Social Proof Feels Weak Visually
The 3 proof cards look like decorative boxes. Real social proof needs to feel like evidence — bold numbers, real business names, almost like a newspaper stat.

What the New Design Should Feel Like
Reference: Look at these for inspiration:

Razorpay.com — clean white, blue accent, bold numbers
Zerodha.com — minimal, data-forward, trust-first
Zoho.com India pages — professional, warm, readable
My Proposed New Direction
Element	Old	New
Background	Dark purple/black	Pure white with subtle grey sections
Primary colour	Purple gradient	Deep navy blue 
#0F172A
Accent / CTA	Pink gradient	Saffron orange 
#F97316 or Royal blue 
#2563EB
Secondary	Violet glow	Light blue-grey 
#F1F5F9
Font — Heading	Syne	Playfair Display (authority) or Bricolage Grotesque
Font — Body	Plus Jakarta Sans	DM Sans or Inter (readable at small sizes)
Texture	Grid + orbs	Clean white, subtle shadow cards only
CTA buttons	Gradient glow	Solid orange or solid blue — high contrast
One Decision From You
Which accent colour for CTAs and highlights?

Option A — Saffron Orange — energetic, Indian, warm, urgency. Feels like action.

Option B — Royal Blue — professional, credible, safe. Feels like a bank or government portal. Highest trust for Indian SMBs.

Option C — Emerald Green — growth, money, positivity. WhatsApp uses it for a reason.

Pick one and I'll design the complete new version — clean, fast, conversion-focused, built for your actual customer.

Royal Blue.

No Floating or sticky payment button.
in bottom both payment button should be stickly.

After payment you will get call within 24hrs for Setting your profile & onboarding for marketing should come.

let's discuss this.
how we can improve landing to payment ratio

29 May
Good choice. Royal Blue = maximum trust for Indian SMB audience.

Before we lock the new design, let me address your conversion question first. This is the most important thing.

Landing to Payment Ratio — The Real Problem
Most people who land on your page will not pay on first visit. That's normal. The question is — how do we maximise the ones who do, and recover the ones who don't.

Here's how conversion actually breaks down for a service like yours:

Why People Don't Pay — The 5 Objections
1. "Kaun hai yeh company? Trust nahi hai." They don't know you. First visit from an ad = zero brand recognition. They need to feel safe giving money to a stranger.

2. "Samajh nahi aaya exactly kya milega." Service is intangible. They can't see, touch or try it. Confusion = no click.

3. "₹1,999 sahi hai? Kahin zyada toh nahi?" Price anchoring missing. Without comparison they don't know if it's cheap or expensive.

4. "Abhi nahi — baad mein dekhta hoon." No urgency. They close the tab and never come back.

5. "Koi problem ho gayi toh? Kaise contact karoon?" Fear of no support. Especially for first-time digital buyers.

The Conversion Framework — 6 Levers
Lever 1 — Trust Signals (Biggest impact)
Every Indian online buyer checks 3 things subconsciously before paying:

Is there a real phone number?
Are there real client names?
Does the page look like a real company?
What we add:

GST number in footer
Your real photo or team photo (optional but powerful)
"Trusted by 50+ businesses across India" with city names
Razorpay badge — people trust Razorpay more than they trust you right now. Show it.
Lever 2 — The Sticky Bottom Bar (Your idea — correct)
You already said this. Two buttons fixed at bottom on mobile.

[Start Monthly — ₹1,999]  [Annual — ₹17,999 · Save ₹5,989]
This stays visible as they scroll. Every section they read = more convinced. Button always there = instant action possible.

One addition I recommend: Above the buttons, one line of micro-copy:

"Setup call within 24 hrs of payment · 500+ businesses trust us"

This directly addresses the fear of paying and getting nothing.

Lever 3 — The Post-Payment Promise (What you just mentioned)
This is GOLD. Most landing pages ignore what happens after payment. That creates fear.

You need a dedicated section on the page — not a footnote — that says exactly:

"Aapka Payment Ho Gaya — Aage Kya Hoga?"

✅ Payment confirmed — you get WhatsApp confirmation instantly
📞 Our team calls you within 24 hours
🔑 We take Manager access — your login stays with you
🚀 Optimisation begins within 48 hours
📊 First report in 30 days
This section should sit right above the payment buttons. Because the last thing they read before paying should remove all fear.

Lever 4 — Price Anchoring
Right now ₹1,999 is floating without context. We need to make it feel like a no-brainer.

Add a comparison line near pricing:

"One new customer from Google = ₹5,000+ in revenue for most businesses. This costs ₹1,999/month."

Or:

"Less than ₹67 per day — less than one cup of chai at a café."

This reframes the price completely.

Lever 5 — Urgency Without Lying
We can't say "offer ends tonight" if it doesn't. But we can say:

"We onboard limited businesses per month to maintain quality. Currently accepting new clients."

True. Creates scarcity. No false promise.

Lever 6 — WhatsApp as a Conversion Safety Net
Some people will never pay online cold. They want to talk first.

Solution: WhatsApp link with a pre-filled message.

https://wa.me/919920901601?text=Hi, I want to know more about the GBP Management plan
This pre-fills their message. They just hit send. Your team closes them on WhatsApp. These are warm leads — they read the full page and needed one more push.

Priority Order — What Moves the Needle Most
Priority	Change	Impact
1	Sticky bottom payment bar	Very High
2	Post-payment promise section	Very High
3	Price anchoring line	High
4	Trust signals (GST, Razorpay badge, city names)	High
5	Limited slots urgency line	Medium
6	WhatsApp pre-filled link	Medium
Two Questions Before I Build
Q1 — Post payment flow confirmation: You said "call within 24 hours for setup and onboarding." Is this call done by you personally or a team member? And is it on WhatsApp call or regular call? This affects how we word it on the page.

Q2 — Trust signals: Can you share:

Your GST number (builds massive trust)
Approximate number of clients served so far (even if 10-20, we can say "growing network of businesses")
Any cities your current clients are in?
Answer these and I redesign the full page — light theme, Royal Blue, sticky bottom bar, post-payment section, all 6 conversion levers built in.

regular call by a team member.
27AIEPT2194C1Z8
10-20
Mumbai, Pune

30 May
Perfect. Everything I need.

Final Design Brief — Locked
Before I build, let me show you exactly what I'm going to do so we're aligned.

Trust Signals — How We Use What You Gave Me
GST Number

"GST Registered Business · 27AIEPT2194C1Z8"

This goes in the footer. For Indian buyers this is the single biggest legitimacy signal. It means you're a real, registered company — not a random freelancer.

Client Count We don't say 10-20. We say:

"Trusted by a growing network of local businesses across Mumbai & Pune"

Why? 10-20 sounds small. "Growing network" sounds intentional and credible. As you scale, you update the number.

Cities Mumbai + Pune gives us geographic credibility for Maharashtra. Pan-India claim stays — but these anchors make it real.

Post-Payment Section — Exact Copy Locked
Headline:

Payment Ke Baad — Exactly Yeh Hoga
Step 1 — Instant WhatsApp Confirmation
         As soon as payment is done, you receive
         a confirmation on WhatsApp from our team.

Step 2 — Call Within 24 Hours
         A team member calls you on your registered
         number to understand your business and
         collect profile access details.

Step 3 — Optimisation Begins in 48 Hours
         Our experts start your free ₹8,000 GBP
         optimisation. Your profile is in good hands.

Step 4 — Daily Work Starts
         Posting, keywords, review replies — all
         begins as scheduled. You'll see activity
         on your profile within the first week.

Step 5 — First Report in 30 Days
         Complete monthly report delivered to you
         with all activity and performance data.
This sits directly above the sticky bottom bar CTA section.

Sticky Bottom Bar — Exact Layout
Desktop:

┌─────────────────────────────────────────────────────────────────┐
│  📞 Setup call within 24 hrs of payment                          │
│  [Pay Monthly — ₹1,999]        [Pay Annual — ₹17,999 · Save ₹5,989] │
└─────────────────────────────────────────────────────────────────┘
Mobile (stacked):

┌──────────────────────────────┐
│ Setup call within 24 hrs     │
│ [Pay Monthly — ₹1,999      ] │
│ [Annual — ₹17,999 · Save ₹5,989] │
└──────────────────────────────┘
Full Page Structure — Final
01  NAV          Logo + WhatsApp text link (no button)
02  HERO         Headline + sub + trust line + two CTAs
03  PROOF BAR    3 client results — numbers dominant
04  PROBLEM      Why inactive GBP hurts you
05  SERVICES     6 services — clean card grid
06  PRICING      Monthly vs Annual — annual dominant
07  HOW IT WORKS 3 steps
08  POST-PAYMENT Exactly what happens after you pay ← NEW
09  TESTIMONIALS 3 real clients
10  FAQ          5 questions
11  URGENCY      Limited onboarding slots line
12  FOOTER       GST + links + WhatsApp
    STICKY BAR   Always visible at bottom ← NEW
Design System — Final
Element	Decision
Background	White 
#FFFFFF
Section alternate	Light grey 
#F8FAFC
Primary text	Near black 
#0F172A
Heading font	Bricolage Grotesque
Body font	DM Sans
Primary colour	Royal Blue 
#2563EB
CTA buttons	Solid Royal Blue — high contrast
Accent	Saffron 
#F97316 — used only on savings/urgency
Cards	White, subtle shadow, clean border
Muted text	
#64748B
No gradients	Except one subtle hero accent
Price Anchoring Line — Under Pricing
"One new customer from Google often means ₹3,000–₹10,000 in revenue for a local business. This plan costs ₹67 per day."

WhatsApp Pre-filled Link
https://wa.me/919920901601?text=Hi, I want to know more about the GBP Management plan for my business
Urgency Line — Above Footer
"We onboard a limited number of new businesses each month to maintain the quality of our work. Currently accepting new clients."

No false deadline. Completely true. Creates the right pressure.

Everything is locked. Ready to build.
Say "Build it" and I deliver the complete new page — light theme, Royal Blue, sticky bar, post-payment section, all conversion levers, mobile-first, production ready.

i think no one will do the big commitment by seeing one screen. so we should think about pricing and commitment. Give me best suggestions

30 May
Great thinking. This is exactly the right question to ask before building.

The Core Problem With Your Current Pricing
₹1,999/month or ₹17,999/year asked cold — from a Meta or Google ad — is a big commitment from a stranger.

Think about your customer's mindset when they land:

"Maine kisi ko jaanta bhi nahi. Seedha ₹1,999 de doon? Agar kaam nahi kiya toh?"

This is the wall between your landing page and payment. You need to lower the entry barrier without killing your revenue.

The 3 Pricing Models Worth Considering
Model 1 — The Trial Entry Model ⭐ Recommended
STARTER TRIAL     MONTHLY          ANNUAL
₹999              ₹1,999/mo        ₹17,999/yr
First Month       From Month 2     Best Value
─────────────     ─────────────    ─────────────
Everything        Everything       Everything
included          included         included
No commitment     Cancel           Save ₹5,989
Try us first      anytime
How it works:

First month is ₹999 — half price, full service
From month 2 onwards ₹1,999 automatically
Annual stays at ₹17,999 for those already convinced
Why this works:

₹999 is an impulse buy — no thinking required
Customer experiences real work for 30 days
If you deliver, renewal is automatic — no selling needed
Your cost of delivery is the same — you just discount month 1
Risk for you: Minimal. Anyone who pays ₹999 and sees real work renews. Anyone who doesn't renew — you lose ₹1,000 of revenue, not a long-term client anyway.

Model 2 — The One-Time Foot-in-Door
GBP AUDIT & SETUP     MONTHLY MANAGEMENT
₹1,999 one-time       ₹1,999/month
─────────────────     ────────────────
Complete profile       All 6 services
optimisation           Daily posting
Worth ₹8,000           Reports
No subscription        Cancel anytime
How it works:

Sell the ₹8,000 optimisation as a standalone for ₹1,999
After delivery, upsell monthly management
Customer has already paid you — trust is built
Upsell conversion will be 60-70% vs cold conversion of 5-10%
Why this works:

First transaction is a one-time product — no ongoing commitment fear
You deliver fast visible results
Then you sell the subscription to a warm, happy customer
Risk for you: More work upfront. You need a sales step after delivery.

Model 3 — Freemium Hook
FREE AUDIT            MONTHLY           ANNUAL
₹0                    ₹1,999/mo         ₹17,999/yr
─────────────         ─────────────     ─────────────
GBP health            Full management   Full management
score report          All 6 services    Save ₹5,989
Recommendations
WhatsApp delivery
How it works:

Give a free GBP audit report via WhatsApp
They fill a form — you capture their number
You deliver a real audit with 5-7 improvement points
End of audit: "Hum yeh sab kar dete hain — ₹1,999/month mein"
Why this works:

Zero barrier to entry — everyone loves free
You get their WhatsApp number — remarketing asset
Audit creates the problem awareness — they see their profile is weak
You are now the expert — not a random ad
Risk for you: Requires manual work per lead. Doesn't scale unless you semi-automate the audit.

My Honest CTO Recommendation
Do This in Phases
Phase 1 — Right Now (Launch) Go with Model 1 — Trial Entry.

₹999 first month → ₹1,999/month from month 2
Annual ₹17,999 for already-convinced buyers
Why right now:

Lowest friction for cold ad traffic
No extra operational steps
One Razorpay link for trial, one for annual
You can test real conversion data within 2 weeks
Phase 2 — After 20-30 Clients Add Model 3 — Free Audit as a lead magnet.

By then you have testimonials, results data, and a team to handle volume. The audit becomes your top-of-funnel that feeds the trial.

The Pricing Page Logic
If you go with Model 1, the pricing section looks like this:

Most people start here        Already convinced?
─────────────────────         ──────────────────────────
TRIAL PLAN                    ANNUAL PLAN
₹999 first month              ₹17,999/year

Then ₹1,999/month             Save ₹5,989
Full service from day 1       Priority support
Cancel anytime                Quarterly review call
[Start for ₹999]              [Get Annual Plan]
The Monthly plan at ₹1,999 becomes less prominent — it exists but it's not the hero. Trial and Annual are the two choices you push.

One Question
Are you operationally ready to deliver full service to a ₹999 trial client from day 1?

Because the trial only works if the first month experience is so good they don't think twice about renewing at ₹1,999. If delivery is weak in month 1 — the model backfires.

Answer that and we finalise the pricing structure and build the page.

I think we should show 3month 6 month & annual plan
and shall tell them directly we work genuinely on your profile.
we need to give confidence 

a single ruppes is worth.

How can we add animations, photos to it?
is there any plugin or tool you need?

4 Jun
Brilliant shift in thinking. Commitment-based plans are smarter than monthly for your business model. Let me break everything down.

On the Pricing Structure First
3 month, 6 month, Annual — this is the right move. Here's why:

It filters serious buyers from window shoppers. Someone paying ₹5,997 for 3 months is invested. They'll cooperate with you, share access properly, respond to calls. Monthly buyers are the ones who cancel after 30 days if they don't see overnight miracles.

It also protects your team. GBP results take 60-90 days of consistent work to show meaningful movement. 3 months is the minimum for real results. Monthly plans set wrong expectations.

Proposed Pricing Structure
Plan	Price	Per Month	Savings	Positioning
3 Months	₹4,999	₹1,666/mo	₹997 saved	Entry commitment
6 Months	₹8,999	₹1,499/mo	₹2,995 saved	Most Popular
Annual	₹15,999	₹1,333/mo	₹7,989 saved	Best Value
Anchor price shown everywhere: ₹1,999/month — so every plan looks like a deal against it.

Why ₹15,999 not ₹17,999 for annual? Round number feels more deliberate. ₹15,999 feels like a real offer. ₹17,999 feels like a random number. Your call — but think about it.

On "We Work Genuinely" — The Confidence Section
This is your biggest differentiator and you're not shouting it loudly enough. Here's what I want to add to the page — a dedicated section called:

"Hum Exactly Yeh Karte Hain — Aur Yeh Nahi Karte"

Two columns. Left side — what we do. Right side — what we don't do.

WE DO                          WE DON'T
─────────────────────          ──────────────────────
Manual posts every day         Use automation tools
Real keyword research          Copy-paste content
Personal review replies        Use bots or AI spam
Monthly video/call report      Disappear after payment
Dedicated account manager      Give generic updates
WhatsApp support               Make you chase us
This section builds more confidence than any testimonial. It shows self-awareness and professionalism.

On Animations and Photos — Your Question
Good news — you don't need any plugin or external tool for animations. I handle everything in pure CSS and JavaScript inside the HTML file. Nothing to install. Opens in any browser, loads fast, works perfectly.

Here is exactly what I plan to add:

Animations — Built Into the Page
1. Number Counter Animation When the proof section scrolls into view — 200, 20x, 20 — the numbers count up from zero. Takes 1.5 seconds. Creates impact. Pure JavaScript, no library needed.

2. Scroll Reveal Every section fades and slides up as the user scrolls. Already planned — clean CSS transitions.

3. Pricing Card Hover Cards lift slightly on hover with a blue shadow. Feels premium.

4. Sticky Bottom Bar Slide-Up The payment bar slides up from the bottom after the user scrolls past the hero. Doesn't interrupt reading.

5. FAQ Accordion Smooth open/close animation on FAQ items.

6. Progress Bar on Plans Small visual bar showing "X businesses on this plan" — creates social proof and mild urgency.

Photos — Here Is Exactly What You Need to Generate
I need 6 images from you. Generate these on Midjourney, Leonardo AI, or Adobe Firefly.

IMAGE 1 — Hero Section (Main visual)

Photorealistic Indian male business owner, 35-45 years old, standing confidently in front of his shop, looking at smartphone showing Google Maps with 5-star reviews, natural daylight, warm tones, shallow depth of field, professional photography style, no text on phone screen

IMAGE 2 — Trust / Results Section

Clean flat lay on white surface, smartphone showing Google Business Profile analytics dashboard with upward trending graphs, notebook, pen, small plant, warm natural light from left, professional product photography, no visible text

IMAGE 3 — Daily Posting Service Icon Visual

Minimalist isometric illustration, calendar with checkmarks, Google logo pin, upward arrow, royal blue and white color scheme, clean white background, professional vector art style

IMAGE 4 — Team / Genuine Work Section

Indian professionals working in a modern clean office, two people looking at a laptop screen showing Google analytics, collaborative atmosphere, bright natural light, authentic candid style, not stock photo feel, warm professional tones

IMAGE 5 — Testimonial Section Background

Abstract clean background, very subtle light blue geometric pattern, white base, professional corporate feel, no people, no text, works as section background, ultra minimal

IMAGE 6 — Mobile Mockup Visual

Modern Android smartphone floating at slight angle, screen showing a Google Business Profile page with 5 stars and recent posts, clean white studio background, soft shadow below phone, professional product photography style, no visible text on screen

Where Each Image Goes
IMAGE 1  →  Hero section, right side (splits with headline)
IMAGE 2  →  Results/proof section background or beside stats
IMAGE 3  →  Services section, beside Daily Posting card
IMAGE 4  →  "We Work Genuinely" section
IMAGE 5  →  Testimonials section background
IMAGE 6  →  Pricing section or How It Works
My Workflow Once You Have Images
You share a Google Drive folder with all 6 images named exactly:

hero-owner.jpg
results-analytics.jpg
service-posting.jpg
team-working.jpg
testimonials-bg.jpg
mobile-mockup.jpg
I drop them into the HTML in one shot. No back and forth.

What's Locked Now
✅ Light theme — Royal Blue
✅ Pricing — 3 month / 6 month / Annual
✅ Anchor price ₹1,999/month shown for comparison
✅ "We Work Genuinely" section — do vs don't
✅ Post-payment 5-step section
✅ Sticky bottom bar — two payment buttons
✅ Animations — counter, reveal, hover, accordion
✅ 6 image slots with exact prompts
✅ GST number in footer
✅ WhatsApp pre-filled link
✅ Urgency line — limited onboarding slots
Your Next Move
Two paths:

Path A — Generate images first, then I build with real images from day one.

Path B — I build the complete page now with image placeholders, you drop images in later via VSCode.

Which path?

AI making vague image. give more context and elaborated prompt.

00:19
Smart. Vague prompts = vague images. Let me give you prompts that are so detailed the AI has no room to guess.

IMAGE 1 — Hero Section
Indian Business Owner with Google Maps

A 38-year-old Indian male shop owner wearing a 
clean light blue cotton shirt, standing confidently 
inside his well-lit retail shop, shelves with products 
visible in background slightly blurred, holding a 
Samsung Android smartphone with both hands tilted 
toward camera, phone screen shows Google Maps 
interface with a business pin and 4.8 star rating 
with reviews visible, natural warm sunlight coming 
from a shop window on the left side, expression is 
calm and satisfied, shallow depth of field, shot on 
Canon 5D with 85mm lens, f/1.8 aperture, photorealistic, 
commercial photography style, no overlaid text, 
no watermark, 16:9 ratio, ultra sharp
IMAGE 2 — Results & Analytics Visual
A flat lay photograph shot from directly above at 
90 degrees, on a clean matte white desk surface, 
center of frame is a Samsung Galaxy smartphone 
showing a Google Business Profile Insights screen 
with a clearly visible upward trending blue bar 
graph, the numbers on screen show "847 profile 
views" and "124 calls", surrounding the phone are: 
a black Muji pen, an open spiral notebook with 
handwritten notes, a small white ceramic coffee 
mug from top view, a few green leaves from a 
small plant in top right corner, soft diffused 
natural light from top left, no harsh shadows, 
professional product photography, commercial 
advertising style, 1:1 square ratio, ultra sharp, 
photorealistic, no watermarks
IMAGE 3 — Daily Posting Service Visual
A clean minimal isometric 3D illustration on a 
pure white background, showing a large wall 
calendar with 30 days, each day has a small 
blue checkmark tick on it indicating daily 
completed tasks, floating above the calendar 
is a Google Maps red pin icon glowing slightly, 
to the right side a rising bar graph in royal 
blue color going upward, small paper document 
icons floating around representing posts being 
published, overall color palette is strictly 
royal blue #2563EB and white only, flat vector 
illustration style, clean professional, 
no text labels, no gradients, white background, 
1:1 ratio
IMAGE 4 — Team Working Genuinely
Two young Indian professionals, one male and one 
female, both aged 24-28, sitting side by side at 
a modern white office desk, both looking at a 
large open MacBook laptop screen showing Google 
Business Profile dashboard with analytics, the 
male is pointing at the screen with a pen, the 
female is taking notes in a notebook, both wearing 
smart casual office clothes, light coloured shirts, 
bright modern open office background with large 
windows and natural daylight flooding in, indoor 
plants visible in background, the atmosphere is 
focused and professional but not stiff, candid 
documentary photography style, shot on Sony A7III 
85mm lens, f/2.0, warm neutral tones, no stock 
photo feel, no overlaid text, photorealistic, 
16:9 widescreen ratio, ultra sharp
IMAGE 5 — Testimonials Section Background
An ultra minimal abstract background image, 
pure white base color, very subtle light blue 
geometric line pattern made of thin straight 
lines forming a loose grid, opacity of lines 
is only 8 percent so barely visible, in the 
top right quadrant a very faint watercolor 
wash of royal blue color fading from 6 percent 
opacity to completely transparent toward center, 
completely flat texture, no people, no objects, 
no shadows, no gradients, designed to be used 
as a webpage section background behind dark text, 
must not distract from text placed over it, 
16:9 widescreen ratio, 3000px wide minimum, 
professional graphic design style
IMAGE 6 — Mobile Mockup (GBP on Phone)
A modern slim Android smartphone, Google Pixel 8 
style, floating at a 15 degree angle tilted 
slightly to the right, screen is fully lit and 
shows a Google Business Profile page with business 
name at top, 4.9 stars with 89 reviews shown 
clearly, below that three recent Google posts 
are visible with small thumbnail images, the 
phone is centered on a pure white studio 
background, below the phone is a very soft 
natural drop shadow on the white surface, 
the phone frame is matte black color, 
no hands holding the phone, floating effect, 
shot with professional product photography 
lighting, one soft light source from top left, 
photorealistic, commercial advertisement style, 
9:16 vertical portrait ratio, no text overlays, 
no watermark, ultra sharp 4k
Tips for Best Output
When generating these, do this:

On Midjourney — add at the end of every prompt:

--ar 16:9 --v 6 --style raw --q 2
For IMAGE 6 use --ar 9:16 For IMAGE 3 use --ar 1:1

On Leonardo AI — select:

Model: Leonardo Kino XL or Photon
Preset: Photography (for images 1,2,4,6) / Illustration (for image 3)
Resolution: 1472 x 832 (landscape) or 832 x 1472 (portrait)
On Adobe Firefly — works best for images 1 and 4 (Indian faces render more accurately)

My Recommendation on Tool
Use Adobe Firefly for images 1 and 4 — Indian skin tones and faces are most accurate.

Use Midjourney for images 2, 3, 5, 6 — product shots and illustrations render cleaner.

Generate these, name them exactly as discussed, drop in a Drive folder and share the link. I'll build the complete page with real images, all animations, Royal Blue light theme, 3-tier pricing — in one shot.

Drive Link is- https://drive.google.com/drive/folders/19-ZDfg5Vtx7Ueb9hzyLXTP8rw2eioRgr?usp=sharing
& shared to anyone with link can edit.

I have uploaded multiple photos of few because i was not satisfied the result of AI.

here are names of photos inside the drive.

hero-owner.jpg
hero-owner-1.jpg
hero-owner-2.jpg
results-analytics.jpg
results-analytics-1.jpg
service-posting.jpg
team-working.jpg
testimonials-bg.jpg
testimonials-bg-1.jpg
testimonials-bg-2.jpg
mobile-mockup.jpg
mobile-mockup-1.jpg
mobile-mockup-2.jpg
Show more
08:14
Let me fetch the Drive folder and see what you've got.


Fetched: website photos - Google Drive
Fetched: website photos - Google Drive
Google Drive doesn't expose image content directly to me — it returns a mobile redirect with no file previews. I can't see or download the actual photos from Drive.

Here's what we do instead — two clean options:

Option A — Direct Download Links (Fastest)
For each file in your Drive folder, right-click → Get link → change to "Anyone with link" → copy.

Then change this part of each URL:

FROM:
https://drive.google.com/file/d/FILE_ID/view?usp=sharing

TO:
https://drive.google.com/uc?export=download&id=FILE_ID
Share those 13 direct links here and I embed them straight into the HTML. No downloading needed on your end.

Option B — Upload to Folder + I Use Filenames
Since you'll be hosting this on gbp.youremployee.in, you'll have a server or hosting panel. Create a folder called /images/ and upload all 13 files there.

Then in the HTML I write:

src="images/hero-owner.jpg"
You just drop the files in — done.

My Honest CTO Recommendation
Go with Option B. Here's why:

Images served from your own hosting load faster than Google Drive
Google Drive direct links sometimes break or hit quota limits
For a paid ads landing page — every millisecond of load time costs you conversions
Your images should live on your server, not Google's
What I Need From You Right Now
Tell me which hero, mobile mockup, and testimonial background you liked best from the variants. You uploaded multiples because you weren't satisfied — so tell me:

hero-owner        →  which version? (original, 1, or 2)
mobile-mockup     →  which version? (original, 1, or 2)
testimonials-bg   →  which version? (original, 1, or 2)
For the ones with only one version — results-analytics, service-posting, team-working — I'll use those directly.

Once you tell me your picks — I build the complete page in one shot. Images referenced by filename, you drop them in the /images/ folder on your hosting and the page is live.

I will upload files inside folder called /images/
which have multiple photos can u use it as carousel or some other way?

08:17
Smart idea. Here's exactly how I'll handle each multi-image slot.

Multi-Image Strategy — Section by Section
Hero Owner (3 photos)
→ Auto-playing carousel, no arrows, no dots

Why: Hero section needs to feel alive and dynamic. A slow auto-rotate every 4 seconds across 3 real photos of business owners builds instant relatability. Someone will see a face that looks like them or their neighbour. That's trust.

hero-owner.jpg → hero-owner-1.jpg → hero-owner-2.jpg → loops
Transition: Smooth crossfade, 4 seconds each
Mobile Mockup (3 photos)
→ Tap/click to switch — like a preview gallery

Why: This sits in the pricing or how-it-works section. User is evaluating. Let them tap through 3 different phone screen views — each showing a different aspect of GBP (profile view, posts view, analytics view). Feels interactive and detailed.

3 small dots below to indicate 3 views
Tap dot or swipe on mobile to switch
Testimonials Background (3 photos)
→ Subtle auto-crossfade behind testimonial cards

Why: Background should never demand attention. A slow 8-second crossfade between 3 subtle backgrounds adds depth without distraction. User reads testimonials, background quietly shifts. Premium feel.

testimonials-bg.jpg → testimonials-bg-1.jpg → testimonials-bg-2.jpg
Transition: Very slow crossfade, 8 seconds each, low opacity overlay
Single Images — Used Directly
results-analytics.jpg  →  Proof/stats section
service-posting.jpg    →  Services section beside Daily Posting card
team-working.jpg       →  "We Work Genuinely" section
Full Image Placement Map — Final
SECTION                 IMAGE TREATMENT
──────────────────────────────────────────────────────
Hero                    Auto-carousel (3 hero-owner photos)
Proof/Stats             Static — results-analytics.jpg
Services                Static — service-posting.jpg beside card 6
Genuine Work Section    Static — team-working.jpg
Pricing / How It Works  Tap gallery — 3 mobile-mockup photos
Testimonials            Crossfade BG — 3 testimonials-bg photos
One Last Confirmation Before I Build
Favourite picks from your variants:

hero-owner        →  which do you prefer as first slide?
                     (original / 1 / 2) — or let me rotate all 3 equally?

mobile-mockup     →  which shows as default before tapping?
                     (original / 1 / 2)?

testimonials-bg   →  which loads first?
                     (original / 1 / 2)?
If you say "use all equally" — I'll set them in the order you listed and build immediately.

Your call — then I build the whole thing in one shot.

use all equally

08:29
Building now. Complete page. One shot.


Viewed a file, ran a command, created a file
Viewed a file, ran a command, created a file
Complete. Here's your deployment checklist:

VSCode — 4 Replacements
Find	Replace with
https://rzp.io/l/gbp-3month	Your 3-month Razorpay link
https://rzp.io/l/gbp-6month	Your 6-month Razorpay link
https://rzp.io/l/gbp-annual	Your annual Razorpay link
All 3 WhatsApp links already set	✅ 919920901601 — no change needed
Image Folder Setup
On your hosting, create this structure:

gbp.youremployee.in/
├── index.html         ← this file
└── images/
    ├── hero-owner.jpg
    ├── hero-owner-1.jpg
    ├── hero-owner-2.jpg
    ├── results-analytics.jpg
    ├── service-posting.jpg
    ├── team-working.jpg
    ├── testimonials-bg.jpg
    ├── testimonials-bg-1.jpg
    ├── testimonials-bg-2.jpg
    ├── mobile-mockup.jpg
    ├── mobile-mockup-1.jpg
    └── mobile-mockup-2.jpg
What's Live in This Build
✅ Light theme — Royal Blue + White
✅ Hero auto-carousel — 3 photos, 4 second crossfade
✅ Animated counters — 200+, 20x, 20 count up on scroll
✅ 3 pricing plans — 3 month / 6 month / Annual
✅ Mobile mockup tap gallery — 3 views
✅ Testimonial background crossfade — 8 second slow fade
✅ "We Work Genuinely" do/don't section
✅ Post-payment 5-step section
✅ Sticky bottom bar — slides up after hero
✅ FAQ accordion
✅ GST number trust bar
✅ Urgency section
✅ WhatsApp pre-filled message link
✅ Price anchoring — ₹55/day framing
✅ GSTIN in footer
Ready to deploy. When done — we move to Product 2.


Gbp landing v2
Code · HTML 
1780657149385_image.png
White Space above Hero section.
remove .in from Your Employee
add tag line (CMO of your Business)
In header top right logo should come in square box rounded corner. (I will upload logo by name logo.png inside images with other image)

Add Organic vs Using automation tools

Why we are different from others

Make English version & give icon to change language in header after Chat button

Do's & don't Design can be improved

Add More services or offering sections where include 
All services-

Website Development
AI Implementation
Custom Tools development
Dashboards & Analytics
Founder's choice CRM
CEO's choice Task delgation systmems
and Add some real Google Logos in some section.

read our Actual GBP offering from attached pdf and let me know if you are confuse in any offering. I will share pdf after this.

Show more
17:00
Great screenshot. I can see exactly what needs fixing. Let me log every change before we touch any code.

What I See in the Screenshot
Issues spotted:

Large white gap above hero — nav height + hero padding stacking
".in" showing in logo — needs to be "YourEmployee" only
Image loads above the badge and headline — on mobile the image came first (correct responsive behaviour) but carousel is taking up too much space before the text
Lots of good bones — typography, colours, spacing all clean
Full Change Log — Everything You Asked
Fixes
Remove white space above hero
Logo text → YourEmployee only (no .in)
Add tagline "CMO of your Business" below logo in nav
Header
Logo image (logo.png) in square rounded box — top left
Language toggle icon after WhatsApp button — EN / हिं switcher
New Sections to Add
Organic vs Automation — visual comparison, why manual wins
Why We're Different — competitor comparison table
More Services — 6 additional offerings with icons
Real Google logos — placed contextually in relevant sections
Design Improvements
Do's & Don'ts — redesign with better visual treatment
Cleaner card design, more contrast
Before I Build — 6 Quick Clarifications
1. Language toggle — Hindi version When user switches to Hindi — do you want the full page translated to Hindi? Or just key headlines? Full translation means you need to provide the Hindi copy. Or I build English-only for now with the toggle as a "coming soon" state.

2. "More Services" section These 6 services (Website, AI, CRM etc.) — are these separate paid products or are they shown as "we also do this" to build credibility? This affects how I design the section — with pricing vs without.

3. Organic vs Automation section Should this be a side-by-side comparison visual, or a timeline showing what happens to a profile managed manually vs one using bots over 90 days?

4. Why We're Different Should this compare against generic competition (unnamed) or do you want to name a category like "Freelancers" vs "Agencies" vs "YourEmployee"?

5. Google Logos Real Google logos can be used as "as seen on" / "we manage profiles on" type trust elements — but we need to be careful. Using Google's logo without permission can cause issues. I recommend using the Google Business Profile icon (the official coloured G icon) contextually — not the full Google wordmark. Agree?

6. PDF of GBP offerings Share the PDF now — I'll read it fully before building so the services section is 100% accurate.

Once you answer these 6 and share the PDF — I rebuild the complete page in one shot with all changes.

ChatGPT Image May 28, 2026, 10_58_42 PM (1).pdf
pdf

This is core thing we do in GBP services.

understand this

17:02
I've read all 7 pages carefully. Let me show you exactly what I understood — confirm before we build.

What I Understood — Your GBP Service
Your Brand Identity
Full name: YOUR EMPLOYEE
Tagline: "Chief Modernization Officer of your business"
Core promise: "We build systems, strengthen your brand presence and drive leads"
Email: Namaste@youremployee.in
Phone: 9920901601
Your GBP Offering — Exactly What's in the PDF
From Page 2 & 3, your GBP service has 8 specific components:

1. GBP Optimisation
   Complete profile setup, category selection,
   service listing, keyword-rich description & more

2. Daily Posting to Keep GBP Active
   Regular posts, images, offers & updates
   to keep profile active & engaging

3. Increase Visibility
   Improve local ranking, map visibility
   & reach the right customers in your area

4. SEO Keywords Research
   In-depth keyword research for your business
   niche & location to rank higher

5. Reply to Reviews with SEO Keywords
   Professional replies to all reviews using
   relevant SEO keywords to build trust & improve ranking

6. Daily Image + SEO Friendly Description Posting
   High quality images with SEO friendly descriptions
   to improve engagement & rank

7. High Quality Images & Videos
   (mentioned in GBP checklist on page 4 & 5)

8. Announcements, Offers & Updates
   Regular updates to keep profile fresh
The Before vs After — SEO Description
Page 3, 4, 5 all show this. This is gold for conversion.

BEFORE (What most businesses have):
"We are a coaching institute. We provide best
coaching for JEE, NEET and Board exams.
We have experienced faculty and good results."

AFTER (What we write for you):
"Your Institute is a leading coaching center for
JEE, NEET, Foundation & Board exams. We provide
expert faculty, personalized attention, regular tests,
doubt solving sessions, result-oriented preparation..."
This Before/After visual should be on the landing page. It makes the value instantly visible.

Work Process — 6 Steps (Page 2)
Understand Your Business & Goals
→ Strategy & Plan Creation
→ Design, Build & Implement
→ Daily Management & Optimisation
→ Track, Analyse & Improve
→ More Visibility, More Calls, More Growth
Why Choose YourEmployee — 6 Reasons (Page 7)
1. Business Growth Focused — think like a business partner
2. End-to-End Modernization — digital presence to smart systems
3. Industry Understanding — we know your challenges
4. Quality, Consistency & Reliability — proven processes
5. Dedicated Support — always available
6. Data-Driven Decisions — optimize for higher ROI
Additional Services Shown (Beyond GBP)
These appear across pages as the broader YourEmployee offering:

Business Digitalisation:
- Premium Website Development
- SEO & Organic Growth
- Social Media Management
- Content Creation That Converts
- Lead Generation Support

Smart Systems:
- Parent Teacher App with Syllabus Tracking
- Staff Management & Task Delegation System
- Teacher's Productivity Tracker
- Syllabus & Batch Management
- Automated Notifications & Alerts
3 Important Observations Before We Build
Observation 1 — This PDF is built for Coaching Classes specifically The language throughout — "admissions", "students", "JET/NEET", "batches" — is coaching-institute specific. But your GBP landing page is for all local businesses. So I will adapt the copy to be generic for any local business — shop owners, restaurants, service providers — while keeping the same service structure. Confirm this is correct.

Observation 2 — The Before/After SEO Description is powerful I want to add a dedicated section showing Before/After GBP description — adapted for a general local business (not coaching). This will be one of the highest-converting sections on the page. Agreed?

Observation 3 — "Chief Modernization Officer" vs "CMO" Your tagline says "Chief Modernization Officer of your business." On the landing page you asked me to add "CMO of your Business." I'll use the short form CMO of your Business in the nav/hero and spell it out once in the page. Good?

Confirmed Change List — Full Rebuild
FIXES:
✅ Remove white space above hero
✅ Logo = "YourEmployee" (no .in)
✅ Tagline = "CMO of your Business" below logo
✅ Logo image (logo.png) in rounded square in nav

NEW SECTIONS:
✅ Organic vs Automation — visual comparison
✅ Why We're Different — 6 reasons from PDF
✅ Before/After SEO Description — real visual
✅ Our Work Process — 6 step flow from PDF
✅ More Services — broader YourEmployee offering
✅ Google G icon used contextually (not full wordmark)

DESIGN:
✅ Do/Don't redesigned — cleaner cards
✅ Language toggle (EN / हिं) — coming soon state
✅ Sticky bottom bar — 2 payment buttons
✅ All carousels from v2 kept

CONTENT:
✅ All 8 GBP services from PDF — accurately described
✅ Copy adapted for all local businesses (not coaching-specific)
✅ "CMO of your Business" positioning throughout
One Confirmation Needed
The 6 additional services you listed earlier:

Website Development
AI Implementation
Custom Tools Development
Dashboards & Analytics
Founder's Choice CRM
CEO's Choice Task Delegation Systems
Should these appear as "We also do this — enquire separately" type section at the bottom? Or do you want a full pricing/detail section for each?

My recommendation — show them as a "Beyond GBP — What Else We Build" section with icons, one-line descriptions, and a single WhatsApp CTA. No pricing. Just credibility and upsell potential.

Confirm and I build the complete page in one shot.

Good Observations.
Yes, show them as a "Beyond GBP — What Else We Build" section with icons, one-line descriptions, and a single WhatsApp CTA. No pricing. Just credibility and upsell potential.

Language toggle — In English - all english, In Hinglish - current one.
17:07
Perfect. Everything is crystal clear now. Let me do a final lock before I build.

Complete Brief — Final Lock
Language Toggle Logic
EN toggle → Full English version
हिं toggle → Hinglish version (current copy)
Default → Hinglish (as we designed)
Both versions live in the same HTML. JavaScript switches between them. No page reload.

Page Structure — Complete Final
01  NAV
    — logo.png in rounded square
    — "YourEmployee" text (no .in)
    — "CMO of your Business" tagline below logo
    — WhatsApp button
    — EN | हिं language toggle

02  HERO
    — No white space (fixed)
    — Auto carousel (3 hero images)
    — Hinglish/English headline
    — Trust pills

03  PROOF BAR
    — 3 client results with animated counters

04  PROBLEM SECTION
    — Why inactive GBP hurts you

05  ORGANIC vs AUTOMATION
    — Side by side visual comparison
    — What happens to profile managed manually
      vs one using bots over 90 days
    — Real difference shown clearly

06  BEFORE vs AFTER
    — SEO Description transformation
    — Generic local business example
    — Keyword highlights shown visually

07  GBP SERVICES — 8 items from PDF
    — Accurately described
    — Google G icon used contextually

08  WHY WE ARE DIFFERENT
    — 6 reasons from PDF
    — vs Freelancers vs Agencies comparison

09  DO's & DON'Ts
    — Redesigned cleaner cards

10  HOW IT WORKS
    — 6 step work process from PDF

11  PRICING
    — 3 Month / 6 Month / Annual
    — Mobile mockup tap gallery

12  POST PAYMENT
    — 5 step what happens after payment

13  TESTIMONIALS
    — 3 real clients
    — Crossfade background

14  BEYOND GBP
    — 6 additional services
    — Icons + one-line desc
    — Single WhatsApp CTA

15  FAQ
    — 5 questions

16  URGENCY
    — Limited slots

17  GST TRUST BAR

18  FOOTER

    STICKY BOTTOM BAR
    — 2 payment buttons always visible
Language Strings — Locked
Every bilingual element defined now. JS swaps these on toggle.

Section headlines:

Section	हिं (Default)	EN
Hero H1	"Aapka Business Google Pe — Sahi Jagah, Sahi Waqt."	"Your Business on Google — Right Place, Right Time."
Problem	"Google Pe Ho, Par Koi Dekh Nahi Raha?"	"On Google, But Nobody's Finding You?"
Services	"Yeh Sab Hum Karte Hain — Aap Sirf Business Karo."	"This Is What We Do — You Focus on Your Business."
Genuine	"Hum Genuinely Kaam Karte Hain — Yeh Hai Hamara Farak."	"We Work Genuinely — That Is Our Difference."
Pricing	"Ek Choti Si Investment — Bade Results Ki Taraf."	"A Small Investment — Towards Bigger Results."
How It Works	"Shuru Karna Hai? Bas 3 Steps."	"Ready to Start? Just 3 Steps."
Post Payment	"Payment Ke Baad — Exactly Yeh Hoga."	"After Payment — Here Is Exactly What Happens."
Testimonials	"Unke Businesses Ki Kahani — Unhi Ki Zubaani."	"Their Business Stories — In Their Own Words."
FAQ	"Kuch Sawaal? Hum Jaante The."	"Have Questions? We Expected That."
Final CTA	"Aaj Se Shuru Karo — Kal Ka Wait Kyun?"	"Start Today — Why Wait for Tomorrow?"
Organic vs Automation — Visual Plan
TWO COLUMN COMPARISON:

LEFT COLUMN — Using Automation Tools
🤖 Bot posts generic content daily
❌ Google detects repetitive patterns
❌ Profile flagged or suppressed
❌ Zero engagement on posts
❌ Review replies sound robotic
❌ Keyword stuffing penalised
❌ Profile slowly loses visibility
RESULT: 90 days wasted. Profile weaker than before.

RIGHT COLUMN — YourEmployee Manual Method  
👨‍💻 Real person creates unique content daily
✅ Google sees genuine activity
✅ Profile treated as trustworthy business
✅ Natural keyword usage rewarded
✅ Review replies build real trust
✅ Fresh photos with proper metadata
✅ Consistent signals = better visibility
RESULT: 90 days of real work. Profile performing.
Visual treatment — left column has red/warning tones, right column has blue/positive tones. Split card design.

Before vs After — SEO Description Visual
BEFORE (Red border — ❌):
"We are a local business. We provide good 
services. We have experienced staff.
Contact us for more information."

AFTER (Green border — ✅):
"[Business Name] is a trusted [category] 
in [City], known for [service keywords]. 
We offer [specific services] with experienced 
professionals. Visit us at [location] or 
call us today for [action keyword]."

KEYWORDS HIGHLIGHTED IN YELLOW:
trusted · category · City · service keywords
specific services · experienced · location · action
Beyond GBP — 6 Services
Service	Icon	One Line
Website Development	🌐	Fast, mobile-first websites that convert visitors into customers
AI Implementation	🤖	Smart AI tools integrated into your business workflow
Custom Tools Development	🛠️	Purpose-built digital tools for your specific business needs
Dashboards & Analytics	📊	Real-time data dashboards so you always know what's working
Founder's Choice CRM	👑	A CRM built around how you actually run your business
CEO's Choice Task Delegation	✅	Systems that let you delegate, track and scale without chaos
Google Icon Usage — Safe Plan
Use the official Google "G" coloured icon as an SVG inline — this is fair use in context of "we manage Google Business Profiles"
Show it in the GBP services section header
Show Google Maps pin icon contextually
No full "Google" wordmark — avoids trademark issues
Everything Locked. Zero ambiguity.
Say "Build it" — I deliver the complete final page.

Build it

17:08
Building now. This will be the complete, final, production page.


Ran a command, read a file
Ran a command, read a file
Complete. Production ready.

What's Built — Full Checklist
Fixes from screenshot

✅ White space above hero — removed completely
✅ Logo text — "YourEmployee" only, no .in
✅ Tagline — "CMO of your Business" below logo in nav
✅ Logo image — logo.png in rounded square box in nav
New Sections

✅ Organic vs Automation — red/green two-column comparison
✅ Before vs After — SEO description with keyword highlights
✅ Why We're Different — comparison table vs Freelancers vs Agencies
✅ Work Process — 6-step flow from your PDF
✅ Beyond GBP — 6 services, WhatsApp CTA, no pricing
✅ Google G colour icon — in services section header
Language Toggle

✅ EN / हिं toggle in nav
✅ Default = Hinglish
✅ Full English on EN click — no page reload
All 8 GBP Services from PDF — accurately described

Sticky bottom bar — slides up after hero, 2 payment buttons

VSCode — 3 Replacements
Find	Replace
https://rzp.io/l/gbp-3month	Your 3-month Razorpay link
https://rzp.io/l/gbp-6month	Your 6-month Razorpay link
https://rzp.io/l/gbp-annual	Your annual Razorpay link
WhatsApp links — already set to 919920901601.

Deploy to gbp.youremployee.in → drop images/ folder alongside → live.

When ready — we move to Product 2.


Gbp landing final
Code · HTML 
Can i copy this
& open filemanager on hostinger hpanel click on index.html edit 
paste code and save.

will this work fine?

17:45
Yes, it will work. But let me give you the exact right steps so you don't make a mistake.

Correct Way on Hostinger hPanel
Step 1 — File Structure First
Before you paste anything, make sure this structure exists on your hosting:

public_html/
└── gbp/              ← create this folder for gbp.youremployee.in
    ├── index.html    ← your landing page goes here
    └── images/
        ├── logo.png
        ├── hero-owner.jpg
        ├── hero-owner-1.jpg
        ├── hero-owner-2.jpg
        ├── results-analytics.jpg
        ├── service-posting.jpg
        ├── team-working.jpg
        ├── testimonials-bg.jpg
        ├── testimonials-bg-1.jpg
        ├── testimonials-bg-2.jpg
        ├── mobile-mockup.jpg
        ├── mobile-mockup-1.jpg
        └── mobile-mockup-2.jpg
Step 2 — Copy the HTML
Open the downloaded file in VSCode. Do your 3 Razorpay link replacements first. Then Ctrl+A → Ctrl+C to copy everything.

Step 3 — On Hostinger hPanel
hPanel → File Manager
→ Navigate to public_html/gbp/
→ Find index.html (or create new file named index.html)
→ Right click → Edit
→ Select All existing content → Delete
→ Paste your code
→ Save
Step 4 — Upload Images
File Manager → public_html/gbp/images/
→ Upload all 13 image files from your computer
Hostinger File Manager has a bulk upload button — select all 13 images at once.

Step 5 — Subdomain Setup
If gbp.youremployee.in subdomain is not already created:

hPanel → Domains → Subdomains
→ Create subdomain: gbp
→ Root directory: public_html/gbp
→ Save
One Warning
Hostinger's built-in editor sometimes breaks long HTML files — it has a character limit and can corrupt code on save if the file is too large.

Safer method:

Instead of pasting in the editor, use Upload directly:

File Manager → public_html/gbp/
→ Upload → Select your index.html file from computer
→ Done
This is 100% safe. No character limit. No corruption risk.

Recommended: Upload the file directly. Don't use the paste-in-editor method.

Do the Razorpay replacements in VSCode first, save the file, then upload. Ready?

You removed
how we work. 
You didn't utilised the other Images.

give small whatsapp buttons to each cards in more services.

remove Freelancers and add SaaS Platforms in-
YourEmployee | Freelancers | Agencies

SaaS used single autoomation tools for bulk profile
No Monitoring
Spammin profile for unneccssary contain
No personalisation, No personalise creatives, account unverification suspensuon risk is high

Show Clear section (with hilighted way what we do)
and use all content from brochure. add placeholders to insert images.
Minimum 10-12 Posts (small small girds) - to show capabilities on creatives.

actual Image to show capabilities wherever required.

i will upload to file manager.

do you have more ideas?

Show more
18:07
Before I build, let me think like your CTO — not just execute.

My Audit — What's Missing & What Can Be Better
What You Asked
✅ Add "How We Work" section back
✅ Use all images from folder
✅ WhatsApp button on each "Beyond GBP" card
✅ Replace Freelancers → SaaS Platforms in comparison
✅ SaaS specific pain points in comparison
✅ Clear highlighted "What We Do" section from brochure
✅ 10-12 creative post grid (capabilities showcase)
✅ Image placeholders clearly marked
My Additional Ideas — Things You Haven't Asked But Should Consider
Idea 1 — Capabilities Grid as Scrolling Ticker Instead of a static 10-12 grid, show posts in a horizontal auto-scrolling ticker — two rows, infinite loop. Looks premium, shows volume, mobile-friendly. Like you're showing a live feed of work.

Idea 2 — Results Section with Real Analytics Screenshot Use results-analytics.jpg in a "Before vs After Activity" visual — left side empty profile, right side active profile with numbers. Makes the value tangible.

Idea 3 — Team Working Image in Genuine Work Section team-working.jpg goes here as a full-width banner behind the Do/Don't cards. Creates depth and authenticity.

Idea 4 — Service Posting Image in Daily Posting Card service-posting.jpg embedded directly inside the Daily Posting service card. Shows real work sample.

Idea 5 — SaaS Comparison — Add a "Risk Meter" Under the comparison table, a visual risk indicator — SaaS = High Risk (red), YourEmployee = Low Risk (green). Makes the danger of automation viscerally clear.

Idea 6 — Floating "Our Work" Preview Strip A thin strip just above the sticky payment bar showing 3 mini post thumbnails rotating — "Latest work we did for a client." Creates live credibility.

Idea 7 — Trust Counter Strip Animated numbers strip between sections:

500+ Posts Published  ·  3 Cities  ·  15+ Active Clients  ·  100% Manual Work
Idea 8 — Video/Reel Placeholder A section with a play button placeholder — "Watch how we manage a GBP profile." When you have a reel, you just drop the link. Future-ready.

Full Revised Page Structure — Final
01  NAV
    Logo box + YourEmployee + CMO tagline
    WhatsApp + EN|हिं toggle

02  HERO
    Carousel (hero-owner × 3)
    Headline + sub + free badge + CTAs

03  PROOF BAR
    3 counters — animated

04  TRUST COUNTER STRIP        ← NEW
    500+ Posts · 15+ Clients · 3 Cities · 100% Manual

05  PROBLEM SECTION
    4 pain point cards

06  ORGANIC vs AUTOMATION
    Manual vs SaaS Platforms
    Risk meter below

07  WHAT WE DO — FROM BROCHURE ← EXPANDED
    Full highlighted section
    GBP + Business Digitalisation + Smart Systems
    With results-analytics.jpg

08  BEFORE vs AFTER
    SEO Description transformation

09  GBP SERVICES — 8 items
    service-posting.jpg in Daily Posting card

10  CAPABILITIES SHOWCASE      ← NEW
    Auto-scrolling ticker
    12 post grid thumbnails
    Placeholder slots clearly named

11  WHY WE ARE DIFFERENT        ← FIXED
    YourEmployee vs SaaS vs Agencies
    Risk meter

12  DO's & DON'Ts
    team-working.jpg as background

13  HOW IT WORKS                ← RESTORED
    3 steps

14  WORK PROCESS               ← FROM BROCHURE
    6 step flow

15  PRICING
    3 plans + mobile mockup gallery (× 3)

16  POST PAYMENT
    5 steps

17  TESTIMONIALS
    testimonials-bg crossfade (× 3)

18  BEYOND GBP                 ← UPDATED
    6 cards each with WhatsApp button

19  FAQ

20  URGENCY

21  GST TRUST BAR

22  FOOTER

    STICKY BAR
    2 payment buttons
Image Placement Map — Every Image Used
hero-owner.jpg          → Hero carousel slide 1
hero-owner-1.jpg        → Hero carousel slide 2
hero-owner-2.jpg        → Hero carousel slide 3
results-analytics.jpg   → "What We Do" section right side
service-posting.jpg     → Daily Posting service card
team-working.jpg        → Do/Don't section background
testimonials-bg.jpg     → Testimonials BG crossfade 1
testimonials-bg-1.jpg   → Testimonials BG crossfade 2
testimonials-bg-2.jpg   → Testimonials BG crossfade 3
mobile-mockup.jpg       → Pricing section gallery 1
mobile-mockup-1.jpg     → Pricing section gallery 2
mobile-mockup-2.jpg     → Pricing section gallery 3
logo.png                → Nav logo box
Capabilities Grid — 12 Placeholder Slots
Named clearly so you just drop images in:

images/post-1.jpg   → Admissions Open post
images/post-2.jpg   → Festival wish post
images/post-3.jpg   → Offer/discount post
images/post-4.jpg   → Testimonial post
images/post-5.jpg   → Independence Day post
images/post-6.jpg   → Tips & advice post
images/post-7.jpg   → Before/After post
images/post-8.jpg   → Review highlight post
images/post-9.jpg   → Product showcase post
images/post-10.jpg  → Festival greeting post
images/post-11.jpg  → Achievement post
images/post-12.jpg  → Team/behind scenes post
Before I Build — 4 Quick Decisions
Q1 — Scrolling ticker or static grid for capabilities? My recommendation: Both — static 4×3 grid on desktop, auto-scroll on mobile.

Q2 — SaaS Risk Meter — visual style? Option A: Simple red/green progress bars Option B: Warning badge icons My recommendation: Warning badges — more visual impact.

Q3 — "What We Do" section from brochure Your brochure covers coaching classes specifically. For the GBP landing page I adapt it to all local businesses. Keep coaching references or go generic? My recommendation: Generic — your GBP page targets all businesses.

Q4 — Video/Reel placeholder Include it as a "Coming Soon" placeholder or skip for now? My recommendation: Include it — takes 10 lines of code, future-ready.

Answer these 4 and I build the complete final page — everything in one shot, no more iterations needed.

Both
can we add both? if yes do it smarlty one after one or as corousel or in different section
It should be generic
Include it
18:15
Smart. Both risk visuals together will hit harder.

Here's exactly how I'll do it — then I build.

Risk Meter — Smart Combined Design
Not two separate sections. One section, two-part reveal:

PART 1 — Comparison Table
YourEmployee | SaaS Platforms | Agencies
(clean table, 8 rows)

PART 2 — Risk Visualiser (below table, same section)
Two cards side by side:

LEFT — SaaS / Automation Risk          RIGHT — YourEmployee Safety
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━        ━━━━━━━━━━━━━━━━━━━━━━━━━━
⚠️ Profile Suspension Risk    ████░  HIGH    ✅ Profile Suspension Risk  █░░░░  LOW
⚠️ Content Spam Detection     ████░  HIGH    ✅ Content Quality          █████  HIGH
⚠️ Account Unverification     ███░░  HIGH    ✅ Account Safety           █████  SAFE
⚠️ No Personalisation         █████  NONE    ✅ Personalised Daily       █████  FULL
⚠️ Bulk Profile Handling      ████░  RISK    ✅ Dedicated Manager        █████  YES
Animated progress bars — fill on scroll. Red bars on left, green on right. One glance tells the whole story.

Capabilities Grid — Both Together, Smartly
Desktop: Static 4×3 grid — all 12 visible at once

Below the grid — Mobile Ticker: Auto-scrolling infinite loop of same 12 posts — two rows, opposite directions. Visible on all screens as a bonus "live feed" feel.

One section, two displays — no repetition.

Final Page Structure — Locked
01  NAV
02  HERO — carousel × 3
03  PROOF BAR — animated counters
04  TRUST STRIP — 4 animated numbers
05  PROBLEM — 4 cards
06  ORGANIC vs SaaS — comparison + risk meter
07  WHAT WE DO — brochure content, generic
    results-analytics.jpg used here
08  BEFORE vs AFTER — SEO description
09  GBP SERVICES — 8 cards
    service-posting.jpg in card 2
10  CAPABILITIES SHOWCASE
    4×3 static grid + scrolling ticker below
    post-1.jpg to post-12.jpg placeholders
11  VIDEO PLACEHOLDER — play button, coming soon
12  WHY DIFFERENT — table + risk bars
13  DO's & DON'Ts
    team-working.jpg as section background
14  HOW IT WORKS — 3 steps RESTORED
15  WORK PROCESS — 6 steps from brochure
16  PRICING — 3 plans + mockup gallery × 3
17  POST PAYMENT — 5 steps
18  TESTIMONIALS — crossfade BG × 3
19  BEYOND GBP — 6 cards each with WhatsApp
20  FAQ
21  URGENCY
22  GST TRUST BAR
23  FOOTER
    STICKY BAR — 2 payment buttons
Every Image — Final Placement
logo.png              → Nav rounded box
hero-owner.jpg        → Hero carousel 1
hero-owner-1.jpg      → Hero carousel 2
hero-owner-2.jpg      → Hero carousel 3
results-analytics.jpg → "What We Do" section right column
service-posting.jpg   → GBP Services — Daily Posting card
team-working.jpg      → Do/Don't section full-width bg
testimonials-bg.jpg   → Testimonials crossfade 1
testimonials-bg-1.jpg → Testimonials crossfade 2
testimonials-bg-2.jpg → Testimonials crossfade 3
mobile-mockup.jpg     → Pricing mockup gallery 1
mobile-mockup-1.jpg   → Pricing mockup gallery 2
mobile-mockup-2.jpg   → Pricing mockup gallery 3
post-1.jpg to
post-12.jpg           → Capabilities grid + ticker
Everything Locked. Building Now.
Say "Build" — I deliver the complete page in one shot.

build

18:16
Building now. Complete final page. One shot.


Ran 2 commands, created a file
Ran 2 commands, created a file

Write complete final GBP landing page v3 with all sections

Script

Complete GBP landing page v3 - part 1: head and styles
gbp-landing-v3.html

Append complete HTML body and JS to the landing page file

Script
Done
completed?

18:57

You're out of usage credits. Buy more to keep going now, or wait until 10:00 PM when your plan usage resets.
Buy more
completed?



Claude is AI and can make mistakes. Please double-check responses.


raw
Gbp landing v3 · HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Business Profile Management — YourEmployee</title>
<meta name="description" content="Daily posting, SEO keywords, professional review replies & monthly reports — done for you. CMO of your Business.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue:#2563EB;--blue-d:#1D4ED8;--blue-dd:#1E40AF;--blue-l:#EFF6FF;--blue-m:#DBEAFE;--blue-b:#BFDBFE;
  --orange:#F97316;--orange-l:#FFF7ED;--orange-b:#FED7AA;
  --green:#16A34A;--green-l:#F0FDF4;--green-b:#BBF7D0;
  --red:#DC2626;--red-l:#FFF1F2;--red-b:#FECDD3;
  --dark:#0F172A;--body:#334155;--muted:#64748B;--faint:#94A3B8;
  --border:#E2E8F0;--bg:#F8FAFC;--white:#FFFFFF;
  --sh-sm:0 1px 3px rgba(0,0,0,.08);
  --sh-md:0 4px 16px rgba(0,0,0,.08);
  --sh-lg:0 12px 40px rgba(0,0,0,.1);
  --sh-blue:0 8px 32px rgba(37,99,235,.22);
  --sh-green:0 8px 28px rgba(22,163,74,.2);
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--body);overflow-x:hidden;font-size:16px;line-height:1.6;padding-bottom:88px}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;color:var(--dark);line-height:1.15;letter-spacing:-.3px}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.wrap-sm{max-width:740px;margin:0 auto;padding:0 24px}
.wrap-md{max-width:920px;margin:0 auto;padding:0 24px}
.sec{padding:80px 0}
.sec.alt{background:var(--bg)}
.sec-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.sec-h{font-size:clamp(1.75rem,3.8vw,2.6rem);font-weight:800;margin-bottom:16px;letter-spacing:-.5px}
.sec-h .bl{color:var(--blue)}.sec-h .or{color:var(--orange)}.sec-h .gr{color:var(--green)}
.sec-sub{font-size:.98rem;color:var(--muted);line-height:1.8;max-width:580px}
.tc{text-align:center}.tc .sec-sub{margin:0 auto}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.on{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
/* BUTTONS */
.btn-blue{padding:13px 26px;background:var(--blue);border:none;border-radius:9px;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:var(--sh-blue);transition:all .25s}
.btn-blue:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn-ghost{padding:12px 22px;background:var(--white);border:1.5px solid var(--border);border-radius:9px;color:var(--dark);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .25s}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-wa{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:#F0FDF4;border:1px solid var(--green-b);color:var(--green);font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;white-space:nowrap}
.btn-wa:hover{background:#DCFCE7;transform:translateY(-1px)}
.btn-wa svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}
.btn-wa-big{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:10px;background:#25D366;color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:var(--sh-green);transition:all .25s}
.btn-wa-big:hover{background:#22C55E;transform:translateY(-2px)}
.btn-wa-big svg{width:20px;height:20px;fill:#fff}
/* WA SVG PATH */
.wa-path{clip-rule:evenodd;fill-rule:evenodd}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:300;height:68px;display:flex;align-items:center;padding:0 24px;gap:14px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--sh-sm)}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.nav-logo-box{width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--border);flex-shrink:0;background:var(--blue);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#fff;font-size:.9rem}
.nav-logo-box img{width:100%;height:100%;object-fit:cover;display:block}
.nav-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.1rem;color:var(--dark);line-height:1.1}
.nav-tagline{font-size:.63rem;color:var(--muted);font-weight:500}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-wa-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#F0FDF4;border:1px solid var(--green-b);color:var(--green);font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}
.nav-wa-btn svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
.lang-tog{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0}
.lang-btn{padding:7px 12px;font-size:.78rem;font-weight:700;border:none;background:none;cursor:pointer;color:var(--muted);transition:all .2s}
.lang-btn.act{background:var(--blue);color:#fff}
/* HERO */
.hero{padding-top:68px;min-height:100vh;background:var(--white);position:relative;overflow:hidden;display:flex;align-items:stretch}
.hero-bg{position:absolute;top:0;right:0;bottom:0;width:48%;background:var(--blue-l);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);z-index:0}
.hero-inner{max-width:1100px;margin:0 auto;width:100%;padding:48px 24px 64px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;margin-bottom:18px;background:var(--blue-m);border:1px solid var(--blue-b);font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--blue)}
.hero h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;margin-bottom:16px}
.hero h1 .bl{color:var(--blue)}
.hero-sub{font-size:1rem;color:var(--muted);line-height:1.78;margin-bottom:12px;max-width:460px}
.hero-free{display:inline-flex;align-items:center;gap:6px;margin-bottom:26px;padding:8px 16px;border-radius:8px;background:var(--orange-l);border:1px solid var(--orange-b);font-size:.8rem;font-weight:600;color:var(--orange)}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.hero-trust{display:flex;gap:16px;flex-wrap:wrap}
.trust-p{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--muted);font-weight:500}
.trust-p svg{width:14px;height:14px;color:var(--blue)}
.hero-carousel{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/3;background:var(--blue-m)}
.hero-carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hero-carousel img.act{opacity:1}
.hero-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}
.hdot{width:7px;height:7px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:all .3s}
.hdot.act{background:var(--blue);transform:scale(1.4)}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hero-left>*{animation:fadeUp .7s ease both}
.hero-badge{animation-delay:.05s}.hero h1{animation-delay:.14s}.hero-sub{animation-delay:.21s}
.hero-free{animation-delay:.27s}.hero-ctas{animation-delay:.33s}.hero-trust{animation-delay:.39s}
.hero-right{animation:fadeUp .8s .44s ease both}
/* PROOF BAR */
.proof-bar{background:var(--blue);padding:44px 24px}
.proof-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.proof-item{padding:16px;border-right:1px solid rgba(255,255,255,.12)}
.proof-item:last-child{border-right:none}
.proof-num{font-family:'Bricolage Grotesque',sans-serif;font-size:2.6rem;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}
.proof-label{font-size:.8rem;color:rgba(255,255,255,.72);line-height:1.5;margin-bottom:8px}
.proof-biz{font-size:.72rem;font-weight:700;color:#BFDBFE;background:rgba(255,255,255,.1);padding:3px 10px;border-radius:20px;display:inline-block}
/* TRUST STRIP */
.trust-strip{background:var(--dark);padding:18px 24px}
.ts-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.ts-item{display:flex;align-items:center;gap:8px}
.ts-num{font-family:'Bricolage Grotesque',sans-serif;font-size:1.4rem;font-weight:800;color:var(--orange)}
.ts-lbl{font-size:.78rem;color:#94A3B8;font-weight:500}
.ts-dot{width:4px;height:4px;border-radius:50%;background:#334155;flex-shrink:0}
/* PROBLEM */
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.prob-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:20px;display:flex;gap:12px;align-items:flex-start;transition:all .3s}
.prob-card:hover{border-color:var(--blue-b);transform:translateX(3px)}
.prob-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:var(--blue-l);border:1px solid var(--blue-m);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.prob-card h4{font-size:.88rem;font-weight:700;margin-bottom:4px}
.prob-card p{font-size:.82rem;color:var(--muted);line-height:1.6}
/* OVA */
.ova-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.ova-card{border-radius:18px;padding:28px}
.ova-card.bad{background:var(--red-l);border:2px solid var(--red-b)}
.ova-card.good{background:var(--green-l);border:2px solid var(--green-b)}
.ova-hd{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px}
.ova-card.bad .ova-hd{border-bottom:1px solid rgba(220,38,38,.15)}
.ova-card.good .ova-hd{border-bottom:1px solid rgba(22,163,74,.15)}
.ova-hd .ic{font-size:1.5rem}
.ova-hd h3{font-size:1rem;font-weight:800}
.ova-card.bad .ova-hd h3{color:var(--red)}.ova-card.good .ova-hd h3{color:var(--green)}
.ova-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.ova-list li{font-size:.84rem;display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.ova-card.bad .ova-list li{color:#9F1239}.ova-card.good .ova-list li{color:#166534}
.ova-result{margin-top:18px;padding:10px 14px;border-radius:10px;font-size:.82rem;font-weight:700;text-align:center}
.ova-card.bad .ova-result{background:rgba(220,38,38,.1);color:var(--red)}
.ova-card.good .ova-result{background:rgba(22,163,74,.1);color:var(--green)}
/* RISK */
.risk-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.risk-card{border-radius:16px;padding:24px}
.risk-card.danger{background:var(--red-l);border:2px solid var(--red-b)}
.risk-card.safe{background:var(--green-l);border:2px solid var(--green-b)}
.risk-card-title{font-size:.8rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:7px}
.risk-card.danger .risk-card-title{color:var(--red)}
.risk-card.safe .risk-card-title{color:var(--green)}
.risk-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.risk-label{font-size:.76rem;color:var(--body);min-width:155px;flex-shrink:0}
.risk-bar-wrap{flex:1;background:rgba(0,0,0,.06);border-radius:20px;height:8px;overflow:hidden}
.risk-bar{height:100%;border-radius:20px;width:0;transition:width 1.2s ease}
.risk-card.danger .risk-bar{background:var(--red)}
.risk-card.safe .risk-bar{background:var(--green)}
.risk-badge{font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}
.risk-card.danger .risk-badge{background:rgba(220,38,38,.12);color:var(--red)}
.risk-card.safe .risk-badge{background:rgba(22,163,74,.12);color:var(--green)}
/* WWD */
.wwd-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.wwd-img{border-radius:20px;overflow:hidden;box-shadow:var(--sh-lg)}
.wwd-img img{width:100%;display:block;object-fit:cover;max-height:400px}
.wwd-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.wwd-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;background:var(--white);border:1.5px solid var(--border);transition:all .3s}
.wwd-item:hover{border-color:var(--blue-b);transform:translateX(4px)}
.wwd-icon{width:36px;height:36px;border-radius:9px;background:var(--blue-l);border:1px solid var(--blue-m);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.wwd-item h4{font-size:.86rem;font-weight:700;margin-bottom:3px}
.wwd-item p{font-size:.78rem;color:var(--muted);line-height:1.5}
.mission-box{margin-top:16px;background:var(--blue);border-radius:14px;padding:20px;text-align:center}
/* BA */
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.ba-box{border-radius:16px;padding:24px}
.ba-box.before{background:var(--red-l);border:2px solid var(--red-b)}
.ba-box.after{background:var(--green-l);border:2px solid var(--green-b)}
.ba-label{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:14px}
.ba-box.before .ba-label{background:var(--red);color:#fff}
.ba-box.after .ba-label{background:var(--green);color:#fff}
.ba-text{font-size:.85rem;line-height:1.75}
.ba-box.before .ba-text{color:#9F1239}.ba-box.after .ba-text{color:#166534}
.kw{background:#FEF08A;padding:1px 4px;border-radius:3px;font-weight:600;color:#713F12}
.kw-strip{margin-top:24px;background:var(--blue-l);border:1px solid var(--blue-m);border-radius:14px;padding:20px}
.kw-strip h4{font-size:.82rem;font-weight:700;color:var(--blue);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.kw-tags{display:flex;flex-wrap:wrap;gap:8px}
.kw-tag{padding:4px 12px;border-radius:20px;background:#FEF08A;font-size:.78rem;font-weight:600;color:#713F12;border:1px solid #FDE047}
/* SERVICES */
.gbp-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.google-g{width:32px;height:32px}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.svc-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:22px;transition:all .3s;position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--blue-b)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-ic{width:44px;height:44px;border-radius:12px;background:var(--blue-l);border:1px solid var(--blue-m);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:14px}
.svc-card h3{font-size:.88rem;font-weight:700;margin-bottom:6px}
.svc-card p{font-size:.79rem;color:var(--muted);line-height:1.65}
.svc-img{width:100%;border-radius:10px;margin-top:14px;display:block;object-fit:cover;height:120px}
.svc-img-ph{width:100%;height:100px;border-radius:10px;margin-top:14px;background:var(--bg);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--faint);font-weight:600}
.svc-free-badge{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;color:var(--orange);background:var(--orange-l);border:1px solid var(--orange-b)}
/* CAPABILITIES */
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.cap-item{border-radius:14px;overflow:hidden;aspect-ratio:1;background:var(--bg);border:1.5px solid var(--border);transition:all .3s;position:relative}
.cap-item:hover{transform:scale(1.04);box-shadow:var(--sh-md);border-color:var(--blue-b);z-index:2}
.cap-item img{width:100%;height:100%;object-fit:cover;display:block}
.cap-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center}
.cap-ph .cn{font-family:'Bricolage Grotesque',sans-serif;font-size:1.4rem;font-weight:800;color:var(--blue-b)}
.cap-ph .cl{font-size:.68rem;color:var(--faint);font-weight:600;line-height:1.4}
.ticker-wrap{margin-top:24px;overflow:hidden;padding:8px 0;position:relative}
.ticker-wrap::before{content:'';position:absolute;left:0;top:0;bottom:0;width:80px;background:linear-gradient(to right,var(--white),transparent);z-index:2}
.ticker-wrap::after{content:'';position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(to left,var(--white),transparent);z-index:2}
.ticker-row{display:flex;gap:12px;margin-bottom:10px}
.ticker-row.r1{animation:tickL 28s linear infinite}
.ticker-row.r2{animation:tickR 32s linear infinite}
@keyframes tickL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes tickR{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.tick-item{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden;border:1.5px solid var(--border);background:var(--bg)}
.tick-item img{width:100%;height:100%;object-fit:cover;display:block}
.tick-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.tick-ph span:first-child{font-size:1.4rem}
.tick-ph span:last-child{font-size:.6rem;color:var(--faint);font-weight:600}
/* VIDEO */
.video-ph{max-width:680px;margin:40px auto 0;border-radius:20px;border:2px dashed var(--blue-b);background:var(--blue-l);aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .3s;position:relative}
.video-ph:hover{border-color:var(--blue);background:var(--blue-m)}
.video-play{width:70px;height:70px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-blue);transition:transform .3s}
.video-ph:hover .video-play{transform:scale(1.08)}
.video-play svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.video-ph h4{font-size:1rem;font-weight:700;color:var(--blue)}
.video-ph p{font-size:.82rem;color:var(--muted)}
.video-soon{position:absolute;top:16px;right:16px;background:var(--orange);color:#fff;font-size:.68rem;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}
/* DIFF TABLE */
.diff-table{margin-top:36px;border-radius:16px;overflow:hidden;border:1.5px solid var(--border);box-shadow:var(--sh-sm)}
.diff-head{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;background:var(--dark);padding:14px 20px;gap:12px}
.diff-head span{font-size:.78rem;font-weight:700;color:#fff;text-align:center}
.diff-head span:first-child{text-align:left;color:var(--blue-b)}
.diff-row{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;padding:13px 20px;gap:12px;border-top:1px solid var(--border);background:var(--white);align-items:center;transition:background .2s}
.diff-row:hover{background:var(--bg)}
.diff-feat{font-size:.84rem;font-weight:600;color:var(--dark)}
.diff-val{text-align:center;font-size:1.1rem}
.yes{color:var(--green)}.no{color:var(--red)}.maybe{color:var(--orange)}
/* DO DONT */
.dd-section{position:relative;overflow:hidden}
.dd-bg{position:absolute;inset:0;z-index:0}
.dd-bg img{width:100%;height:100%;object-fit:cover;opacity:.06;display:block}
.dd-bg::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.94)}
.dd-content{position:relative;z-index:1}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.dd-card{border-radius:18px;padding:28px}
.dd-card.do{background:var(--green-l);border:2px solid var(--green-b)}
.dd-card.dont{background:var(--red-l);border:2px solid var(--red-b)}
.dd-hd{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px}
.dd-card.do .dd-hd{border-bottom:1px solid rgba(22,163,74,.2)}
.dd-card.dont .dd-hd{border-bottom:1px solid rgba(220,38,38,.2)}
.dd-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0}
.dd-card.do .dd-badge{background:var(--green);color:#fff}
.dd-card.dont .dd-badge{background:var(--red);color:#fff}
.dd-hd h4{font-size:.95rem;font-weight:800}
.dd-card.do .dd-hd h4{color:var(--green)}.dd-card.dont .dd-hd h4{color:var(--red)}
.dd-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.dd-list li{font-size:.85rem;display:flex;align-items:flex-start;gap:9px;line-height:1.55}
.dd-card.do .dd-list li{color:#166534}.dd-card.dont .dd-list li{color:#9F1239}
/* HOW */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;position:relative}
.how-grid::before{content:'';position:absolute;top:27px;left:17%;right:17%;height:2px;background:linear-gradient(to right,var(--blue-m),var(--blue),var(--blue-m))}
.how-step{text-align:center;padding:0 20px}
.how-bub{width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:1;box-shadow:var(--sh-blue)}
.how-step h4{font-size:.92rem;font-weight:700;margin-bottom:7px}
.how-step p{font-size:.82rem;color:var(--muted);line-height:1.65}
/* WORK PROCESS */
.proc-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:44px;position:relative}
.proc-flow::before{content:'';position:absolute;top:27px;left:8%;right:8%;height:2px;background:linear-gradient(to right,var(--blue-m),var(--blue),var(--blue-m))}
.proc-step{text-align:center;padding:0 8px;position:relative;z-index:1}
.proc-num{width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:.95rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:var(--sh-blue)}
.proc-step h4{font-size:.76rem;font-weight:700;margin-bottom:4px;line-height:1.35}
.proc-step p{font-size:.7rem;color:var(--muted);line-height:1.5}
/* PRICING */
.anc-line{text-align:center;font-size:.88rem;color:var(--muted);margin:0 0 28px}
.anc-line strong{color:var(--dark)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:30px 26px;position:relative;overflow:hidden;transition:all .3s}
.plan:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.plan.feat{border-color:var(--blue);box-shadow:var(--sh-blue)}
.plan-rib{position:absolute;top:18px;right:-30px;background:var(--orange);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.5px;padding:5px 40px;transform:rotate(35deg);text-transform:uppercase}
.plan-dur{font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.plan-price{font-family:'Bricolage Grotesque',sans-serif;font-size:2.6rem;font-weight:800;color:var(--dark);line-height:1;margin-bottom:4px}
.plan-price sup{font-size:1.2rem;vertical-align:top;margin-top:6px;font-weight:700}
.plan-per{font-size:.78rem;color:var(--muted);margin-bottom:2px}
.plan-eff{font-size:.78rem;color:var(--muted);margin-bottom:4px}
.plan-save{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;margin-bottom:16px;margin-top:4px;background:var(--green-l);border:1px solid var(--green-b);font-size:.72rem;font-weight:700;color:var(--green)}
.plan-div{height:1px;background:var(--border);margin:16px 0}
.plan-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.plan-feats li{font-size:.84rem;color:var(--body);display:flex;align-items:flex-start;gap:7px;line-height:1.5}
.plan-feats li svg{width:15px;height:15px;color:var(--blue);flex-shrink:0;margin-top:2px}
.plan-btn{display:block;width:100%;padding:13px;border-radius:10px;text-align:center;font-family:'Bricolage Grotesque',sans-serif;font-size:.92rem;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all .25s}
.plan-btn.fill{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}
.plan-btn.fill:hover{background:var(--blue-d);transform:translateY(-2px)}
.plan-btn.out{background:transparent;border:1.5px solid var(--blue);color:var(--blue)}
.plan-btn.out:hover{background:var(--blue-l)}
.price-note{text-align:center;margin-top:16px;font-size:.82rem;color:var(--muted)}
.price-note span{color:var(--dark);font-weight:600}
.mock-wrap{margin-top:44px;text-align:center}
.mock-frame{width:210px;display:inline-block}
.mock-imgs{position:relative;border-radius:24px;overflow:hidden;border:7px solid var(--dark);background:#000;aspect-ratio:9/16;box-shadow:var(--sh-lg)}
.mock-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.mock-imgs img.act{opacity:1}
.mock-dots{display:flex;gap:7px;justify-content:center;margin-top:12px}
.mdot{width:7px;height:7px;border-radius:50%;background:var(--border);cursor:pointer;transition:all .3s;border:none;padding:0}
.mdot.act{background:var(--blue);transform:scale(1.35)}
.mock-hint{font-size:.76rem;color:var(--muted);margin-top:8px}
/* POST PAYMENT */
.post-pay{background:var(--blue);padding:72px 0}
.post-pay .sec-tag{color:var(--blue-b)}
.post-pay .sec-h{color:#fff}
.post-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px;position:relative}
.post-steps::before{content:'';position:absolute;top:22px;left:10%;right:10%;height:1px;background:rgba(255,255,255,.18)}
.ps{text-align:center;position:relative;z-index:1}
.ps-ic{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto 12px}
.ps h4{font-size:.78rem;font-weight:700;color:#fff;margin-bottom:4px}
.ps p{font-size:.72rem;color:rgba(255,255,255,.68);line-height:1.5}
.post-promise{max-width:620px;margin:32px auto 0;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:18px 24px}
.post-promise p{color:rgba(255,255,255,.9);font-size:.88rem;line-height:1.7}
.post-promise strong{color:#fff}
/* TESTIMONIALS */
.testi-sec{padding:80px 0;position:relative;overflow:hidden;background:var(--bg)}
.testi-bg-w{position:absolute;inset:0;z-index:0}
.testi-bg-w img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2.5s}
.testi-bg-w img.act{opacity:.05}
.testi-bg-w::after{content:'';position:absolute;inset:0;background:var(--bg)}
.testi-ct{position:relative;z-index:1}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.testi-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:26px;box-shadow:var(--sh-sm);transition:all .3s}
.testi-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.testi-stars{color:#F59E0B;font-size:.88rem;margin-bottom:12px;letter-spacing:2px}
.testi-text{font-size:.86rem;color:var(--body);line-height:1.75;margin-bottom:18px;font-style:italic}
.testi-auth{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:14px}
.testi-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-size:.88rem;font-weight:800;color:#fff;flex-shrink:0}
.testi-name{font-weight:700;font-size:.86rem;color:var(--dark)}
.testi-biz{font-size:.73rem;color:var(--muted)}
/* BEYOND */
.beyond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.beyond-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:22px;transition:all .3s}
.beyond-card:hover{border-color:var(--blue-b);transform:translateY(-3px);box-shadow:var(--sh-md)}
.beyond-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.beyond-ic{width:44px;height:44px;border-radius:12px;background:var(--blue-l);border:1px solid var(--blue-m);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.beyond-card h4{font-size:.9rem;font-weight:700;color:var(--dark);margin-bottom:4px}
.beyond-card p{font-size:.8rem;color:var(--muted);line-height:1.6;margin-bottom:14px}
.beyond-cta{text-align:center;margin-top:32px}
/* FAQ */
.faq-list{margin-top:36px;display:flex;flex-direction:column;gap:9px}
.faq-item{background:var(--white);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:var(--blue)}
.faq-q{width:100%;text-align:left;padding:16px 20px;background:none;border:none;color:var(--dark);font-family:'Bricolage Grotesque',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-ic{width:22px;height:22px;border-radius:50%;background:var(--blue-l);border:1px solid var(--blue-m);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
.faq-ic svg{width:12px;height:12px;color:var(--blue);transition:transform .3s}
.faq-item.open .faq-ic{background:var(--blue)}
.faq-item.open .faq-ic svg{transform:rotate(45deg);color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a-in{padding:0 20px 16px;font-size:.86rem;color:var(--muted);line-height:1.75;border-top:1px solid var(--border)}
.faq-item.open .faq-a{max-height:300px}
/* URGENCY */
.urgency{padding:32px 24px;background:var(--orange-l);border-top:1px solid var(--orange-b);border-bottom:1px solid var(--orange-b)}
.urg-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.urg-text h4{font-size:.98rem;font-weight:700;color:var(--dark);margin-bottom:4px}
.urg-text p{font-size:.85rem;color:var(--muted)}
.urg-badge{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:8px;background:var(--orange);color:#fff;font-size:.82rem;font-weight:700;white-space:nowrap}
/* GST */
.gst-bar{padding:20px 24px;background:var(--blue-l);border-top:1px solid var(--blue-m)}
.gst-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.gst-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--blue-dd);font-weight:600}
.gst-item svg{width:14px;height:14px;color:var(--blue)}
/* FOOTER */
footer{padding:32px 24px;background:var(--dark)}
.foot-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.foot-logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.05rem;color:#fff}
.foot-logo span{color:var(--blue)}
.foot-sub{font-size:.68rem;color:#475569;margin-top:2px}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{font-size:.76rem;color:#94A3B8;text-decoration:none;transition:color .2s}
.foot-links a:hover{color:#fff}
.foot-copy{font-size:.7rem;color:#475569}
/* STICKY */
.sticky{position:fixed;bottom:0;left:0;right:0;z-index:400;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -4px 24px rgba(0,0,0,.1);padding:10px 24px;transform:translateY(100%);transition:transform .4s ease}
.sticky.on{transform:translateY(0)}
.sticky-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sticky-msg{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:5px}
.sticky-msg svg{width:14px;height:14px;color:var(--blue)}
.sticky-btns{display:flex;gap:8px;flex-wrap:wrap}
.s-btn{padding:10px 20px;border-radius:8px;font-family:'Bricolage Grotesque',sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}
.s-btn.blue{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}
.s-btn.orange{background:var(--orange);color:#fff}
/* RESPONSIVE */
@media(max-width:900px){
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .proc-flow{grid-template-columns:repeat(3,1fr);gap:24px}
  .proc-flow::before{display:none}
  .cap-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  body{padding-bottom:136px}
  .nav{padding:0 16px;gap:10px}
  .nav-tagline{display:none}
  .nav-wa-btn span{display:none}
  .hero-bg{display:none}
  .hero-inner{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:48px}
  .hero-right{order:-1}
  .hero-carousel{aspect-ratio:16/9}
  .proof-grid{grid-template-columns:1fr;gap:0}
  .proof-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}
  .proof-item:last-child{border-bottom:none}
  .prob-grid,.ova-grid,.risk-wrap,.wwd-grid,.ba-grid,.dd-grid,.testi-grid,.beyond-grid{grid-template-columns:1fr}
  .svc-grid,.plan-grid{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr;gap:28px}
  .how-grid::before{display:none}
  .post-steps{grid-template-columns:repeat(2,1fr);gap:16px}
  .post-steps::before{display:none}
  .proc-flow{grid-template-columns:repeat(2,1fr);gap:20px}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
  .urg-in{flex-direction:column;text-align:center}
  .gst-in{gap:12px}
  .foot-in{flex-direction:column;text-align:center}
  .foot-links{justify-content:center}
  .sticky-in{flex-direction:column;gap:8px}
  .sticky-btns{width:100%;flex-direction:column}
  .s-btn{text-align:center;width:100%}
  .sticky-msg{justify-content:center}
  .ts-inner{gap:18px}
}
@media(max-width:480px){
  .hero h1{font-size:1.85rem}
  .post-steps{grid-template-columns:1fr}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
  .proc-flow{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr}
}
</style>
</head>
<body>
<!-- NAV -->
<nav class="nav">
  <a href="#" class="nav-brand">
    <div class="nav-logo-box">
      <img src="images/logo.png" alt="YE" onerror="this.style.display='none'">
      YE
    </div>
    <div>
      <div class="nav-name" data-hi="YourEmployee" data-en="YourEmployee">YourEmployee</div>
      <div class="nav-tagline" data-hi="CMO of your Business" data-en="CMO of your Business">CMO of your Business</div>
    </div>
  </a>
  <div class="nav-right">
    <a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20GBP%20Management" class="nav-wa-btn" target="_blank" rel="noopener">
      <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      <span data-hi="WhatsApp" data-en="WhatsApp">WhatsApp</span>
    </a>
    <div class="lang-tog">
      <button class="lang-btn" id="btn-en" onclick="setLang('en')">EN</button>
      <button class="lang-btn act" id="btn-hi" onclick="setLang('hi')">हिं</button>
    </div>
  </div>
</nav>
 
<!-- HERO -->
<section class="hero">
  <div class="hero-bg"></div>
  <div class="hero-inner">
    <div class="hero-left">
      <div class="hero-badge">📍 <span data-hi="Google Business Profile Management" data-en="Google Business Profile Management">Google Business Profile Management</span></div>
      <h1 data-hi="Aapka Business Google Pe —<br><span class='bl'>Sahi Jagah, Sahi Waqt.</span>" data-en="Your Business on Google —<br><span class='bl'>Right Place, Right Time.</span>">Aapka Business Google Pe —<br><span class="bl">Sahi Jagah, Sahi Waqt.</span></h1>
      <p class="hero-sub" data-hi="Daily posting, SEO keywords, professional review replies & monthly reports — completely done for you by a dedicated team." data-en="Daily posting, SEO keywords, professional review replies & monthly reports — completely done for you by a dedicated team.">Daily posting, SEO keywords, professional review replies & monthly reports — completely done for you by a dedicated team.</p>
      <div class="hero-free">🎁 <span data-hi="FREE GBP Optimisation worth ₹8,000 — included with every plan" data-en="FREE GBP Optimisation worth ₹8,000 — included with every plan">FREE GBP Optimisation worth ₹8,000 — included with every plan</span></div>
      <div class="hero-ctas">
        <a href="#pricing" class="btn-blue" data-hi="See Our Plans →" data-en="See Our Plans →">See Our Plans →</a>
        <a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20GBP%20Management" class="btn-ghost" target="_blank" rel="noopener" data-hi="Ask on WhatsApp" data-en="Ask on WhatsApp">Ask on WhatsApp</a>
      </div>
      <div class="hero-trust">
        <div class="trust-p"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><span data-hi="No automation tools" data-en="No automation tools">No automation tools</span></div>
        <div class="trust-p"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><span data-hi="Real team, manual work" data-en="Real team, manual work">Real team, manual work</span></div>
        <div class="trust-p"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><span data-hi="Pan-India service" data-en="Pan-India service">Pan-India service</span></div>
      </div>
    </div>
    <div class="hero-right">
      <div class="hero-carousel" id="heroC">
        <img src="images/hero-owner.jpg" alt="Business owner" class="act" loading="eager" onerror="this.style.background='var(--blue-m)'">
        <img src="images/hero-owner-1.jpg" alt="Business owner" loading="lazy" onerror="this.style.background='var(--blue-l)'">
        <img src="images/hero-owner-2.jpg" alt="Business owner" loading="lazy" onerror="this.style.background='var(--blue-b)'">
      </div>
      <div class="hero-dots">
        <button class="hdot act" onclick="setHero(0)"></button>
        <button class="hdot" onclick="setHero(1)"></button>
        <button class="hdot" onclick="setHero(2)"></button>
      </div>
    </div>
  </div>
</section>
 
<!-- PROOF BAR -->
<div class="proof-bar">
  <div class="proof-grid">
    <div class="proof-item reveal"><div class="proof-num"><span class="ctr" data-t="200">0</span>+</div><div class="proof-label" data-hi="Calls received in 90 days after GBP management began" data-en="Calls received in 90 days after GBP management began">Calls received in 90 days after GBP management began</div><div class="proof-biz">Shree Lubricant · Engine Oil Mfg.</div></div>
    <div class="proof-item reveal d1"><div class="proof-num"><span class="ctr" data-t="20">0</span>x</div><div class="proof-label" data-hi="More profile visibility within 90 days" data-en="More profile visibility within 90 days">More profile visibility within 90 days</div><div class="proof-biz">Chimukale Paool · Kids Wear Shop</div></div>
    <div class="proof-item reveal d2"><div class="proof-num"><span class="ctr" data-t="20">0</span></div><div class="proof-label" data-hi="Calls in first 30 days on a brand-new profile" data-en="Calls in first 30 days on a brand-new profile">Calls in first 30 days on a brand-new profile</div><div class="proof-biz">Neoplus Service Center · 2-Wheeler Repairs</div></div>
  </div>
</div>
 
<!-- TRUST STRIP -->
<div class="trust-strip">
  <div class="ts-inner">
    <div class="ts-item"><span class="ts-num ctr" data-t="500">0</span><span class="ts-lbl" data-hi="+ Posts Published" data-en="+ Posts Published">+ Posts Published</span></div>
    <div class="ts-dot"></div>
    <div class="ts-item"><span class="ts-num ctr" data-t="15">0</span><span class="ts-lbl" data-hi="+ Active Clients" data-en="+ Active Clients">+ Active Clients</span></div>
    <div class="ts-dot"></div>
    <div class="ts-item"><span class="ts-num">3</span><span class="ts-lbl" data-hi="Cities Served" data-en="Cities Served">Cities Served</span></div>
    <div class="ts-dot"></div>
    <div class="ts-item"><span class="ts-num">100%</span><span class="ts-lbl" data-hi="Manual, Zero Bots" data-en="Manual, Zero Bots">Manual, Zero Bots</span></div>
    <div class="ts-dot"></div>
    <div class="ts-item"><span class="ts-num">48hr</span><span class="ts-lbl" data-hi="Onboarding Time" data-en="Onboarding Time">Onboarding Time</span></div>
  </div>
</div>
 
<!-- PROBLEM -->
<section class="sec alt">
  <div class="wrap">
    <div class="reveal">
      <span class="sec-tag">The Ground Reality</span>
      <h2 class="sec-h" data-hi="Google Pe Ho, Par <span class='bl'>Koi Dekh Nahi Raha?</span>" data-en="On Google, But <span class='bl'>Nobody's Finding You?</span>">Google Pe Ho, Par <span class="bl">Koi Dekh Nahi Raha?</span></h2>
      <p class="sec-sub" data-hi="Having a Google Business Profile is not enough anymore. Only active, consistently managed profiles attract calls, direction requests and walk-ins every day." data-en="Having a Google Business Profile is not enough anymore. Only active, consistently managed profiles attract calls, direction requests and walk-ins every day.">Having a Google Business Profile is not enough anymore. Only active, consistently managed profiles attract calls, direction requests and walk-ins every day.</p>
    </div>
    <div class="prob-grid">
      <div class="prob-card reveal"><div class="prob-icon">📉</div><div><h4 data-hi="Inactive profiles lose visibility" data-en="Inactive profiles lose visibility">Inactive profiles lose visibility</h4><p data-hi="Google favours businesses that post regularly and engage with reviews. Silence costs you search position every single day." data-en="Google favours businesses that post regularly and engage with reviews. Silence costs you search position every single day.">Google favours businesses that post regularly and engage with reviews. Silence costs you search position every single day.</p></div></div>
      <div class="prob-card reveal d1"><div class="prob-icon">🔍</div><div><h4 data-hi="Wrong keywords = wrong audience" data-en="Wrong keywords = wrong audience">Wrong keywords = wrong audience</h4><p data-hi="Without proper keyword research, your profile shows up for searches that don't convert into real customers or walk-ins." data-en="Without proper keyword research, your profile shows up for searches that don't convert into real customers or walk-ins.">Without proper keyword research, your profile shows up for searches that don't convert into real customers or walk-ins.</p></div></div>
      <div class="prob-card reveal"><div class="prob-icon">⭐</div><div><h4 data-hi="Unanswered reviews hurt trust" data-en="Unanswered reviews hurt trust">Unanswered reviews hurt trust</h4><p data-hi="Customers read reviews before they call. An unanswered review silently turns away dozens of potential leads every month." data-en="Customers read reviews before they call. An unanswered review silently turns away dozens of potential leads every month.">Customers read reviews before they call. An unanswered review silently turns away dozens of potential leads every month.</p></div></div>
      <div class="prob-card reveal d1"><div class="prob-icon">🕐</div><div><h4 data-hi="You don't have time for this daily" data-en="You don't have time for this daily">You don't have time for this daily</h4><p data-hi="Running your business is already a full-time job. GBP management needs consistent daily attention — that's exactly what we do for you." data-en="Running your business is already a full-time job. GBP management needs consistent daily attention — that's exactly what we do for you.">Running your business is already a full-time job. GBP management needs consistent daily attention — that's exactly what we do for you.</p></div></div>
    </div>
  </div>
</section>
 
<!-- ORGANIC VS SAAS + RISK METERS -->
<section class="sec">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">The Critical Difference</span>
      <h2 class="sec-h" data-hi="Manual Management vs <span class='or'>SaaS Automation Tools</span>" data-en="Manual Management vs <span class='or'>SaaS Automation Tools</span>">Manual Management vs <span class="or">SaaS Automation Tools</span></h2>
      <p class="sec-sub" data-hi="Most 'GBP management' tools use automation to post across hundreds of profiles at once. Google detects this and penalises it. Here is what actually happens." data-en="Most 'GBP management' tools use automation to post across hundreds of profiles at once. Google detects this and penalises it. Here is what actually happens.">Most 'GBP management' tools use automation to post across hundreds of profiles at once. Google detects this and penalises it. Here is what actually happens.</p>
    </div>
    <div class="ova-grid reveal">
      <div class="ova-card bad">
        <div class="ova-hd"><div class="ic">🤖</div><h3 data-hi="SaaS / Automation Tools" data-en="SaaS / Automation Tools">SaaS / Automation Tools</h3></div>
        <ul class="ova-list">
          <li><span>❌</span><span data-hi="Single tool managing bulk profiles — no personalisation" data-en="Single tool managing bulk profiles — no personalisation">Single tool managing bulk profiles — no personalisation</span></li>
          <li><span>❌</span><span data-hi="Repetitive, copy-paste content posted everywhere" data-en="Repetitive, copy-paste content posted everywhere">Repetitive, copy-paste content posted everywhere</span></li>
          <li><span>❌</span><span data-hi="No monitoring — posts go out, nobody checks" data-en="No monitoring — posts go out, nobody checks">No monitoring — posts go out, nobody checks</span></li>
          <li><span>❌</span><span data-hi="Spam-like activity flags your profile to Google" data-en="Spam-like activity flags your profile to Google">Spam-like activity flags your profile to Google</span></li>
          <li><span>❌</span><span data-hi="No personalised creatives for your business" data-en="No personalised creatives for your business">No personalised creatives for your business</span></li>
          <li><span>❌</span><span data-hi="Account unverification and suspension risk is HIGH" data-en="Account unverification and suspension risk is HIGH">Account unverification and suspension risk is HIGH</span></li>
          <li><span>❌</span><span data-hi="Reviews go unanswered or get robotic replies" data-en="Reviews go unanswered or get robotic replies">Reviews go unanswered or get robotic replies</span></li>
        </ul>
        <div class="ova-result" data-hi="⚠️ 90 days wasted. Profile weaker and at risk of suspension." data-en="⚠️ 90 days wasted. Profile weaker and at risk of suspension.">⚠️ 90 days wasted. Profile weaker and at risk of suspension.</div>
      </div>
      <div class="ova-card good">
        <div class="ova-hd"><div class="ic">👨‍💻</div><h3 data-hi="YourEmployee — Manual Method" data-en="YourEmployee — Manual Method">YourEmployee — Manual Method</h3></div>
        <ul class="ova-list">
          <li><span>✅</span><span data-hi="Dedicated manager for your profile only" data-en="Dedicated manager for your profile only">Dedicated manager for your profile only</span></li>
          <li><span>✅</span><span data-hi="Unique content created fresh for your business daily" data-en="Unique content created fresh for your business daily">Unique content created fresh for your business daily</span></li>
          <li><span>✅</span><span data-hi="Active daily monitoring — nothing slips through" data-en="Active daily monitoring — nothing slips through">Active daily monitoring — nothing slips through</span></li>
          <li><span>✅</span><span data-hi="Natural activity — Google treats you as a trusted business" data-en="Natural activity — Google treats you as a trusted business">Natural activity — Google treats you as a trusted business</span></li>
          <li><span>✅</span><span data-hi="Personalised creatives for your brand and audience" data-en="Personalised creatives for your brand and audience">Personalised creatives for your brand and audience</span></li>
          <li><span>✅</span><span data-hi="Zero suspension risk — we follow Google's guidelines" data-en="Zero suspension risk — we follow Google's guidelines">Zero suspension risk — we follow Google's guidelines</span></li>
          <li><span>✅</span><span data-hi="Every review gets a personal, keyword-rich reply" data-en="Every review gets a personal, keyword-rich reply">Every review gets a personal, keyword-rich reply</span></li>
        </ul>
        <div class="ova-result" data-hi="✅ 90 days of real, genuine work. Profile growing." data-en="✅ 90 days of real, genuine work. Profile growing.">✅ 90 days of real, genuine work. Profile growing.</div>
      </div>
    </div>
    <!-- RISK METERS — animated bars, two cards -->
    <div class="risk-wrap reveal">
      <div class="risk-card danger">
        <div class="risk-card-title">⚠️ SaaS Tools — Risk Level</div>
        <div class="risk-row"><div class="risk-label" data-hi="Profile Suspension Risk" data-en="Profile Suspension Risk">Profile Suspension Risk</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="88"></div></div><div class="risk-badge">VERY HIGH</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Content Spam Detection" data-en="Content Spam Detection">Content Spam Detection</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="80"></div></div><div class="risk-badge">HIGH</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Account Unverification" data-en="Account Unverification">Account Unverification</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="75"></div></div><div class="risk-badge">HIGH</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Personalisation" data-en="Personalisation">Personalisation</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="95"></div></div><div class="risk-badge">NONE</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Active Monitoring" data-en="Active Monitoring">Active Monitoring</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="90"></div></div><div class="risk-badge">ZERO</div></div>
      </div>
      <div class="risk-card safe">
        <div class="risk-card-title">✅ YourEmployee — Safety Level</div>
        <div class="risk-row"><div class="risk-label" data-hi="Profile Safety" data-en="Profile Safety">Profile Safety</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="98"></div></div><div class="risk-badge">MAXIMUM</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Content Quality" data-en="Content Quality">Content Quality</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="95"></div></div><div class="risk-badge">VERY HIGH</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Account Security" data-en="Account Security">Account Security</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="100"></div></div><div class="risk-badge">SAFE</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Personalisation" data-en="Personalisation">Personalisation</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="100"></div></div><div class="risk-badge">FULL</div></div>
        <div class="risk-row"><div class="risk-label" data-hi="Active Monitoring" data-en="Active Monitoring">Active Monitoring</div><div class="risk-bar-wrap"><div class="risk-bar" data-w="100"></div></div><div class="risk-badge">DAILY</div></div>
      </div>
    </div>
  </div>
</section>
 
<!-- WHAT WE DO -->
<section class="sec alt">
  <div class="wrap">
    <div class="wwd-grid">
      <div class="reveal">
        <span class="sec-tag">From Our Brochure</span>
        <h2 class="sec-h" data-hi="Hum Build Karte Hain —<br><span class='bl'>Aapka Brand, Aapka System.</span>" data-en="We Build —<br><span class='bl'>Your Brand, Your System.</span>">Hum Build Karte Hain —<br><span class="bl">Aapka Brand, Aapka System.</span></h2>
        <p class="sec-sub" style="margin-bottom:20px" data-hi="We build systems, strengthen your brand presence and drive leads — so you can focus on what matters most: growing your business." data-en="We build systems, strengthen your brand presence and drive leads — so you can focus on what matters most: growing your business.">We build systems, strengthen your brand presence and drive leads — so you can focus on what matters most: growing your business.</p>
        <div class="wwd-list">
          <div class="wwd-item"><div class="wwd-icon">📍</div><div><h4>GBP Optimisation & Local Visibility</h4><p data-hi="Complete profile setup, daily posting, keyword research, review replies — all done manually to improve your local search presence." data-en="Complete profile setup, daily posting, keyword research, review replies — all done manually to improve your local search presence.">Complete profile setup, daily posting, keyword research, review replies — all done manually to improve your local search presence.</p></div></div>
          <div class="wwd-item"><div class="wwd-icon">🌐</div><div><h4>Premium Website Development</h4><p data-hi="Fast, mobile-friendly and conversion-focused websites that build trust, generate leads and represent your brand professionally." data-en="Fast, mobile-friendly and conversion-focused websites that build trust, generate leads and represent your brand professionally.">Fast, mobile-friendly and conversion-focused websites that build trust, generate leads and represent your brand professionally.</p></div></div>
          <div class="wwd-item"><div class="wwd-icon">📱</div><div><h4>Social Media Management</h4><p data-hi="Daily content creation and posting on Google, Facebook, Instagram and Website with SEO captions, keywords and articles." data-en="Daily content creation and posting on Google, Facebook, Instagram and Website with SEO captions, keywords and articles.">Daily content creation and posting on Google, Facebook, Instagram and Website with SEO captions, keywords and articles.</p></div></div>
          <div class="wwd-item"><div class="wwd-icon">🎯</div><div><h4>Lead Generation Support</h4><p data-hi="Attract, nurture and convert the right customers with strategic digital marketing — more enquiries, more conversions, more growth." data-en="Attract, nurture and convert the right customers with strategic digital marketing — more enquiries, more conversions, more growth.">Attract, nurture and convert the right customers with strategic digital marketing — more enquiries, more conversions, more growth.</p></div></div>
        </div>
      </div>
      <div class="reveal d1">
        <div class="wwd-img">
          <img src="images/results-analytics.jpg" alt="GBP Analytics" loading="lazy" onerror="this.parentElement.style.background='var(--blue-l)';this.style.display='none'">
        </div>
        <div class="mission-box">
          <div style="font-size:.7rem;font-weight:700;color:var(--blue-b);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px">Our Mission</div>
          <div style="font-family:'Bricolage Grotesque',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;line-height:1.4">Build Your Brand.<br>Build Your Systems.<br><span style="color:var(--orange)">Build Your Future.</span></div>
        </div>
      </div>
    </div>
  </div>
</section>
 
<!-- BEFORE AFTER -->
<section class="sec">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">Real Difference We Make</span>
      <h2 class="sec-h" data-hi="GBP Description — <span class='bl'>Before & After</span>" data-en="GBP Description — <span class='bl'>Before & After</span>">GBP Description — <span class="bl">Before & After</span></h2>
      <p class="sec-sub" data-hi="Most profiles have generic descriptions Google ignores. We rewrite with the right keywords so Google shows your profile to the right customers." data-en="Most profiles have generic descriptions Google ignores. We rewrite with the right keywords so Google shows your profile to the right customers.">Most profiles have generic descriptions Google ignores. We rewrite with the right keywords so Google shows your profile to the right customers.</p>
    </div>
    <div class="ba-grid reveal">
      <div class="ba-box before">
        <div class="ba-label">❌ Before — Generic</div>
        <p class="ba-text">"We are a local business. We provide good services. We have experienced staff and good facilities. Contact us for more information."</p>
      </div>
      <div class="ba-box after">
        <div class="ba-label">✅ After — by YourEmployee</div>
        <p class="ba-text">"[Business Name] is a trusted <span class="kw">local service provider</span> in <span class="kw">[Your City]</span>, known for <span class="kw">quality service</span> and <span class="kw">experienced professionals</span>. We specialise in <span class="kw">[your service]</span>, serving customers across <span class="kw">[local areas]</span>. Call us for <span class="kw">fast, reliable service near you</span>."</p>
      </div>
    </div>
    <div class="kw-strip reveal">
      <h4>🔑 Keywords We Research & Embed For Your Business</h4>
      <div class="kw-tags">
        <span class="kw-tag">local service provider</span><span class="kw-tag">your city name</span><span class="kw-tag">near me</span><span class="kw-tag">trusted business</span><span class="kw-tag">experienced professionals</span><span class="kw-tag">fast & reliable</span><span class="kw-tag">specific service type</span><span class="kw-tag">area locality</span><span class="kw-tag">contact today</span><span class="kw-tag">best in city</span>
      </div>
    </div>
  </div>
</section>
 
<!-- GBP SERVICES -->
<section class="sec alt">
  <div class="wrap">
    <div class="reveal">
      <div class="gbp-hd">
        <svg class="google-g" viewBox="0 0 48 48"><path fill="#4285F4" d="M44.5 20H24v8.5h11.8C34.1 34.2 29.6 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 6 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/><path fill="#34A853" d="M6.3 14.7l7 5.1C15.1 16.1 19.2 13 24 13c3.1 0 6 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 16.3 2 9.7 7.4 6.3 14.7z"/><path fill="#FBBC05" d="M24 46c5.5 0 10.4-1.8 14.2-4.9l-6.6-5.4C29.6 37.4 27 38 24 38c-5.5 0-10.1-3.7-11.7-8.8l-7 5.4C8.8 42.3 15.9 46 24 46z"/><path fill="#EA4335" d="M44.5 20H24v8.5h11.8c-.9 2.4-2.5 4.4-4.6 5.7l6.6 5.4C41.6 36.2 45 30.6 45 24c0-1.3-.2-2.7-.5-4z"/></svg>
        <span class="sec-tag" style="margin:0">8 GBP Actions We Take For You</span>
      </div>
      <h2 class="sec-h" data-hi="Yeh Sab Hum Karte Hain —<br><span class='bl'>Aap Sirf Business Karo.</span>" data-en="This Is What We Do —<br><span class='bl'>You Focus on Your Business.</span>">Yeh Sab Hum Karte Hain —<br><span class="bl">Aap Sirf Business Karo.</span></h2>
    </div>
    <div class="svc-grid">
      <div class="svc-card reveal"><div class="svc-ic">🚀</div><h3>GBP Optimisation</h3><p data-hi="Complete profile setup, category selection, service listing, keyword-rich description — done before daily work begins." data-en="Complete profile setup, category selection, service listing, keyword-rich description — done before daily work begins.">Complete profile setup, category selection, service listing, keyword-rich description — done before daily work begins.</p><div class="svc-free-badge">Worth ₹8,000 · Free</div></div>
      <div class="svc-card reveal d1"><div class="svc-ic">📅</div><h3>Daily Posting to Keep GBP Active</h3><p data-hi="Regular posts, images, offers and updates published manually every single day to keep your profile active and relevant." data-en="Regular posts, images, offers and updates published manually every single day to keep your profile active and relevant.">Regular posts, images, offers and updates published manually every single day to keep your profile active and relevant.</p><img src="images/service-posting.jpg" class="svc-img" alt="Daily posting" loading="lazy" onerror="this.outerHTML='<div class=\'svc-img-ph\'>service-posting.jpg</div>'"></div>
      <div class="svc-card reveal d2"><div class="svc-ic">📈</div><h3>Increase Local Visibility</h3><p data-hi="Improve local ranking and map visibility so the right customers in your area find your business when they search Google." data-en="Improve local ranking and map visibility so the right customers in your area find your business when they search Google.">Improve local ranking and map visibility so the right customers in your area find your business when they search Google.</p></div>
      <div class="svc-card reveal d3"><div class="svc-ic">🔑</div><h3>SEO Keywords Research</h3><p data-hi="In-depth keyword research for your business type and location. Every post built around what your customers are searching." data-en="In-depth keyword research for your business type and location. Every post built around what your customers are searching.">In-depth keyword research for your business type and location. Every post built around what your customers are searching.</p></div>
      <div class="svc-card reveal"><div class="svc-ic">💬</div><h3>Reply to Reviews with SEO Keywords</h3><p data-hi="Professional replies to all reviews using relevant SEO keywords — builds trust, strengthens profile and improves local ranking." data-en="Professional replies to all reviews using relevant SEO keywords — builds trust, strengthens profile and improves local ranking.">Professional replies to all reviews using relevant SEO keywords — builds trust, strengthens profile and improves local ranking.</p></div>
      <div class="svc-card reveal d1"><div class="svc-ic">🖼️</div><h3>Daily Image + SEO Description Posting</h3><p data-hi="High quality images uploaded with SEO-friendly descriptions every day — improving engagement and search relevance." data-en="High quality images uploaded with SEO-friendly descriptions every day — improving engagement and search relevance.">High quality images uploaded with SEO-friendly descriptions every day — improving engagement and search relevance.</p></div>
      <div class="svc-card reveal d2"><div class="svc-ic">📊</div><h3>Monthly Report & Consultation</h3><p data-hi="Detailed monthly report — profile views, search terms, call clicks, direction requests — plus a consultation to plan ahead." data-en="Detailed monthly report — profile views, search terms, call clicks, direction requests — plus a consultation to plan ahead.">Detailed monthly report — profile views, search terms, call clicks, direction requests — plus a consultation to plan ahead.</p></div>
      <div class="svc-card reveal d3"><div class="svc-ic">📢</div><h3>Offers, Updates & Announcements</h3><p data-hi="We post your offers, festive updates and announcements on your GBP — keeping your profile fresh and giving customers a reason to engage." data-en="We post your offers, festive updates and announcements on your GBP — keeping your profile fresh and giving customers a reason to engage.">We post your offers, festive updates and announcements on your GBP — keeping customers a reason to engage.</p></div>
    </div>
  </div>
</section>
 
<!-- CAPABILITIES SHOWCASE -->
<section class="sec">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">Our Work in Action</span>
      <h2 class="sec-h" data-hi="Creatives We Make —<br><span class='bl'>Real Work, Real Results.</span>" data-en="Creatives We Make —<br><span class='bl'>Real Work, Real Results.</span>">Creatives We Make —<br><span class="bl">Real Work, Real Results.</span></h2>
      <p class="sec-sub" data-hi="Every post below is the type of content we create for businesses — manually, every single day." data-en="Every post below is the type of content we create for businesses — manually, every single day.">Every post below is the type of content we create for businesses — manually, every single day.</p>
    </div>
    <div class="cap-grid reveal">
      <div class="cap-item"><img src="images/post-1.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>01</span><span class=\'cl\'>Admissions Open<br>post-1.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-2.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>02</span><span class=\'cl\'>Festival Wish<br>post-2.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-3.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>03</span><span class=\'cl\'>Special Offer<br>post-3.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-4.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>04</span><span class=\'cl\'>Testimonial Post<br>post-4.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-5.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>05</span><span class=\'cl\'>Independence Day<br>post-5.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-6.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>06</span><span class=\'cl\'>Tips & Advice<br>post-6.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-7.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>07</span><span class=\'cl\'>Before After<br>post-7.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-8.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>08</span><span class=\'cl\'>Review Highlight<br>post-8.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-9.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>09</span><span class=\'cl\'>Product Showcase<br>post-9.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-10.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>10</span><span class=\'cl\'>Festival Greeting<br>post-10.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-11.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>11</span><span class=\'cl\'>Achievement Post<br>post-11.jpg</span></div>'"></div>
      <div class="cap-item"><img src="images/post-12.jpg" alt="Post" loading="lazy" onerror="this.outerHTML='<div class=\'cap-ph\'><span class=\'cn\'>12</span><span class=\'cl\'>Team / Behind Scenes<br>post-12.jpg</span></div>'"></div>
    </div>
    <!-- SCROLLING TICKER -->
    <div class="ticker-wrap">
      <div class="ticker-row r1">
        <div class="tick-item"><img src="images/post-1.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>📱</span><span>p-1</span></div>'"></div>
        <div class="tick-item"><img src="images/post-2.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🎉</span><span>p-2</span></div>'"></div>
        <div class="tick-item"><img src="images/post-3.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🏷️</span><span>p-3</span></div>'"></div>
        <div class="tick-item"><img src="images/post-4.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>⭐</span><span>p-4</span></div>'"></div>
        <div class="tick-item"><img src="images/post-5.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🇮🇳</span><span>p-5</span></div>'"></div>
        <div class="tick-item"><img src="images/post-6.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>💡</span><span>p-6</span></div>'"></div>
        <div class="tick-item"><img src="images/post-7.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>📊</span><span>p-7</span></div>'"></div>
        <div class="tick-item"><img src="images/post-1.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>📱</span><span>p-1</span></div>'"></div>
        <div class="tick-item"><img src="images/post-2.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🎉</span><span>p-2</span></div>'"></div>
        <div class="tick-item"><img src="images/post-3.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🏷️</span><span>p-3</span></div>'"></div>
        <div class="tick-item"><img src="images/post-4.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>⭐</span><span>p-4</span></div>'"></div>
        <div class="tick-item"><img src="images/post-5.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🇮🇳</span><span>p-5</span></div>'"></div>
        <div class="tick-item"><img src="images/post-6.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>💡</span><span>p-6</span></div>'"></div>
        <div class="tick-item"><img src="images/post-7.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>📊</span><span>p-7</span></div>'"></div>
      </div>
      <div class="ticker-row r2">
        <div class="tick-item"><img src="images/post-8.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>💬</span><span>p-8</span></div>'"></div>
        <div class="tick-item"><img src="images/post-9.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🛍️</span><span>p-9</span></div>'"></div>
        <div class="tick-item"><img src="images/post-10.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🪔</span><span>p-10</span></div>'"></div>
        <div class="tick-item"><img src="images/post-11.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🏆</span><span>p-11</span></div>'"></div>
        <div class="tick-item"><img src="images/post-12.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>👥</span><span>p-12</span></div>'"></div>
        <div class="tick-item"><img src="images/post-1.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>📱</span><span>p-1</span></div>'"></div>
        <div class="tick-item"><img src="images/post-2.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🎉</span><span>p-2</span></div>'"></div>
        <div class="tick-item"><img src="images/post-8.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>💬</span><span>p-8</span></div>'"></div>
        <div class="tick-item"><img src="images/post-9.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🛍️</span><span>p-9</span></div>'"></div>
        <div class="tick-item"><img src="images/post-10.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🪔</span><span>p-10</span></div>'"></div>
        <div class="tick-item"><img src="images/post-11.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🏆</span><span>p-11</span></div>'"></div>
        <div class="tick-item"><img src="images/post-12.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>👥</span><span>p-12</span></div>'"></div>
        <div class="tick-item"><img src="images/post-1.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>📱</span><span>p-1</span></div>'"></div>
        <div class="tick-item"><img src="images/post-2.jpg" alt="" onerror="this.outerHTML='<div class=\'tick-ph\'><span>🎉</span><span>p-2</span></div>'"></div>
      </div>
    </div>
  </div>
</section>
 
<!-- VIDEO -->
<section class="sec alt">
  <div class="wrap tc">
    <div class="reveal">
      <span class="sec-tag">See Us in Action</span>
      <h2 class="sec-h" data-hi="Watch How We Manage <span class='bl'>a GBP Profile</span>" data-en="Watch How We Manage <span class='bl'>a GBP Profile</span>">Watch How We Manage <span class="bl">a GBP Profile</span></h2>
    </div>
    <div class="video-ph reveal">
      <div class="video-soon">Coming Soon</div>
      <div class="video-play"><svg viewBox="0 0 24 24"><polygon points="5,3 19,12 5,21"/></svg></div>
      <h4>Behind the Scenes — Our Daily GBP Work</h4>
      <p>A real walkthrough of how we manage, post and optimise a Google Business Profile every day.</p>
    </div>
  </div>
</section>
 
<!-- WHY DIFFERENT -->
<section class="sec">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">Why Choose Us</span>
      <h2 class="sec-h" data-hi="YourEmployee vs <span class='or'>SaaS Platforms</span> vs <span class='or'>Agencies</span>" data-en="YourEmployee vs <span class='or'>SaaS Platforms</span> vs <span class='or'>Agencies</span>">YourEmployee vs <span class="or">SaaS Platforms</span> vs <span class="or">Agencies</span></h2>
    </div>
    <div class="diff-table reveal">
      <div class="diff-head"><span>What Matters</span><span>YourEmployee</span><span>SaaS Tools</span><span>Agencies</span></div>
      <div class="diff-row"><div class="diff-feat">Manual daily posting (no bots)</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val maybe">~</div></div>
      <div class="diff-row"><div class="diff-feat">Dedicated account manager</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val maybe">~</div></div>
      <div class="diff-row"><div class="diff-feat">Monthly report with real data</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val maybe">~</div></div>
      <div class="diff-row"><div class="diff-feat">Zero automation — 100% manual</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val no">✗</div></div>
      <div class="diff-row"><div class="diff-feat">Profile suspension risk</div><div class="diff-val yes" style="font-size:.74rem;color:var(--green)">NONE</div><div class="diff-val no" style="font-size:.74rem">HIGH</div><div class="diff-val maybe" style="font-size:.74rem">MED</div></div>
      <div class="diff-row"><div class="diff-feat">SEO keyword research per business</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val maybe">~</div></div>
      <div class="diff-row"><div class="diff-feat">Personalised daily creatives</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val maybe">~</div></div>
      <div class="diff-row"><div class="diff-feat">Review replies with SEO keywords</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val no">✗</div></div>
      <div class="diff-row"><div class="diff-feat">WhatsApp support always available</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val no">✗</div></div>
      <div class="diff-row"><div class="diff-feat">GST registered company</div><div class="diff-val yes">✓</div><div class="diff-val no">✗</div><div class="diff-val maybe">~</div></div>
    </div>
    <p style="text-align:center;font-size:.74rem;color:var(--faint);margin-top:8px">✓ = Yes &nbsp;·&nbsp; ~ = Sometimes &nbsp;·&nbsp; ✗ = No</p>
  </div>
</section>
 
<!-- DO DONT -->
<div class="dd-section">
  <div class="dd-bg"><img src="images/team-working.jpg" alt="" loading="lazy"></div>
  <div class="dd-content sec">
    <div class="wrap">
      <div class="reveal tc">
        <span class="sec-tag">Our Work Ethic</span>
        <h2 class="sec-h" data-hi="Hum Genuinely Kaam Karte Hain —<br><span class='bl'>Yeh Hai Hamara Farak.</span>" data-en="We Work Genuinely —<br><span class='bl'>That Is Our Difference.</span>">Hum Genuinely Kaam Karte Hain —<br><span class="bl">Yeh Hai Hamara Farak.</span></h2>
      </div>
      <div class="dd-grid">
        <div class="dd-card do reveal">
          <div class="dd-hd"><div class="dd-badge">✓</div><h4 data-hi="Yeh Karte Hain Hum" data-en="What We Always Do">Yeh Karte Hain Hum</h4></div>
          <ul class="dd-list">
            <li><span>✅</span><span>Manual posts every single day — no bots, no tools</span></li>
            <li><span>✅</span><span>Real keyword research specific to your business</span></li>
            <li><span>✅</span><span>Personal, thoughtful reply to every review</span></li>
            <li><span>✅</span><span>Monthly detailed performance report delivered</span></li>
            <li><span>✅</span><span>Dedicated account manager assigned to you</span></li>
            <li><span>✅</span><span>WhatsApp support — always reachable</span></li>
            <li><span>✅</span><span>Personalised creatives for your brand</span></li>
          </ul>
        </div>
        <div class="dd-card dont reveal d1">
          <div class="dd-hd"><div class="dd-badge">✗</div><h4 data-hi="Yeh Kabhi Nahi Karte" data-en="What We Never Do">Yeh Kabhi Nahi Karte</h4></div>
          <ul class="dd-list">
            <li><span>❌</span><span>Automation tools or bots for posting — ever</span></li>
            <li><span>❌</span><span>Copy-paste content across multiple clients</span></li>
            <li><span>❌</span><span>Bulk scheduling tools that risk your profile</span></li>
            <li><span>❌</span><span>Generic, robotic review replies</span></li>
            <li><span>❌</span><span>Disappear after payment is received</span></li>
            <li><span>❌</span><span>Make you chase us for updates</span></li>
            <li><span>❌</span><span>Ask for your primary Google login password</span></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
 
<!-- HOW IT WORKS -->
<section class="sec alt">
  <div class="wrap-md">
    <div class="reveal tc">
      <span class="sec-tag">Getting Started</span>
      <h2 class="sec-h" data-hi="Shuru Karna Hai? <span class='bl'>Bas 3 Steps.</span>" data-en="Ready to Start? <span class='bl'>Just 3 Steps.</span>">Shuru Karna Hai? <span class="bl">Bas 3 Steps.</span></h2>
    </div>
    <div class="how-grid reveal">
      <div class="how-step"><div class="how-bub">1</div><h4>Pay & Share Access</h4><p>Choose your plan, complete payment via Razorpay. Our team calls within 24 hours to collect Manager-level GBP access. Your login stays with you always.</p></div>
      <div class="how-step"><div class="how-bub">2</div><h4>We Optimise First</h4><p>Our experts complete the full ₹8,000 profile optimisation before daily work begins — right categories, description and keyword foundation set up correctly.</p></div>
      <div class="how-step"><div class="how-bub">3</div><h4>We Work. You Focus.</h4><p>Daily posting, keyword updates, review replies — all handled by our team every day. You run your business. We manage your Google presence.</p></div>
    </div>
  </div>
</section>
 
<!-- WORK PROCESS -->
<section class="sec">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">Our Process</span>
      <h2 class="sec-h" data-hi="Hamara <span class='bl'>Work Process</span>" data-en="Our <span class='bl'>Work Process</span>">Hamara <span class="bl">Work Process</span></h2>
      <p class="sec-sub" data-hi="From understanding your business to delivering real visibility — every step is deliberate, data-driven and done by a real team." data-en="From understanding your business to delivering real visibility — every step is deliberate, data-driven and done by a real team.">From understanding your business to delivering real visibility — every step is deliberate, data-driven and done by a real team.</p>
    </div>
    <div class="proc-flow reveal">
      <div class="proc-step"><div class="proc-num">1</div><h4>Understand Business & Goals</h4><p>We learn your business, audience and local market</p></div>
      <div class="proc-step"><div class="proc-num">2</div><h4>Strategy & Plan Creation</h4><p>Keyword strategy, content plan and optimisation roadmap</p></div>
      <div class="proc-step"><div class="proc-num">3</div><h4>Design, Build & Implement</h4><p>Full profile optimisation done before daily work begins</p></div>
      <div class="proc-step"><div class="proc-num">4</div><h4>Daily Management</h4><p>Posts, keywords, reviews — handled every single day</p></div>
      <div class="proc-step"><div class="proc-num">5</div><h4>Track, Analyse & Improve</h4><p>Monthly data reviewed and strategy adjusted</p></div>
      <div class="proc-step"><div class="proc-num">6</div><h4>Visibility. Calls. Growth.</h4><p>Your business found by more customers</p></div>
    </div>
  </div>
</section>
 
<!-- PRICING -->
<section id="pricing" class="sec alt">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">Choose Your Plan</span>
      <h2 class="sec-h" data-hi="Ek Choti Si Investment —<br><span class='bl'>Bade Results Ki Taraf.</span>" data-en="A Small Investment —<br><span class='bl'>Towards Bigger Results.</span>">Ek Choti Si Investment —<br><span class="bl">Bade Results Ki Taraf.</span></h2>
    </div>
    <p class="anc-line reveal">All plans include FREE ₹8,000 optimisation. If paid monthly it costs <strong>₹1,999/month</strong> — choose a plan and save.</p>
    <div class="plan-grid reveal">
      <div class="plan">
        <div class="plan-dur">3 Month Plan</div>
        <div class="plan-price"><sup>₹</sup>4,999</div>
        <div class="plan-per">billed once · 3 months covered</div>
        <div class="plan-eff">₹1,666/month effective</div>
        <div class="plan-save">✓ Save ₹997 vs monthly</div>
        <div class="plan-div"></div>
        <ul class="plan-feats">
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>All 8 GBP services</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><strong>FREE ₹8,000 optimisation</strong></li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>Daily manual posting</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>3 monthly reports</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>WhatsApp support</li>
        </ul>
        <a href="https://rzp.io/l/gbp-3month" class="plan-btn out" target="_blank" rel="noopener">Start 3 Month Plan →</a>
      </div>
      <div class="plan feat">
        <div class="plan-rib">Popular</div>
        <div class="plan-dur">6 Month Plan</div>
        <div class="plan-price"><sup>₹</sup>8,999</div>
        <div class="plan-per">billed once · 6 months covered</div>
        <div class="plan-eff">₹1,499/month effective</div>
        <div class="plan-save">✓ Save ₹2,995 vs monthly</div>
        <div class="plan-div"></div>
        <ul class="plan-feats">
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>All 8 GBP services</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><strong>FREE ₹8,000 optimisation</strong></li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>Daily manual posting</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>6 monthly reports + mid-term call</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><strong>Priority WhatsApp support</strong></li>
        </ul>
        <a href="https://rzp.io/l/gbp-6month" class="plan-btn fill" target="_blank" rel="noopener">Start 6 Month Plan →</a>
      </div>
      <div class="plan">
        <div class="plan-dur">Annual Plan</div>
        <div class="plan-price"><sup>₹</sup>15,999</div>
        <div class="plan-per">billed once · full year covered</div>
        <div class="plan-eff">₹1,333/month effective</div>
        <div class="plan-save">✓ Save ₹7,989 — 2.5 months free</div>
        <div class="plan-div"></div>
        <ul class="plan-feats">
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>All 8 GBP services</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><strong>FREE ₹8,000 optimisation</strong></li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>Daily manual posting</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg>12 monthly reports + quarterly calls</li>
          <li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20,6 9,17 4,12"/></svg><strong>Best value — maximum savings</strong></li>
        </ul>
        <a href="https://rzp.io/l/gbp-annual" class="plan-btn out" target="_blank" rel="noopener">Start Annual Plan →</a>
      </div>
    </div>
    <p class="price-note reveal">One new customer from Google often means <span>₹3,000–₹10,000 in revenue</span> for a local business. The 3-month plan is just <span>₹55/day.</span></p>
    <div class="mock-wrap reveal">
      <div class="mock-frame">
        <div class="mock-imgs" id="mockG">
          <img src="images/mobile-mockup.jpg" alt="GBP on mobile" class="act" loading="lazy" onerror="this.style.opacity='0'">
          <img src="images/mobile-mockup-1.jpg" alt="GBP posts" loading="lazy" onerror="this.style.opacity='0'">
          <img src="images/mobile-mockup-2.jpg" alt="GBP analytics" loading="lazy" onerror="this.style.opacity='0'">
        </div>
        <div class="mock-dots">
          <button class="mdot act" onclick="setMock(0)"></button>
          <button class="mdot" onclick="setMock(1)"></button>
          <button class="mdot" onclick="setMock(2)"></button>
        </div>
      </div>
      <p class="mock-hint">Tap to see different GBP views on mobile</p>
    </div>
  </div>
</section>
 
<!-- POST PAYMENT -->
<div class="post-pay">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">After Payment</span>
      <h2 class="sec-h" data-hi="Payment Ke Baad —<br>Exactly Yeh Hoga." data-en="After Payment —<br>Here Is Exactly What Happens.">Payment Ke Baad —<br>Exactly Yeh Hoga.</h2>
    </div>
    <div class="post-steps reveal">
      <div class="ps"><div class="ps-ic">💬</div><h4>Instant WhatsApp</h4><p>Confirmation sent to your WhatsApp immediately</p></div>
      <div class="ps"><div class="ps-ic">📞</div><h4>Call Within 24 Hrs</h4><p>Team member calls to understand your business</p></div>
      <div class="ps"><div class="ps-ic">🔑</div><h4>Access Setup</h4><p>Manager access only — your login stays yours</p></div>
      <div class="ps"><div class="ps-ic">🚀</div><h4>Work in 48 Hrs</h4><p>Optimisation + daily posting starts within 48 hrs</p></div>
      <div class="ps"><div class="ps-ic">📊</div><h4>Report in 30 Days</h4><p>Complete activity and performance report delivered</p></div>
    </div>
    <div class="post-promise reveal">
      <p>We believe <strong>every rupee you invest should be visible in work done.</strong> Detailed monthly report — actual data showing what we did and how your profile performed.</p>
    </div>
  </div>
</div>
 
<!-- TESTIMONIALS -->
<section class="testi-sec">
  <div class="testi-bg-w">
    <img src="images/testimonials-bg.jpg" alt="" class="act">
    <img src="images/testimonials-bg-1.jpg" alt="">
    <img src="images/testimonials-bg-2.jpg" alt="">
  </div>
  <div class="testi-ct wrap">
    <div class="reveal tc">
      <span class="sec-tag">Real Clients. Real Results.</span>
      <h2 class="sec-h" data-hi="Unke Businesses Ki Kahani —<br><span class='bl'>Unhi Ki Zubaani.</span>" data-en="Their Business Stories —<br><span class='bl'>In Their Own Words.</span>">Unke Businesses Ki Kahani —<br><span class="bl">Unhi Ki Zubaani.</span></h2>
    </div>
    <div class="testi-grid">
      <div class="testi-card reveal"><div class="testi-stars">★★★★★</div><p class="testi-text">"After YourEmployee started managing our GBP, we received 200+ calls in 90 days. The profile looks professional and customers find us easily on Google Maps."</p><div class="testi-auth"><div class="testi-av" style="background:#2563EB">SL</div><div><div class="testi-name">Shree Lubricant</div><div class="testi-biz">Engine Oil Manufacturer · Mumbai</div></div></div></div>
      <div class="testi-card reveal d1"><div class="testi-stars">★★★★★</div><p class="testi-text">"Our kids wear shop saw 20x more profile visibility in 90 days. Customers who had never heard of us started finding us on Google and walking into the store."</p><div class="testi-auth"><div class="testi-av" style="background:#0EA5E9">CP</div><div><div class="testi-name">Chimukale Paool</div><div class="testi-biz">Kids Wear Shop · Pune</div></div></div></div>
      <div class="testi-card reveal d2"><div class="testi-stars">★★★★★</div><p class="testi-text">"We had a brand new profile with zero history. Within 30 days we were receiving 20 calls. The daily posting activity really makes a difference — you can see it in the data."</p><div class="testi-auth"><div class="testi-av" style="background:#7C3AED">NS</div><div><div class="testi-name">Neoplus Service Center</div><div class="testi-biz">2-Wheeler Repairs · Mumbai</div></div></div></div>
    </div>
  </div>
</section>
 
<!-- BEYOND GBP -->
<section class="sec">
  <div class="wrap">
    <div class="reveal tc">
      <span class="sec-tag">Beyond GBP</span>
      <h2 class="sec-h" data-hi="Aur Bhi Bahut Kuch —<br><span class='bl'>What Else We Build.</span>" data-en="We Do Much More —<br><span class='bl'>What Else We Build.</span>">Aur Bhi Bahut Kuch —<br><span class="bl">What Else We Build.</span></h2>
      <p class="sec-sub" data-hi="YourEmployee is the CMO of your business — beyond GBP, we build your entire digital presence and smart business systems." data-en="YourEmployee is the CMO of your business — beyond GBP, we build your entire digital presence and smart business systems.">YourEmployee is the CMO of your business — beyond GBP, we build your entire digital presence and smart business systems.</p>
    </div>
    <div class="beyond-grid reveal">
      <div class="beyond-card"><div class="beyond-top"><div class="beyond-ic">🌐</div><h4>Website Development</h4></div><p>Fast, mobile-first websites that convert visitors into customers and build your brand credibility online.</p><a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20Website%20Development" class="btn-wa" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Ask on WhatsApp</a></div>
      <div class="beyond-card"><div class="beyond-top"><div class="beyond-ic">🤖</div><h4>AI Implementation</h4></div><p>Smart AI tools integrated into your business workflow — automate the right things, save time, increase output.</p><a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20AI%20Implementation" class="btn-wa" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Ask on WhatsApp</a></div>
      <div class="beyond-card"><div class="beyond-top"><div class="beyond-ic">🛠️</div><h4>Custom Tools Development</h4></div><p>Purpose-built digital tools designed specifically for how your business operates — not generic off-the-shelf software.</p><a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20Custom%20Tools" class="btn-wa" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Ask on WhatsApp</a></div>
      <div class="beyond-card"><div class="beyond-top"><div class="beyond-ic">📊</div><h4>Dashboards & Analytics</h4></div><p>Real-time data dashboards so you always know what's working, what isn't and where to focus your energy next.</p><a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20Dashboards%20and%20Analytics" class="btn-wa" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Ask on WhatsApp</a></div>
      <div class="beyond-card"><div class="beyond-top"><div class="beyond-ic">👑</div><h4>Founder's Choice CRM</h4></div><p>A CRM built around how you actually run your business — not how a software company thinks you should.</p><a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20the%20CRM" class="btn-wa" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Ask on WhatsApp</a></div>
      <div class="beyond-card"><div class="beyond-top"><div class="beyond-ic">✅</div><h4>CEO's Choice Task Delegation</h4></div><p>Systems that let you delegate, track and scale operations without chaos — so you lead, not manage.</p><a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20know%20more%20about%20Task%20Delegation%20Systems" class="btn-wa" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>Ask on WhatsApp</a></div>
    </div>
    <div class="beyond-cta reveal">
      <a href="https://wa.me/919920901601?text=Hi,%20I%20want%20to%20discuss%20all%20your%20services%20for%20my%20business" class="btn-wa-big" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
        Discuss All Services on WhatsApp
      </a>
    </div>
  </div>
</section>
 
<!-- FAQ -->
<section class="sec alt">
  <div class="wrap-sm">
    <div class="reveal tc">
      <span class="sec-tag">Common Questions</span>
      <h2 class="sec-h" data-hi="Kuch Sawaal? <span class='bl'>Hum Jaante The.</span>" data-en="Have Questions? <span class='bl'>We Expected That.</span>">Kuch Sawaal? <span class="bl">Hum Jaante The.</span></h2>
    </div>
    <div class="faq-list reveal">
      <div class="faq-item"><button class="faq-q">Do I need to give you my Google password?<div class="faq-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div></button><div class="faq-a"><div class="faq-a-in">No. We work with Manager-level access only — your primary Google account and login stay fully under your control at all times. We never ask for your password.</div></div></div>
      <div class="faq-item"><button class="faq-q">What if I already have a GBP profile?<div class="faq-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div></button><div class="faq-a"><div class="faq-a-in">Perfect — we work with both new and existing profiles. The free ₹8,000 optimisation applies to all. Existing inactive profiles often see strong improvement after our initial optimisation.</div></div></div>
      <div class="faq-item"><button class="faq-q">How do I track what work is being done daily?<div class="faq-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div></button><div class="faq-a"><div class="faq-a-in">You can see posts directly on your Google profile every day. You also receive a detailed monthly report covering all activity — posts, review replies, keyword updates and performance data.</div></div></div>
      <div class="faq-item"><button class="faq-q">What does daily posting actually mean?<div class="faq-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div></button><div class="faq-a"><div class="faq-a-in">Our team manually creates and publishes one Google post on your profile every day — fresh content, targeted keywords, specific to your business. No automation. A real person, every single day.</div></div></div>
      <div class="faq-item"><button class="faq-q">What happens after my plan period ends?<div class="faq-ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></div></button><div class="faq-a"><div class="faq-a-in">Our team reaches out before your plan ends to discuss renewal. You are under no obligation. If you choose not to renew, we hand back access cleanly with no complications.</div></div></div>
    </div>
  </div>
</section>
 
<!-- URGENCY -->
<div class="urgency">
  <div class="urg-in">
    <div class="urg-text">
      <h4>Limited Onboarding Slots Available</h4>
      <p>We onboard a limited number of new businesses each month to maintain quality. Currently accepting new clients across Mumbai, Pune and Pan-India.</p>
    </div>
    <div class="urg-badge">🕐 Currently Accepting Clients</div>
  </div>
</div>
 
<!-- GST BAR -->
<div class="gst-bar">
  <div class="gst-in">
    <div class="gst-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>GST Registered Business</div>
    <div class="gst-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg>GSTIN: 27AIEPT2194C1Z8</div>
    <div class="gst-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>Payments via Razorpay</div>
    <div class="gst-item"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.99 1.18 2 2 0 013 .93h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L7.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0121 16l.92.92z"/></svg>Namaste@youremployee.in</div>
  </div>
</div>
 
<!-- FOOTER -->
<footer>
  <div class="foot-in">
    <div>
      <div class="foot-logo">YourEmployee <span>·</span> CMO of your Business</div>
      <div class="foot-sub">Helping Indian Businesses Get Discovered Online · GSTIN 27AIEPT2194C1Z8</div>
    </div>
    <div class="foot-links">
      <a href="#">Privacy Policy</a>
      <a href="#">Terms of Service</a>
      <a href="#">Refund Policy</a>
      <a href="https://wa.me/919920901601" target="_blank" rel="noopener">WhatsApp</a>
      <a href="mailto:Namaste@youremployee.in">Email Us</a>
    </div>
    <div class="foot-copy">© 2025 YourEmployee · youremployee.in</div>
  </div>
</footer>
 
<!-- STICKY BAR -->
<div class="sticky" id="stickyBar">
  <div class="sticky-in">
    <div class="sticky-msg">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20,6 9,17 4,12"/></svg>
      Setup call within 24 hrs · GST verified · Razorpay secured
    </div>
    <div class="sticky-btns">
      <a href="https://rzp.io/l/gbp-6month" class="s-btn blue" target="_blank" rel="noopener">6 Months — ₹8,999</a>
      <a href="https://rzp.io/l/gbp-annual" class="s-btn orange" target="_blank" rel="noopener">Annual — ₹15,999 · Best Value</a>
    </div>
  </div>
</div>
 
<script>
/* LANGUAGE */
let lang='hi';
function setLang(l){
  lang=l;
  document.getElementById('btn-en').classList.toggle('act',l==='en');
  document.getElementById('btn-hi').classList.toggle('act',l==='hi');
  document.querySelectorAll('[data-hi],[data-en]').forEach(el=>{
    const v=el.getAttribute('data-'+l);
    if(v!==null)el.innerHTML=v;
  });
}
 
/* HERO CAROUSEL */
const heroImgs=document.querySelectorAll('#heroC img');
const hdots=document.querySelectorAll('.hdot');
let hIdx=0,hT;
function setHero(i){
  heroImgs[hIdx].classList.remove('act');hdots[hIdx].classList.remove('act');
  hIdx=i;heroImgs[hIdx].classList.add('act');hdots[hIdx].classList.add('act');
  clearInterval(hT);hT=setInterval(()=>setHero((hIdx+1)%heroImgs.length),4500);
}
hT=setInterval(()=>setHero((hIdx+1)%heroImgs.length),4500);
 
/* TESTI BG */
const tbgs=document.querySelectorAll('.testi-bg-w img');
let tIdx=0;
setInterval(()=>{tbgs[tIdx].classList.remove('act');tIdx=(tIdx+1)%tbgs.length;tbgs[tIdx].classList.add('act');},9000);
 
/* MOCK GALLERY */
const mImgs=document.querySelectorAll('#mockG img');
const mdots=document.querySelectorAll('.mdot');
function setMock(i){mImgs.forEach(m=>m.classList.remove('act'));mdots.forEach(d=>d.classList.remove('act'));mImgs[i].classList.add('act');mdots[i].classList.add('act');}
 
/* COUNTER ANIMATION */
function animCtr(el,target,dur){
  let start=null;
  function step(ts){
    if(!start)start=ts;
    const p=Math.min((ts-start)/dur,1);
    el.textContent=Math.floor((1-Math.pow(1-p,3))*target);
    if(p<1)requestAnimationFrame(step);else el.textContent=target;
  }
  requestAnimationFrame(step);
}
 
/* RISK BAR ANIMATION */
function animRiskBars(){
  document.querySelectorAll('.risk-bar').forEach(bar=>{
    const w=bar.dataset.w;
    setTimeout(()=>{bar.style.width=w+'%';},100);
  });
}
 
/* SCROLL REVEAL */
let ctrsRun=false,riskRun=false;
const reveals=document.querySelectorAll('.reveal');
const io=new IntersectionObserver(entries=>{
  entries.forEach(e=>{
    if(!e.isIntersecting)return;
    e.target.classList.add('on');
    if(!ctrsRun&&(e.target.classList.contains('proof-item')||e.target.closest('.proof-bar')||e.target.closest('.trust-strip'))){
      ctrsRun=true;
      document.querySelectorAll('.ctr').forEach(c=>animCtr(c,parseInt(c.dataset.t),1800));
    }
    if(!riskRun&&e.target.closest('.risk-wrap')){
      riskRun=true;animRiskBars();
    }
  });
},{threshold:.15});
reveals.forEach(el=>io.observe(el));
 
/* Also observe risk-wrap directly for mid-page entry */
const rw=document.querySelector('.risk-wrap');
if(rw)io.observe(rw);
 
/* STICKY */
const stickyBar=document.getElementById('stickyBar');
const heroSec=document.querySelector('.hero');
window.addEventListener('scroll',()=>{
  stickyBar.classList.toggle('on',heroSec.getBoundingClientRect().bottom<0);
},{passive:true});
 
/* FAQ */
document.querySelectorAll('.faq-q').forEach(btn=>{
  btn.addEventListener('click',()=>{
    const item=btn.parentElement;
    const wasOpen=item.classList.contains('open');
    document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));
    if(!wasOpen)item.classList.add('open');
  });
});
</script>
</body>
</html>