https://www.lowballer.co/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Lowballer - AI-Powered Marketplace Negotiation</title>
7
8    <!-- Favicon -->
9    <link rel="icon" type="image/svg+xml" href="/assets/icon/logo.svg" />
10    <link rel="icon" type="image/png" href="/assets/icon/logo.svg" />
11    <link rel="apple-touch-icon" href="/assets/icon/logo.svg" />
12
13    <!-- Open Graph / Social Media Preview Tags -->
14    <meta
15      property="og:title"
16      content="Lowballer - AI-Powered Marketplace Negotiation"
17    />
18    <meta
19      property="og:description"
20      content="Lowballer leverages cutting-edge AI models to analyze listings, calculate depreciation, and determine the best buy price."
21    />
22    <meta
23      property="og:image"
24      content="https://lowballer.co/assets/img/lowballer-preview.png"
25    />
26    <meta property="og:url" content="https://lowballer.co" />
27    <meta property="og:type" content="website" />
28
29    <!-- Twitter Card Tags -->
30    <meta name="twitter:card" content="summary_large_image" />
31    <meta
32      name="twitter:title"
33      content="Lowballer - AI-Powered Marketplace Negotiation"
34    />
35    <meta
36      name="twitter:description"
37      content="Lowballer leverages cutting-edge AI models to analyze listings, calculate depreciation, and determine the best buy price."
38    />
39    <meta
40      name="twitter:image"
41      content="https://lowballer.co/assets/img/lowballer-preview.png"
42    />
43
44    <link rel="stylesheet" href="/assets/styles/styles.css" />
45    <link
46      rel="stylesheet"
47      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
48    />
49
50    <!-- Meta Pixel Code -->
51    

51<script>

