462 lines
22 KiB
HTML
462 lines
22 KiB
HTML
<!doctype html>
|
|
<html lang="he" dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Hair On Top | מספרה מעצבת בחולון</title>
|
|
<meta name="description" content="Hair On Top - מספרה מובילה בחולון. תספורות טרנדיות, צביעות, החלקות והבהרות לגברים ונשים. הזמינו תור עכשיו.">
|
|
<meta property="og:title" content="Hair On Top | מספרה מעצבת בחולון">
|
|
<meta property="og:description" content="תספורות טרנדיות, צביעות, החלקות והבהרות לגברים ונשים בחולון והסביבה">
|
|
<meta property="og:type" content="website">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%23D4AF37' rx='12' width='100' height='100'/><text x='50' y='68' text-anchor='middle' font-size='60' fill='%23000'>H</text></svg>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Secular+One&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
|
|
|
<header class="header">
|
|
<nav class="nav">
|
|
<a href="#hero" class="logo">
|
|
<span class="logo-text" lang="en">Hair On Top</span>
|
|
<span class="logo-accent">✂</span>
|
|
</a>
|
|
<ul class="nav-links">
|
|
<li><a href="#services">שירותים</a></li>
|
|
<li><a href="#gallery">גלריה</a></li>
|
|
<li><a href="#about">אודות</a></li>
|
|
<li><a href="#contact">צור קשר</a></li>
|
|
</ul>
|
|
<a href="tel:0545411291" class="nav-cta">הזמנת תור</a>
|
|
<button class="nav-toggle" aria-label="פתח תפריט" aria-expanded="false">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="main-content">
|
|
<section id="hero" class="hero">
|
|
<div class="hero-bg">
|
|
<img src="https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1920&q=80" alt="" class="hero-image" loading="eager">
|
|
<div class="hero-overlay"></div>
|
|
</div>
|
|
<div class="hero-content">
|
|
<p class="hero-tag">מספרה מעצבת בחולון</p>
|
|
<h1 class="hero-title">
|
|
<span class="hero-title-line">מקצועיות</span>
|
|
<span class="hero-title-line hero-title-accent">שרואים בשיער</span>
|
|
</h1>
|
|
<p class="hero-desc">תספורות, צביעות, החלקות והבהרות — עם תשומת לב לכל פרט. לגברים ולנשים בחולון והסביבה.</p>
|
|
<div class="hero-actions">
|
|
<a href="tel:0545411291" class="btn btn-primary">
|
|
<svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
|
|
</svg>
|
|
קבעו תור עכשיו
|
|
</a>
|
|
<a href="#services" class="btn btn-secondary">לשירותים שלנו</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-scroll" aria-hidden="true">
|
|
<span>גלילה</span>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M12 5v14M19 12l-7 7-7-7"/>
|
|
</svg>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="services" class="services">
|
|
<div class="container">
|
|
<header class="section-header">
|
|
<p class="section-tag">השירותים שלנו</p>
|
|
<h2 class="section-title">מה אנחנו עושים הכי טוב</h2>
|
|
</header>
|
|
<div class="services-grid">
|
|
<article class="service-card reveal">
|
|
<div class="service-image">
|
|
<img src="https://images.unsplash.com/photo-1503951914875-452162b0f3f1?w=600&q=80" alt="תספורת גברים מודרנית" loading="lazy">
|
|
</div>
|
|
<div class="service-content">
|
|
<h3 class="service-title">תספורות טרנדיות</h3>
|
|
<p class="service-desc">תספורות עדכניות לגברים ונשים בהתאמה אישית. אנחנו עוקבים אחרי הטרנדים העולמיים ומתאימים את הסגנון בדיוק אליכם.</p>
|
|
<span class="service-tag">גברים ונשים</span>
|
|
</div>
|
|
</article>
|
|
<article class="service-card reveal">
|
|
<div class="service-image">
|
|
<img src="https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=600&q=80" alt="צביעת שיער מקצועית" loading="lazy">
|
|
</div>
|
|
<div class="service-content">
|
|
<h3 class="service-title">צביעות מקצועיות</h3>
|
|
<p class="service-desc">צביעה מלאה, גוונים, אומברה ובלאיאז׳. אנחנו משתמשים בחומרים איכותיים ששומרים על בריאות השיער.</p>
|
|
<span class="service-tag">כל סוגי הצבע</span>
|
|
</div>
|
|
</article>
|
|
<article class="service-card service-card-featured reveal">
|
|
<div class="service-badge">הכי מבוקש</div>
|
|
<div class="service-image">
|
|
<img src="https://images.unsplash.com/photo-1519699047748-de8e457a634e?w=600&q=80" alt="החלקת שיער מושלמת" loading="lazy">
|
|
</div>
|
|
<div class="service-content">
|
|
<h3 class="service-title">החלקות שיער</h3>
|
|
<p class="service-desc">החלקה ברזילאית, יפנית וקראטין. תוצאות חלקות ומבריקות שנשמרות לאורך זמן.</p>
|
|
<span class="service-tag">תוצאות לטווח ארוך</span>
|
|
</div>
|
|
</article>
|
|
<article class="service-card reveal">
|
|
<div class="service-image">
|
|
<img src="https://images.unsplash.com/photo-1492106087820-71f1a00d2b11?w=600&q=80" alt="הבהרות שיער טבעיות" loading="lazy">
|
|
</div>
|
|
<div class="service-content">
|
|
<h3 class="service-title">הבהרות</h3>
|
|
<p class="service-desc">הבהרות מקצועיות, היילייטס ובייביליס. יוצרים עומק וממד טבעי בשיער שלכם.</p>
|
|
<span class="service-tag">מראה טבעי</span>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="gallery" class="gallery">
|
|
<div class="container">
|
|
<header class="section-header">
|
|
<p class="section-tag">מהעבודות שלנו</p>
|
|
<h2 class="section-title">התוצאות מדברות</h2>
|
|
</header>
|
|
<div class="gallery-grid">
|
|
<figure class="gallery-item gallery-item-tall reveal" aria-label="תספורת גברים">
|
|
<img src="https://images.unsplash.com/photo-1621605815971-fbc98d665033?w=600&q=80" alt="תספורת גברים מעוצבת" loading="lazy">
|
|
<figcaption class="gallery-label">תספורת גברים</figcaption>
|
|
</figure>
|
|
<figure class="gallery-item reveal" aria-label="צביעה אומברה">
|
|
<img src="https://images.unsplash.com/photo-1580618672591-eb180b1a973f?w=600&q=80" alt="צביעת אומברה מרהיבה" loading="lazy">
|
|
<figcaption class="gallery-label">צביעה אומברה</figcaption>
|
|
</figure>
|
|
<figure class="gallery-item reveal" aria-label="החלקה ברזילאית">
|
|
<img src="https://images.unsplash.com/photo-1522337094846-8a818192de1f?w=600&q=80" alt="שיער חלק ומבריק" loading="lazy">
|
|
<figcaption class="gallery-label">החלקה ברזילאית</figcaption>
|
|
</figure>
|
|
<figure class="gallery-item gallery-item-wide reveal" aria-label="בלאיאז׳">
|
|
<img src="https://images.unsplash.com/photo-1605497788044-5a32c7078486?w=900&q=80" alt="בלאיאז׳ מקצועי" loading="lazy">
|
|
<figcaption class="gallery-label">בלאיאז׳</figcaption>
|
|
</figure>
|
|
<figure class="gallery-item reveal" aria-label="תספורת נשים">
|
|
<img src="https://images.unsplash.com/photo-1562322140-8baeececf3df?w=600&q=80" alt="תספורת נשים אלגנטית" loading="lazy">
|
|
<figcaption class="gallery-label">תספורת נשים</figcaption>
|
|
</figure>
|
|
<figure class="gallery-item reveal" aria-label="הבהרות">
|
|
<img src="https://images.unsplash.com/photo-1634449571010-02389ed0f9b0?w=600&q=80" alt="הבהרות טבעיות" loading="lazy">
|
|
<figcaption class="gallery-label">הבהרות</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about" class="about">
|
|
<div class="container">
|
|
<div class="about-grid">
|
|
<div class="about-visual reveal">
|
|
<div class="about-image-container">
|
|
<img src="https://images.unsplash.com/photo-1633681926022-84c23e8cb2d6?w=600&q=80" alt="סלון עיצוב שיער מודרני" loading="lazy">
|
|
</div>
|
|
<div class="about-badge">
|
|
<span class="about-badge-number">10+</span>
|
|
<span class="about-badge-text">שנות ניסיון</span>
|
|
</div>
|
|
</div>
|
|
<div class="about-content reveal">
|
|
<p class="section-tag">אודות המספרה</p>
|
|
<h2 class="section-title"><span lang="en">Hair On Top</span></h2>
|
|
<p class="about-text">אנחנו מספרה מעצבת בלב חולון, מתמחים ביצירת מראה עכשווי ואורבני שמתאים בדיוק לאישיות שלכם. הצוות המקצועי שלנו משלב ניסיון רב עם עדכנות מתמדת בטרנדים העולמיים.</p>
|
|
<p class="about-text">אנחנו מאמינים שתספורת טובה היא לא רק עניין של מראה — היא עניין של ביטחון עצמי. לכן אנחנו מקדישים זמן להקשיב, להבין ולהתאים את הסגנון בדיוק לצרכים שלכם.</p>
|
|
<ul class="about-features">
|
|
<li class="about-feature">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
<span>חומרים איכותיים</span>
|
|
</li>
|
|
<li class="about-feature">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
<span>צוות מקצועי</span>
|
|
</li>
|
|
<li class="about-feature">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
<span>אווירה נעימה</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta">
|
|
<div class="container">
|
|
<div class="cta-content reveal">
|
|
<div class="cta-image">
|
|
<img src="https://images.unsplash.com/photo-1595476108010-b4d1f102b1b1?w=400&q=80" alt="מוצרי טיפוח שיער" loading="lazy">
|
|
</div>
|
|
<div class="cta-text">
|
|
<h2 class="cta-title">מוכנים לשינוי?</h2>
|
|
<p class="cta-desc">התקשרו עכשיו ונקבע לכם תור</p>
|
|
<a href="tel:0545411291" class="btn btn-primary btn-large">
|
|
<svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
|
|
</svg>
|
|
054-541-1291
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="contact">
|
|
<div class="container">
|
|
<header class="section-header">
|
|
<p class="section-tag">צור קשר</p>
|
|
<h2 class="section-title">איך מגיעים אלינו</h2>
|
|
</header>
|
|
<div class="contact-grid">
|
|
<a href="tel:0545411291" class="contact-card contact-card-primary reveal">
|
|
<div class="contact-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="contact-label">להזמנת תור</h3>
|
|
<span class="contact-value">054-541-1291</span>
|
|
<span class="contact-cta-text">לחצו להתקשר</span>
|
|
</a>
|
|
<div class="contact-info reveal">
|
|
<div class="contact-info-item">
|
|
<div class="contact-icon-small">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/>
|
|
<circle cx="12" cy="10" r="3"/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h3 class="contact-info-label">אזור שירות</h3>
|
|
<p class="contact-info-value">חולון והסביבה</p>
|
|
<p class="contact-info-note">בת ים, ראשון לציון, אזור דן</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-info-item">
|
|
<div class="contact-icon-small">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<polyline points="12 6 12 12 16 14"/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h3 class="contact-info-label">שעות פעילות</h3>
|
|
<p class="contact-info-value">ראשון–חמישי</p>
|
|
<p class="contact-info-note">התקשרו לתיאום מראש</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-brand">
|
|
<span class="footer-logo" lang="en">Hair On Top</span>
|
|
<p class="footer-tagline">מספרה מעצבת בחולון</p>
|
|
</div>
|
|
<nav class="footer-nav" aria-label="קישורים מהירים">
|
|
<a href="#services">שירותים</a>
|
|
<a href="#gallery">גלריה</a>
|
|
<a href="#about">אודות</a>
|
|
<a href="#contact">צור קשר</a>
|
|
</nav>
|
|
<a href="tel:0545411291" class="footer-cta">054-541-1291</a>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2024 <span lang="en">Hair On Top</span>. כל הזכויות שמורות.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Sale Popup -->
|
|
<div class="popup-overlay" id="salePopup" role="dialog" aria-modal="true" aria-labelledby="popupTitle">
|
|
<div class="popup-container">
|
|
<button class="popup-close" aria-label="סגור חלון" id="popupClose">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<line x1="18" y1="6" x2="6" y2="18"/>
|
|
<line x1="6" y1="6" x2="18" y2="18"/>
|
|
</svg>
|
|
</button>
|
|
<div class="popup-header">
|
|
<div class="popup-icon">
|
|
<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"/>
|
|
<polyline points="9 12 11 14 15 10"/>
|
|
</svg>
|
|
</div>
|
|
<h2 class="popup-title" id="popupTitle">האתר שלך מוכן!</h2>
|
|
<p class="popup-subtitle">בחרו איך אתם רוצים אותו</p>
|
|
</div>
|
|
<div class="popup-options">
|
|
<div class="popup-option">
|
|
<div class="popup-option-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/>
|
|
<polyline points="7 10 12 15 17 10"/>
|
|
<line x1="12" y1="15" x2="12" y2="3"/>
|
|
</svg>
|
|
</div>
|
|
<div class="popup-option-content">
|
|
<h3 class="popup-option-title">הורדת קוד בלבד</h3>
|
|
<p class="popup-option-desc">קבלו את כל קבצי האתר ותעלו אותם לשרת שלכם</p>
|
|
</div>
|
|
<button class="popup-option-btn popup-option-btn-secondary" data-plan="code">הורדה</button>
|
|
</div>
|
|
<div class="popup-option popup-option-featured">
|
|
<div class="popup-option-badge">מומלץ</div>
|
|
<div class="popup-option-icon">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
|
|
<line x1="8" y1="21" x2="16" y2="21"/>
|
|
<line x1="12" y1="17" x2="12" y2="21"/>
|
|
</svg>
|
|
</div>
|
|
<div class="popup-option-content">
|
|
<h3 class="popup-option-title">חבילה מלאה</h3>
|
|
<p class="popup-option-desc">אחסון + דומיין + תמיכה — האתר עולה לאוויר מיד</p>
|
|
</div>
|
|
<button class="popup-option-btn popup-option-btn-primary" data-plan="full">לפרטים</button>
|
|
</div>
|
|
</div>
|
|
<div class="popup-warning">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<line x1="12" y1="8" x2="12" y2="12"/>
|
|
<line x1="12" y1="16" x2="12.01" y2="16"/>
|
|
</svg>
|
|
<p>דף ההדגמה הזה יימחק אוטומטית תוך <strong>30 יום</strong> אם לא תתקבל תגובה או רכישה</p>
|
|
</div>
|
|
<div class="popup-extra">
|
|
<p>רוצים שינויים נוספים? עמודים, תמונות, התאמות — <button class="popup-link">צרו קשר לפרטים</button></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Floating Action Button -->
|
|
<style>
|
|
.fab-container {
|
|
position: fixed;
|
|
bottom: 24px;
|
|
right: 24px;
|
|
z-index: 9000;
|
|
font-family: 'Heebo', sans-serif;
|
|
}
|
|
|
|
.fab-btn {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 14px 22px;
|
|
background: linear-gradient(135deg, #D4AF37, #B8960C);
|
|
color: #0a0a0a;
|
|
border: none;
|
|
border-radius: 50px;
|
|
font-family: inherit;
|
|
font-size: 0.9375rem;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
box-shadow: 0 8px 32px rgba(212, 175, 55, 0.4), 0 4px 12px rgba(0,0,0,0.3);
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
animation: fabPulse 3s ease-in-out infinite;
|
|
}
|
|
|
|
.fab-btn:hover,
|
|
.fab-btn:focus {
|
|
transform: translateY(-3px) scale(1.02);
|
|
box-shadow: 0 12px 40px rgba(212, 175, 55, 0.5), 0 6px 16px rgba(0,0,0,0.4);
|
|
background: linear-gradient(135deg, #E5C76B, #D4AF37);
|
|
}
|
|
|
|
.fab-btn:active {
|
|
transform: translateY(-1px) scale(0.98);
|
|
}
|
|
|
|
.fab-emoji {
|
|
font-size: 1.25rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
@keyframes fabPulse {
|
|
0%, 100% { box-shadow: 0 8px 32px rgba(212, 175, 55, 0.4), 0 4px 12px rgba(0,0,0,0.3); }
|
|
50% { box-shadow: 0 8px 40px rgba(212, 175, 55, 0.6), 0 4px 16px rgba(0,0,0,0.4); }
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.fab-container {
|
|
bottom: 16px;
|
|
right: 16px;
|
|
left: 16px;
|
|
}
|
|
|
|
.fab-btn {
|
|
width: 100%;
|
|
justify-content: center;
|
|
padding: 14px 20px;
|
|
font-size: 0.875rem;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.fab-btn {
|
|
animation: none;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="fab-container">
|
|
<button class="fab-btn" id="fabBtn" aria-label="רוצים אתר כזה? לחצו כאן">
|
|
<span>רוצים אתר כזה? לחצו כאן</span>
|
|
<span class="fab-emoji" aria-hidden="true">????</span>
|
|
</button>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
<script>
|
|
(function() {
|
|
var PAYMENT_CONFIG = {
|
|
biz: 'cmt03bpiu001ppa01litf8kdn',
|
|
name: 'Hair On Top',
|
|
paymentUrl: 'https://nwk3ywktc2n8ttnibdhgonlx.sites.clientscenter.co.il'
|
|
};
|
|
|
|
function navigateToPayment(plan) {
|
|
var url = PAYMENT_CONFIG.paymentUrl + '?biz=' + encodeURIComponent(PAYMENT_CONFIG.biz) + '&name=' + encodeURIComponent(PAYMENT_CONFIG.name);
|
|
if (plan) {
|
|
url += '&plan=' + encodeURIComponent(plan);
|
|
}
|
|
window.top.location.href = url;
|
|
}
|
|
|
|
document.addEventListener('click', function(e) {
|
|
var btn = e.target.closest('[data-plan]');
|
|
if (btn) {
|
|
e.preventDefault();
|
|
navigateToPayment(btn.getAttribute('data-plan'));
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|