<
:root {
--navy: #1a365d;
--navy-light: #2c5282;
--navy-dark: #0f2440;
--gold: #c69c3f;
--gold-light: #d4af61;
--gold-dark: #a67c2e;
--cream: #faf8f5;
--white: #ffffff;
--gray-100: #f7fafc;
--gray-200: #edf2f7;
--gray-300: #e2e8f0;
--gray-400: #cbd5e0;
--gray-500: #a0aec0;
--gray-600: #718096;
--gray-700: #4a5568;
--gray-800: #2d3748;
--success: #38a169;
--error: #e53e3e;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Heebo', sans-serif;
background: var(--cream);
color: var(--gray-800);
line-height: 1.7;
min-height: 100vh;
}
/* Header */
.header {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);
padding: 1rem 2rem;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 4px 20px rgba(26, 54, 93, 0.3);
}
.header-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-family: 'Rubik', sans-serif;
font-size: 1.4rem;
font-weight: 700;
color: var(--white);
text-decoration: none;
display: flex;
align-items: center;
gap: 0.5rem;
}
.logo-accent {
color: var(--gold);
}
.header-contact {
display: flex;
align-items: center;
gap: 1.5rem;
}
.header-contact a {
color: var(--white);
text-decoration: none;
font-size: 0.95rem;
transition: color 0.3s ease;
}
.header-contact a:hover {
color: var(--gold);
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 50%, var(--navy) 100%);
padding: 4rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c69c3f' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.5;
}
.hero-content {
max-width: 900px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.hero-image {
max-width: 320px;
width: 100%;
height: auto;
border-radius: 15px;
margin-bottom: 1.5rem;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
border: 4px solid rgba(255, 255, 255, 0.2);
}
.hero h1 {
font-family: 'Rubik', sans-serif;
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 700;
color: var(--white);
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.hero h1 span {
color: var(--gold);
}
.hero-subtitle {
font-size: 1.3rem;
color: var(--gray-300);
margin-bottom: 2rem;
}
.hero-dates {
display: inline-flex;
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
}
.date-badge {
background: var(--gold);
color: var(--navy-dark);
padding: 0.75rem 1.5rem;
border-radius: 50px;
font-weight: 600;
font-size: 1.1rem;
box-shadow: 0 4px 15px rgba(198, 156, 63, 0.4);
animation: pulse 2s ease-in-out infinite;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.date-badge .date-icon {
width: 20px;
height: 20px;
}
.highlight-icon svg,
.detail-icon svg {
width: 22px;
height: 22px;
}
.highlight-icon svg {
stroke: var(--navy-dark);
}
.mindset-icon svg {
width: 36px;
height: 36px;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.02); }
}
/* Main Content */
.main-content {
max-width: 1200px;
margin: 0 auto;
padding: 3rem 2rem;
}
/* About Section */
.about-section {
background: var(--white);
border-radius: 20px;
padding: 3rem;
margin-bottom: 3rem;
box-shadow: 0 10px 40px rgba(26, 54, 93, 0.1);
border: 1px solid var(--gray-200);
}
.section-title {
font-family: 'Rubik', sans-serif;
font-size: 1.8rem;
color: var(--navy);
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.section-title::before {
content: '';
width: 5px;
height: 30px;
background: var(--gold);
border-radius: 3px;
}
.about-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
@media (max-width: 768px) {
.about-content {
grid-template-columns: 1fr;
}
}
.about-text p {
margin-bottom: 1rem;
color: var(--gray-700);
font-size: 1.05rem;
}
.about-highlights {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
border-radius: 15px;
padding: 2rem;
color: var(--white);
}
.highlight-item {
display: flex;
align-items: flex-start;
gap: 1rem;
margin-bottom: 1.25rem;
}
.highlight-item:last-child {
margin-bottom: 0;
}
.highlight-icon {
width: 40px;
height: 40px;
background: var(--gold);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.highlight-text h4 {
font-weight: 600;
margin-bottom: 0.25rem;
}
.highlight-text p {
font-size: 0.95rem;
opacity: 0.9;
}
/* Form Section */
.form-section {
display: grid;
grid-template-columns: 1fr 350px;
gap: 2rem;
}
@media (max-width: 968px) {
.form-section {
grid-template-columns: 1fr;
}
}
.form-container {
background: var(--white);
border-radius: 20px;
padding: 2.5rem;
box-shadow: 0 10px 40px rgba(26, 54, 93, 0.1);
border: 1px solid var(--gray-200);
}
.form-title {
font-family: 'Rubik', sans-serif;
font-size: 1.6rem;
color: var(--navy);
margin-bottom: 0.5rem;
}
.form-subtitle {
color: var(--gray-600);
margin-bottom: 2rem;
font-size: 0.95rem;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 500px) {
.form-row {
grid-template-columns: 1fr;
}
}
.form-group {
margin-bottom: 1.25rem;
}
.form-group.full-width {
grid-column: 1 / -1;
}
.form-label {
display: block;
font-weight: 500;
color: var(--gray-700);
margin-bottom: 0.5rem;
font-size: 0.95rem;
}
.form-label .required {
color: var(--error);
}
.form-input {
width: 100%;
padding: 0.875rem 1rem;
border: 2px solid var(--gray-300);
border-radius: 10px;
font-size: 1rem;
font-family: inherit;
transition: all 0.3s ease;
background: var(--white);
}
.form-input:focus {
outline: none;
border-color: var(--gold);
box-shadow: 0 0 0 3px rgba(198, 156, 63, 0.2);
}
.form-input::placeholder {
color: var(--gray-400);
}
.form-select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 1rem center;
background-size: 1rem;
padding-left: 2.5rem;
}
/* Price Box */
.price-box {
background: linear-gradient(135deg, var(--cream) 0%, var(--gray-100) 100%);
border: 2px solid var(--gold);
border-radius: 15px;
padding: 1.5rem;
margin-bottom: 1.5rem;
text-align: center;
}
.price-title {
font-size: 0.95rem;
color: var(--gray-600);
margin-bottom: 0.5rem;
}
.price-amount {
font-family: 'Rubik', sans-serif;
font-size: 2rem;
font-weight: 700;
color: var(--navy);
}
.price-amount small {
font-size: 1rem;
font-weight: 400;
color: var(--gray-600);
}
.price-note {
font-size: 0.85rem;
color: var(--gray-500);
margin-top: 0.5rem;
}
/* Checkbox Styles */
.checkbox-group {
margin-bottom: 1rem;
}
.checkbox-label {
display: flex;
align-items: flex-start;
gap: 0.75rem;
cursor: pointer;
font-size: 0.9rem;
color: var(--gray-700);
line-height: 1.5;
}
.checkbox-input {
width: 20px;
height: 20px;
border: 2px solid var(--gray-400);
border-radius: 5px;
appearance: none;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px;
transition: all 0.3s ease;
}
.checkbox-input:checked {
background: var(--gold);
border-color: var(--gold);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.checkbox-label a {
color: var(--navy);
text-decoration: underline;
}
.checkbox-label a:hover {
color: var(--gold);
}
/* Submit Button */
.submit-btn {
width: 100%;
padding: 1.25rem 2rem;
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
color: var(--white);
border: none;
border-radius: 12px;
font-size: 1.1rem;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(198, 156, 63, 0.4);
margin-top: 1rem;
}
.submit-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(198, 156, 63, 0.5);
}
.submit-btn:active {
transform: translateY(0);
}
.submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
}
.form-footer {
text-align: center;
margin-top: 1.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--gray-200);
}
.form-footer p {
font-size: 0.85rem;
color: var(--gray-500);
}
/* Sidebar */
.sidebar {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.sidebar-box {
background: var(--white);
border-radius: 15px;
padding: 1.5rem;
box-shadow: 0 5px 20px rgba(26, 54, 93, 0.08);
border: 1px solid var(--gray-200);
}
.sidebar-title {
font-family: 'Rubik', sans-serif;
font-size: 1.1rem;
color: var(--navy);
margin-bottom: 1rem;
padding-bottom: 0.75rem;
border-bottom: 2px solid var(--gold);
}
/* Program Details */
.program-detail {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 0;
border-bottom: 1px solid var(--gray-100);
}
.program-detail:last-child {
border-bottom: none;
}
.detail-icon {
width: 36px;
height: 36px;
background: var(--cream);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.detail-text {
flex: 1;
}
.detail-text strong {
display: block;
color: var(--gray-800);
font-size: 0.95rem;
}
.detail-text span {
font-size: 0.85rem;
color: var(--gray-500);
}
/* Social Links */
.social-links {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.social-link {
width: 44px;
height: 44px;
background: var(--navy);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.2rem;
}
.social-link:hover {
background: var(--gold);
transform: translateY(-3px);
}
.social-link svg {
width: 20px;
height: 20px;
fill: currentColor;
}
/* Mindset Section */
.mindset-section {
background: var(--white);
border-radius: 20px;
padding: 3rem;
margin-top: 3rem;
box-shadow: 0 10px 40px rgba(26, 54, 93, 0.1);
border: 1px solid var(--gray-200);
}
.mindset-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 2rem;
}
@media (max-width: 768px) {
.mindset-grid {
grid-template-columns: 1fr;
}
}
.mindset-card {
background: linear-gradient(135deg, var(--cream) 0%, var(--white) 100%);
border-radius: 15px;
padding: 2rem;
text-align: center;
border: 1px solid var(--gray-200);
transition: all 0.3s ease;
}
.mindset-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(26, 54, 93, 0.15);
}
.mindset-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.25rem;
}
.mindset-card h3 {
font-family: 'Rubik', sans-serif;
font-size: 1.2rem;
color: var(--navy);
margin-bottom: 0.75rem;
}
.mindset-card p {
font-size: 0.95rem;
color: var(--gray-600);
line-height: 1.6;
}
/* Recommended Reading */
.reading-section {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);
border-radius: 20px;
padding: 3rem;
margin-top: 3rem;
color: var(--white);
}
.reading-section .section-title {
color: var(--white);
}
.reading-section .section-title::before {
background: var(--gold);
}
.reading-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.reading-card {
background: rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 1.5rem;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.reading-card:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-3px);
}
.reading-card h4 {
color: var(--gold);
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
.reading-card p {
font-size: 0.9rem;
opacity: 0.9;
line-height: 1.5;
}
/* Footer */
.footer {
background: var(--navy-dark);
padding: 3rem 2rem;
margin-top: 4rem;
color: var(--white);
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.footer-section h4 {
font-family: 'Rubik', sans-serif;
font-size: 1.1rem;
margin-bottom: 1rem;
color: var(--gold);
}
.footer-section p,
.footer-section a {
font-size: 0.95rem;
color: var(--gray-300);
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
}
.footer-section a:hover {
color: var(--gold);
}
.footer-bottom {
max-width: 1200px;
margin: 2rem auto 0;
padding-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
font-size: 0.9rem;
color: var(--gray-500);
}
.footer-bottom a {
color: var(--gold);
text-decoration: none;
}
/* Loading Spinner */
.spinner {
display: none;
width: 20px;
height: 20px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: var(--white);
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-left: 0.5rem;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.submit-btn.loading .spinner {
display: inline-block;
}
/* Error States */
.form-input.error {
border-color: var(--error);
}
.error-message {
color: var(--error);
font-size: 0.85rem;
margin-top: 0.25rem;
display: none;
}
.form-group.has-error .error-message {
display: block;
}
/* Cancellation Policy */
.policy-note {
background: var(--cream);
border-radius: 10px;
padding: 1rem;
margin-bottom: 1.5rem;
font-size: 0.9rem;
color: var(--gray-600);
border-right: 4px solid var(--gold);
}
.policy-note strong {
color: var(--gray-800);
}
/* Credit Card Section */
.credit-card-section {
background: linear-gradient(135deg, var(--gray-100) 0%, var(--white) 100%);
border: 2px solid var(--gray-300);
border-radius: 15px;
padding: 1.5rem;
margin-bottom: 1.5rem;
display: block;
}
.credit-card-section.hidden {
display: none;
}
.cc-section-title {
font-family: 'Rubik', sans-serif;
font-size: 1.1rem;
font-weight: 600;
color: var(--navy);
margin-bottom: 1.25rem;
display: flex;
align-items: center;
gap: 0.5rem;
padding-bottom: 0.75rem;
border-bottom: 2px solid var(--gold);
}
.cc-section-title svg {
width: 22px;
height: 22px;
stroke: var(--gold);
}
.credit-card-section .form-group {
margin-bottom: 1rem;
}
.form-row-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
}
@media (max-width: 500px) {
.form-row-3 {
grid-template-columns: 1fr 1fr;
}
.form-row-3 .form-group:last-child {
grid-column: 1 / -1;
}
}
.card-type-selector {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.card-type-option {
cursor: pointer;
}
.card-type-option input {
display: none;
}
.card-type-box {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 45px;
background: var(--white);
border: 2px solid var(--gray-300);
border-radius: 8px;
transition: all 0.3s ease;
}
.card-type-option input:checked + .card-type-box {
border-color: var(--gold);
background: var(--cream);
box-shadow: 0 0 0 3px rgba(198, 156, 63, 0.2);
}
.card-type-box:hover {
border-color: var(--gray-400);
}
.card-logo {
width: 50px;
height: 35px;
}
.cc-number-input {
font-family: 'Courier New', monospace;
letter-spacing: 2px;
font-size: 1.1rem;
}
.cc-security-note {
display: flex;
align-items: center;
gap: 0.5rem;
background: rgba(56, 161, 105, 0.1);
border: 1px solid var(--success);
border-radius: 8px;
padding: 0.75rem 1rem;
font-size: 0.85rem;
color: var(--gray-700);
margin-top: 0.5rem;
}
.cc-security-note svg {
width: 18px;
height: 18px;
stroke: var(--success);
flex-shrink: 0;
}
!-- Schema.org JSON-LD -->
{
"@context": "https://schema.org",
"@type": "Course",
"name": "לחצות את הרף",
"description": "מסע מעצים לפיתוח מיינדסט יזמי, בניית תכנית פעולה ולמידה מעשית למנהלים ויזמים",
"image": "https://nirmako.com/wp-content/uploads/2019/05/לחצות-את-הרף.jpg",
"provider": {
"@type": "Organization",
"name": "NIRMAKO",
"url": "https://nirmako.com"
},
"instructor": [
{
"@type": "Person",
"name": "ניר מקובסקי"
},
{
"@type": "Person",
"name": "אלכס פטרשק"
}
],
"offers": {
"@type": "Offer",
"price": "4500",
"priceCurrency": "ILS",
"availability": "https://schema.org/InStock"
},
"duration": "P5W",
"courseMode": "onsite"
}
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "מה כוללת תכנית לחצות את הרף?",
"acceptedAnswer": {
"@type": "Answer",
"text": "התכנית כוללת 5 מפגשים שבועיים עוקבים, עבודה על מיינדסט יזמי, בניית תכנית פעולה אישית, וזמינות המנחה בין המפגשים."
}
},
{
"@type": "Question",
"name": "כמה עולה תכנית לחצות את הרף?",
"acceptedAnswer": {
"@type": "Answer",
"text": "מחיר התכנית 4,500 ש״ח + מע״מ (סה״כ 5,310 ש״ח). ניתן לשלם עד 12 תשלומים ללא ריבית."
}
},
{
"@type": "Question",
"name": "מהי מדיניות הביטולים?",
"acceptedAnswer": {
"@type": "Answer",
"text": "ביטול או דחייה אפשריים עד 14 יום לפני תחילת התכנית על פי חוק. אין החזר כספי לאחר התחלת התכנית."
}
}
]
}
הצטרפו לתכנית לחצות את הרף
מסע מעצים של 5 שבועות לפיתוח מיינדסט יזמי ובניית תכנית פעולה מנצחת
מחזור קרוב: 20.1.2025
מחזור נוסף: 24.2.2025
על תכנית לחצות את הרף
תכנית "לחצות את הרף" היא מסע מעצים של חמישה שבועות שנועד לחולל שינוי אמיתי בדרך שבה אתם מנהלים את העסק והקריירה שלכם. התכנית משלבת עבודה עמוקה על מיינדסט יזמי, בניית תכנית פעולה מעשית, ולמידה מותאמת אישית.
בהנחיית ניר מקובסקי ואלכס פטרשק, תעברו תהליך מובנה שיעזור לכם לזהות את המחסומים שמעכבים אתכם, לפתח חשיבה אסטרטגית, ולבנות תכנית פעולה קונקרטית שתוביל אתכם להישגים חדשים.
התכנית מיועדת למנהלים, יזמים ובעלי עסקים שרוצים לעבור לרמה הבאה - לא רק מבחינת תוצאות עסקיות, אלא גם מבחינת הדרך שבה הם חושבים ופועלים.
5 מפגשים מעצימים
מפגשים שבועיים עוקבים עם עבודה מעשית
ליווי אישי
זמינות המנחה בין המפגשים לשאלות והכוונה
תכנית פעולה אישית
יוצאים עם תכנית מעשית ומותאמת אישית
שיטות מוכחות
כלים ומתודולוגיות שעובדים בשטח
מה תלמדו בתכנית
התכנית בנויה על שלושה נדבכים מרכזיים שיחד יוצרים שינוי אמיתי ובר-קיימא בדרך שבה אתם מנהלים את העסק והקריירה שלכם.
מיינדסט יזמי
נעבוד על שינוי דפוסי החשיבה שמעכבים אתכם. תלמדו לזהות את האמונות המגבילות, לפתח חוסן נפשי, ולאמץ גישה של צמיחה שתאפשר לכם להתמודד עם אתגרים בביטחון.
תכנית פעולה
תבנו תכנית פעולה מעשית ומותאמת אישית. נלמד איך להגדיר מטרות חכמות, לפרק אותן למשימות ברות-ביצוע, ולעקוב אחרי התקדמות בצורה שיטתית שמובילה לתוצאות.
למידה מעשית
תקבלו כלים ושיטות מוכחות מעולם הקואצ'ינג העסקי. כל מפגש משלב תיאוריה עם תרגול מעשי, כך שתוכלו ליישם את מה שלמדתם מיד בשטח.
קריאה מומלצת
להכנה לתכנית ולהעמקת הלמידה, אנו ממליצים על הספרים והמאמרים הבאים:
Mindset: The New Psychology of Success
קרול דוק - על ההבדל בין גישה קבועה לגישה של צמיחה וכיצד זה משפיע על ההצלחה שלנו.
The 7 Habits of Highly Effective People
סטיבן קובי - שבעת ההרגלים שמאפיינים אנשים אפקטיביים ואיך ליישם אותם.
Atomic Habits
ג'יימס קליר - כיצד לבנות הרגלים טובים ולהיפטר מהרגלים רעים דרך שינויים קטנים.
Start With Why
סיימון סינק - למה מנהיגים מעוררי השראה מתחילים מהסיבה ולא מהמה או האיך.
// Form Validation and Submission
document.addEventListener('DOMContentLoaded', function() {
const form = document.getElementById('registrationForm');
const submitBtn = document.getElementById('submitBtn');
const paymentMethodSelect = document.getElementById('paymentMethod');
const creditCardSection = document.getElementById('creditCardSection');
// Payment method toggle
function toggleCreditCardSection() {
if (paymentMethodSelect.value === 'credit_card') {
creditCardSection.classList.remove('hidden');
// Make credit card fields required
creditCardSection.querySelectorAll('input:not([type="radio"]), select').forEach(field => {
if (field.name.startsWith('cc_')) {
field.required = true;
}
});
} else {
creditCardSection.classList.add('hidden');
// Remove required from credit card fields
creditCardSection.querySelectorAll('input, select').forEach(field => {
field.required = false;
});
}
}
paymentMethodSelect.addEventListener('change', toggleCreditCardSection);
toggleCreditCardSection(); // Initial state
// Credit card number formatting
const ccNumberInput = document.querySelector('input[name="cc_number"]');
if (ccNumberInput) {
ccNumberInput.addEventListener('input', function(e) {
let value = e.target.value.replace(/\s/g, '').replace(/\D/g, '');
let formattedValue = value.match(/.{1,4}/g)?.join(' ') || value;
e.target.value = formattedValue;
});
}
// Expiry date formatting
const ccExpiryInput = document.querySelector('input[name="cc_expiry"]');
if (ccExpiryInput) {
ccExpiryInput.addEventListener('input', function(e) {
let value = e.target.value.replace(/\D/g, '');
if (value.length >= 2) {
value = value.substring(0, 2) + '/' + value.substring(2, 4);
}
e.target.value = value;
});
}
// CVV - numbers only
const ccCvvInput = document.querySelector('input[name="cc_cvv"]');
if (ccCvvInput) {
ccCvvInput.addEventListener('input', function(e) {
e.target.value = e.target.value.replace(/\D/g, '');
});
}
// Real-time validation
const inputs = form.querySelectorAll('.form-input[required]');
inputs.forEach(input => {
input.addEventListener('blur', function() {
validateField(this);
});
input.addEventListener('input', function() {
if (this.closest('.form-group') && this.closest('.form-group').classList.contains('has-error')) {
validateField(this);
}
});
});
function validateField(field) {
const formGroup = field.closest('.form-group');
if (!formGroup) return true;
let isValid = field.checkValidity();
// Additional validation for ID number
if ((field.name === 'id_number' || field.name === 'cc_holder_id') && field.value) {
isValid = /^[0-9]{9}$/.test(field.value);
}
if (isValid) {
formGroup.classList.remove('has-error');
field.classList.remove('error');
} else {
formGroup.classList.add('has-error');
field.classList.add('error');
}
return isValid;
}
// Form submission via AJAX
form.addEventListener('submit', async function(e) {
e.preventDefault();
let isFormValid = true;
// Validate all visible required fields
form.querySelectorAll('.form-input[required]').forEach(input => {
// Skip hidden credit card fields
if (creditCardSection.classList.contains('hidden') &&
input.closest('.credit-card-section')) {
return;
}
if (!validateField(input)) {
isFormValid = false;
}
});
// Check card type if credit card is selected
if (paymentMethodSelect.value === 'credit_card') {
const cardTypeSelected = form.querySelector('input[name="card_type"]:checked');
if (!cardTypeSelected) {
isFormValid = false;
alert('נא לבחור סוג כרטיס אשראי');
return;
}
}
// Check terms checkbox
const termsCheckbox = form.querySelector('input[name="terms_accepted"]');
if (!termsCheckbox.checked) {
isFormValid = false;
alert('יש לאשר את תנאי השימוש ומדיניות הפרטיות');
return;
}
if (!isFormValid) {
// Scroll to first error
const firstError = form.querySelector('.has-error');
if (firstError) {
firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
return;
}
// Show loading state
submitBtn.classList.add('loading');
submitBtn.disabled = true;
try {
const formData = new FormData(form);
// If not credit card, remove CC fields from submission
if (paymentMethodSelect.value !== 'credit_card') {
formData.delete('cc_holder_name');
formData.delete('cc_holder_id');
formData.delete('card_type');
formData.delete('cc_number');
formData.delete('cc_expiry');
formData.delete('cc_cvv');
formData.delete('cc_payments');
}
const response = await fetch('https://api.web3forms.com/submit', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.success) {
// Success - redirect to thank you page
window.location.href = 'https://nirmako.com/thank-you/';
} else {
throw new Error(result.message || 'שגיאה בשליחת הטופס');
}
} catch (error) {
console.error('Form submission error:', error);
alert('אירעה שגיאה בשליחת הטופס. נא לנסות שוב או ליצור קשר בטלפון 052-254-9504');
submitBtn.classList.remove('loading');
submitBtn.disabled = false;
}
});
});
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth' });
}
});
});