51
52    !function(f,b,e,v,n,t,s)
53    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
54    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
55    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
56    n.queue=[];t=b.createElement(e);t.async=!0;
57    t.src=v;s=b.getElementsByTagName(e)[0];
58    s.parentNode.insertBefore(t,s)}(window, document,'script',
59    'https://connect.facebook.net/en_US/fbevents.js');
60    fbq('init', '

60845456415107824

60');
61    fbq('track', 'PageView');
62    

62</script>

62
63    <noscript><img height="1" width="1" style="display:none"
64    src="https://www.facebook.com/tr?id=845456415107824&ev=PageView&noscript=1"
65    /></noscript>
66    <!-- End Meta Pixel Code -->
67  </head>
68  <body>
69    <nav aria-label="Main navigation">
70      <a href="/" class="logo-link">
71        <img src="/assets/icon/logo.svg" alt="Lowballer logo" />
72        <div class="logo">Lowballer</div>
73      </a>
74
75      <!-- Hamburger Menu Button (hidden by default) -->
76      <button class="hamburger-btn" aria-label="Toggle navigation">
77        <i class="fas fa-bars"></i>
78      </button>
79
80      <!-- Navigation Links -->
81      <div class="nav-links">
82        <a href="#features">Features</a>
83        <a href="#integrations">Integrations</a>
84        <a href="#pricing">Pricing</a>
85        <a href="/login">Sign In</a>
86        <a href="/signup" class="nav-cta">Get Started Free</a>
87      </div>
88    </nav>
89
90    <section class="hero-section">
91      <div class="hero-content">
92        <div class="hero-badge">
93          <i class="fas fa-sparkles"></i>
94          AI-Powered Negotiation
95        </div>
96        <div class="hero-headingContainer">
97          <h1 class="hero-heading">
98            Your AI-Powered
99            <span class="hero-highlight">Lowballer</span>
100          </h1>
101        </div>
102        <p class="hero-subheading">
103          Automate your analysis & lowball with real leverage. Input target buy price, we'll handle the negotiation.
104        </p>
105        <div class="cta-group">
106          <a href="/signup" class="cta-button">
107            <i class="fas fa-rocket"></i>
108            Get Started Free
109          </a>
110          <a href="https://chromewebstore.google.com/detail/lowballer/inbdbhkbdaficlnfckaipdjppfapfdmi" class="secondary-button">
111            <img src="https://www.google.com/chrome/static/images/chrome-logo.svg" alt="Chrome logo" class="chrome-logo-small" />
112            Add to Chrome
113          </a>
114        </div>
115        <div class="hero-stats">
116          <div class="stat-item">
117            <div class="stat-value">100+</div>
118            <div class="stat-label">Active Users</div>
119          </div>
120          <div class="stat-item">
121            <div class="stat-value">$2k+</div>
122            <div class="stat-label">Saved in Negotiations</div>
123          </div>
124        </div>
125      </div>
126      <div class="hero-image">
127        <div class="hero-video-container">
128          <iframe
129            class="hero-video"
130            src="https://www.youtube.com/embed/USS5WaW6Hz8?autoplay=1&mute=1&controls=1&loop=1&playlist=USS5WaW6Hz8"
131            frameborder="0"
132            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
133            allowfullscreen
134            title="Lowballer Demo"
135          ></iframe>
136        </div>
137      </div>
138    </section>
139
140    <!-- Features Section -->
141    <section id="features" class="features-section">
142      <div class="features-container">
143        <div class="features-header">
144          <h2 class="features-heading">
145            Everything You Need to <span class="features-highlight">Negotiate Smarter</span>
146          </h2>
147          <p class="features-subheading">
148            Powerful features designed to give you the edge in every marketplace negotiation.
149          </p>
150        </div>
151
152        <div class="features-grid">
153          <!-- Feature 1: Market Value Analysis -->
154          <div class="feature-card">
155            <div class="feature-icon">
156              <i class="fas fa-chart-line"></i>
157            </div>
158            <h3 class="feature-title">Market Value Analysis</h3>
159            <p class="feature-description">
160              AI-powered assessment of real market prices to ensure you're making informed offers.
161            </p>
162          </div>
163
164          <!-- Feature 2: Quality Audit -->
165          <div class="feature-card">
166            <div class="feature-icon">
167              <i class="fas fa-shield-alt"></i>
168            </div>
169            <h3 class="feature-title">Quality Audit</h3>
170            <p class="feature-description">
171              Comprehensive inspection insights to identify potential issues before you negotiate.
172            </p>
173          </div>
174

175          <!-- Feature 3: Precision Counteroffers -->
176          <div class="feature-card">
177            <div class="feature-icon">
178              <i class="fas fa-bullseye"></i>
179            </div>
180            <h3 class="feature-title">Precision Counteroffers</h3>
181            <p class="feature-description">
182              Generate data-backed counteroffers that maximize your savings without burning bridges.
183            </p>
184          </div>
185
186          <!-- Feature 4: Instant Analysis -->
187          <div class="feature-card">
188            <div class="feature-icon">
189              <i class="fas fa-bolt"></i>
190            </div>
191            <h3 class="feature-title">Instant Analysis</h3>
192            <p class="feature-description">
193              Get market insights and negotiation strategies in seconds, not hours.
194            </p>
195          </div>
196
197          <!-- Feature 5: Aggression Calibration -->
198          <div class="feature-card">
199            <div class="feature-icon">
200              <i class="fas fa-sliders-h"></i>
201            </div>
202            <h3 class="feature-title">Aggression Calibration</h3>
203            <p class="feature-description">
204              Adjust your negotiation style with our smart slider to match your comfort level.
205            </p>
206          </div>
207
208          <!-- Feature 6: AI-Generated Messages -->
209          <div class="feature-card">
210            <div class="feature-icon">
211              <i class="fas fa-comment-dots"></i>
212            </div>
213            <h3 class="feature-title">AI-Generated Messages</h3>
214            <p class="feature-description">
215              Professional, persuasive messages crafted to get sellers to accept your offer.
216            </p>
217          </div>
218        </div>
219      </div>
220    </section>
221
222    <section id="integrations" class="integration-section">
223      <div class="integration-box">
224        <div class="icons">
225          <i class="fa-solid fa-peace"></i>
226          <i class="fa-brands fa-facebook"></i>
227        </div>
228        <h3>Built for Craigslist & Facebook</h3>
229        <p>
230          Seamlessly integrates with your Craigslist and Facebook Marketplace,
231          making it easy to <br />
232          analyze, compare, and negotiate listings.
233        </p>
234      </div>
235    </section>
236
237    <section id="pricing" class="pricing-section">
238      <div class="pricing-wrapper">
239        <div class="pricing-content">
240          <h1 class="pricing-section_heading">Choose Your Plan</h1>
241          <p class="subtitle">
242            AI Vehicle Analysis. AI-Generated Counteroffers.
243            Aggression-Calibrated Slider.
244          </p>
245
246          <div class="plans">
247            <!-- Pro Plan -->
248            <div class="plan highlight" data-plan="pro">
249              <div class="label">Most Popular</div>
250              <h3>Pro Plan</h3>
251              <div class="price">
252                $8 <span style="font-size: 1rem">/month</span>
253              </div>
254              <ul class="features">
255                <li>150 Analysis per month</li>
256              </ul>
257              <a href="/signup" class="btn">Get started</a>
258            </div>
259
260            <!-- Standard Plan -->
261            <div class="plan" data-plan="reseller">
262              <div class="label">Reseller Plan</div>
263              <h3>Reseller Plan</h3>
264              <div class="price">
265                $20 <span style="font-size: 1rem">/month</span>
266              </div>
267              <ul class="features">
268                <li>350 Analysis per month</li>
269              </ul>
270              <a href="/signup" class="btn">Get started</a>
271            </div>
272          </div>
273        </div>
274      </div>
275    </section>
276
277    <section class="final-cta-section">
278      <div class="final-cta-container">
279        <h2>Supercharge your shopping with AI 🔥</h2>
280        <p class="description">
281          Why waste time comparing listings? One click gets you real-time price
282          analysis, depreciation insights, and AI-crafted counteroffers.
283        </p>
284        <a
285          href="https://chromewebstore.google.com/detail/lowballer/inbdbhkbdaficlnfckaipdjppfapfdmi"
286          class="final-cta-button"
287        >
288          <img
289            src="https://www.google.com/chrome/static/images/chrome-logo.svg"
290            alt="Chrome logo"
291          />
292          Add to Chrome for free
293        </a>
294        <p class="disclaimer">
295          Lowballer is currently in limited-access beta. We're collecting real
296          feedback <br />
297          as we refine the experience with more sites. Join early and help shape
298          the experience!
299        </p>
300      </div>
301    </section>
302
303    <footer class="site-footer">
304      <div class="footer-content">
305        <div class="footer-left">
306          <div class="footer-left-up">
307            <img src="/assets/icon/logo.svg" alt="Lowballer logo" />
308            <h1 class="footer-logo">Lowballer</h1>
309          </div>

310          <span class="copyright"
311            >© 2025 Lowballer || All rights reserved!</span
312          >
313        </div>
314        <div class="footer-right">
315          <a href="https://discord.gg/WERQJ4BXMY" target="_blank"
316            >Discord community</a
317          >
318          <a href="/privacy-policy">Privacy Policy & TOS</a>
319        </div>
320      </div>
321    </footer>
322
323    

323<script>
324      // Check if user is logged in and update nav accordingly
325      document.addEventListener("DOMContentLoaded", () => {
326        const userJson = localStorage.getItem("user");
327        const authToken = localStorage.getItem("authToken");
328
329        // If logged in, show "Go to Dashboard" instead of "Sign In"
330        if (userJson && authToken) {
331          const signInLink = document.querySelector('a[href="/login"]');
332          if (signInLink) {
333            signInLink.textContent = "Dashboard";
334            signInLink.href = "/dashboard";
335          }
336        }
337      });
338    </script>

338
339    

339<script src="/assets/scripts/script.js"></script>

339
340    

340<script src="/assets/scripts/meta-conversion-api.js"></script>

340
341    

341<script>
342      document.addEventListener("DOMContentLoaded", () => {
343        const userJson = localStorage.getItem("user");
344        if (!userJson) return;
345        let user;
346        try {
347          user = JSON.parse(userJson);
348        } catch {
349          return;
350        }
351        if (!user.email) return;
352
353        // Use the “real” selector you saw in DevTools:
354        const resellerAnchor = document.querySelector(
355          '.plan[data-plan="reseller"] a.btn'
356        );
357        if (resellerAnchor) {
358          const oldHref = resellerAnchor.getAttribute("href");
359          const sep = oldHref.includes("?") ? "&" : "?";
360          resellerAnchor.setAttribute(
361            "href",
362            oldHref + sep + "prefilled_email=" + encodeURIComponent(user.email)
363          );
364        }
365
366        const proAnchor = document.querySelector(
367          '.plan[data-plan="pro"] a.btn'
368        );
369        if (proAnchor) {
370          const oldHref = proAnchor.getAttribute("href");
371          const sep = oldHref.includes("?") ? "&" : "?";
372          proAnchor.setAttribute(
373            "href",
374            oldHref + sep + "prefilled_email=" + encodeURIComponent(user.email)
375          );
376        }
377
378        // Track InitiateCheckout event when user clicks "Select Plan"
379        document.querySelectorAll('.plan a.btn').forEach(btn => {
380          btn.addEventListener('click', async (e) => {
381            // Only track if not disabled (not current plan)
382            if (!btn.hasAttribute('disabled') && window.MetaConversionAPI) {
383              // Prevent immediate navigation
384              e.preventDefault();
385
386              const targetUrl = btn.getAttribute('href');
387              const openInNewTab = btn.getAttribute('target') === '_blank';
388
389              try {
390                // Track the event and wait for it to complete
391                await window.MetaConversionAPI.trackInitiateCheckout();
392
393                // Small additional delay to ensure the request is sent
394                await new Promise(resolve => setTimeout(resolve, 300));
395              } catch (error) {
396                console.error('Error tracking InitiateCheckout:', error);
397              }
398
399              // Navigate to the target URL after tracking
400              if (targetUrl) {
401                if (openInNewTab) {
402                  window.open(targetUrl, '_blank');
403                } else {
404                  window.location.href = targetUrl;
405                }
406              }
407            }
408          });
409        });
410      });
411
412      // Track Lead event when user clicks "Add to Chrome" buttons
413      document.addEventListener('DOMContentLoaded', () => {
414        const chromeButtons = document.querySelectorAll('.cta-button, .secondary-button, .final-cta-button');
415
416        chromeButtons.forEach((btn, index) => {
417          // Only track if it's a Chrome Web Store link
418          const href = btn.getAttribute('href');
419          if (href && href.includes('chromewebstore.google.com')) {
420            btn.addEventListener('click', async (e) => {
421              if (window.MetaConversionAPI) {
422                // Prevent immediate navigation
423                e.preventDefault();
424
425                const targetUrl = btn.getAttribute('href');
426                const buttonLocation = index === 0 ? 'hero' : 'final-cta';
427
428                try {
429                  // Track the Lead event with button location
430                  await window.MetaConversionAPI.trackLead({
431                    content_name: 'Add to Chrome',
432                    content_category: 'Extension Install',
433                    button_location: buttonLocation
434                  });
435
436                  // Small delay to ensure the request is sent
437                  await new Promise(resolve => setTimeout(resolve, 300));
438                } catch (error) {
439                  console.error('Error tracking Lead event:', error);
440                }
441
442                // Navigate to Chrome Web Store
443                if (targetUrl) {
444                  window.location.href = targetUrl;
445                }
446              }
447            });
448          }
449        });
450      });
451    </script>

451
452  </body>
453</html>