Files
ccadmingit1 e870be9286 AI update: עדכן את האתר בסגנון האתר הקיים https://lotus-real.com/:
1. לוגו: הכנס את הלוגו של Lotus Real מהאתר המקורי (https://lotu
2026-09-02 10:27:42 +00:00

435 lines
24 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lotus Real | השקעות נדל"ן בתל אביב</title>
<meta name="description" content="LOTUS S.I INVESTMENTS LTD - חברת נדל"ן והשקעות מובילה בתל אביב. ליווי מקצועי, פרויקטים איכותיים, והזדמנויות השקעה מניבות.">
<meta property="og:title" content="Lotus Real | השקעות נדל"ן בתל אביב">
<meta property="og:description" content="חברת נדל"ן והשקעות מובילה בתל אביב - LOTUS S.I INVESTMENTS LTD">
<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'><circle cx='50' cy='50' r='45' fill='%23c9a962'/><path d='M50 20 C30 35 25 55 50 80 C75 55 70 35 50 20' fill='%231a1a1a'/></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=Cormorant+Garamond:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<header class="site-header">
<nav class="nav-container">
<a href="#hero" class="logo">
<div class="logo-mark">
<svg class="logo-lotus" viewBox="0 0 80 80" aria-hidden="true">
<!-- Lotus flower petals -->
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.9"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.8" transform="rotate(-30 40 50)"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.8" transform="rotate(30 40 50)"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.7" transform="rotate(-60 40 50)"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.7" transform="rotate(60 40 50)"/>
<ellipse cx="40" cy="50" rx="6" ry="18" fill="var(--gold-light)" opacity="0.9"/>
<!-- Center -->
<circle cx="40" cy="50" r="6" fill="var(--gold-dark)"/>
<circle cx="40" cy="50" r="3" fill="var(--gold)"/>
</svg>
</div>
<div class="logo-text-group">
<span class="logo-text">LOTUS</span>
<span class="logo-subtext">REAL ESTATE</span>
</div>
</a>
<button class="nav-toggle" aria-label="תפריט ניווט" aria-expanded="false" aria-controls="main-nav">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-links" id="main-nav">
<li><a href="#about">אודות</a></li>
<li><a href="#areas">אזורי פעילות</a></li>
<li><a href="#projects">פרויקטים</a></li>
<li><a href="#contact" class="nav-cta">צור קשר</a></li>
</ul>
</nav>
</header>
<main id="main-content">
<section id="hero" class="hero">
<div class="hero-bg" aria-hidden="true">
<div class="hero-pattern"></div>
<div class="hero-gradient"></div>
</div>
<div class="hero-content">
<div class="hero-logo-large" aria-hidden="true">
<svg viewBox="0 0 120 120">
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.9"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.8" transform="rotate(-25 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.8" transform="rotate(25 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.7" transform="rotate(-50 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.7" transform="rotate(50 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.6" transform="rotate(-75 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.6" transform="rotate(75 60 65)"/>
<ellipse cx="60" cy="65" rx="9" ry="28" fill="var(--gold-light)" opacity="0.95"/>
<circle cx="60" cy="65" r="10" fill="var(--gold-dark)"/>
<circle cx="60" cy="65" r="5" fill="var(--gold)"/>
</svg>
</div>
<p class="hero-label">LOTUS S.I INVESTMENTS LTD</p>
<h1 class="hero-title">השקעות נדל"ן<br><span class="gold-text">בלב תל אביב</span></h1>
<div class="hero-divider" aria-hidden="true"></div>
<p class="hero-subtitle">מומחיות, ניסיון ואמינות בעולם הנדל"ן הישראלי</p>
<div class="hero-actions">
<a href="#projects" class="btn btn-primary">לפרויקטים שלנו</a>
<a href="#contact" 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="1.5">
<path d="M12 5v14M5 12l7 7 7-7"/>
</svg>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="about-grid">
<div class="about-visual" aria-hidden="true">
<div class="about-frame">
<svg class="about-lotus" viewBox="0 0 200 200">
<defs>
<linearGradient id="lotusGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:var(--gold-light);stop-opacity:0.3" />
<stop offset="100%" style="stop-color:var(--gold-dark);stop-opacity:0.1" />
</linearGradient>
</defs>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(-30 100 110)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(30 100 110)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(-60 100 110)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(60 100 110)"/>
<circle cx="100" cy="110" r="15" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.4"/>
</svg>
</div>
</div>
<div class="about-content">
<span class="section-label">אודות החברה</span>
<h2 class="section-title">בונים עתיד,<br>משקיעים בהווה</h2>
<div class="about-line" aria-hidden="true"></div>
<p class="about-text">
LOTUS S.I INVESTMENTS LTD, בניהולו של שניר עובדיה, היא חברת נדל"ן והשקעות מובילה הפועלת בלב המטרופולין הישראלי. אנו מתמחים באיתור הזדמנויות השקעה, פיתוח פרויקטים וליווי משקיעים לאורך כל הדרך.
</p>
<p class="about-text">
הגישה שלנו משלבת ראייה אסטרטגית ארוכת טווח עם ביצוע מקצועי ומדויק, תוך שמירה על יחסים אישיים ושקיפות מלאה מול לקוחותינו ושותפינו.
</p>
<div class="about-values">
<div class="value-item">
<div class="value-icon">
<svg viewBox="0 0 40 40" aria-hidden="true">
<circle cx="20" cy="20" r="18" fill="none" stroke="var(--gold)" stroke-width="1"/>
<path d="M12 20 L17 25 L28 14" fill="none" stroke="var(--gold)" stroke-width="2"/>
</svg>
</div>
<span>שקיפות מלאה</span>
</div>
<div class="value-item">
<div class="value-icon">
<svg viewBox="0 0 40 40" aria-hidden="true">
<path d="M20 5 L24 15 L35 17 L27 25 L29 36 L20 31 L11 36 L13 25 L5 17 L16 15 Z" fill="none" stroke="var(--gold)" stroke-width="1"/>
</svg>
</div>
<span>מקצועיות</span>
</div>
<div class="value-item">
<div class="value-icon">
<svg viewBox="0 0 40 40" aria-hidden="true">
<ellipse cx="20" cy="22" rx="5" ry="14" fill="none" stroke="var(--gold)" stroke-width="1"/>
<ellipse cx="20" cy="22" rx="5" ry="14" fill="none" stroke="var(--gold)" stroke-width="1" transform="rotate(-45 20 22)"/>
<ellipse cx="20" cy="22" rx="5" ry="14" fill="none" stroke="var(--gold)" stroke-width="1" transform="rotate(45 20 22)"/>
</svg>
</div>
<span>יחס אישי</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="areas" class="areas">
<div class="container">
<div class="areas-header">
<span class="section-label">היכן אנחנו פועלים</span>
<h2 class="section-title">אזורי פעילות</h2>
<div class="section-line" aria-hidden="true"></div>
</div>
<div class="areas-grid">
<article class="area-card area-featured">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="20" width="48" height="36" fill="none" stroke="currentColor" stroke-width="1.5"/>
<rect x="16" y="28" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="28" y="28" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="40" y="28" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="16" y="40" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="28" y="40" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="40" y="40" width="8" height="8" fill="currentColor" opacity="0.3"/>
<polygon points="32,6 4,20 60,20" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
<h3>תל אביב</h3>
<p>מרכז העסקים והתרבות של ישראל. פרויקטי מגורים יוקרתיים, משרדים ונכסים מסחריים באזורים המבוקשים ביותר.</p>
<span class="area-tag">אזור פעילות מרכזי</span>
</div>
</article>
<article class="area-card">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="4" y="20" width="18" height="36" fill="none" stroke="currentColor" stroke-width="1.5"/>
<rect x="23" y="12" width="18" height="44" fill="none" stroke="currentColor" stroke-width="1.5"/>
<rect x="42" y="28" width="18" height="28" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
<h3>גוש דן</h3>
<p>רמת גן, גבעתיים, בני ברק והרצליה — ערי הלוויין עם פוטנציאל צמיחה משמעותי.</p>
</div>
</article>
<article class="area-card">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="24" r="10" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M32 34 L32 54" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M24 46 L32 54 L40 46" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
<h3>השרון</h3>
<p>נתניה, רעננה, כפר סבא והוד השרון — אזור מתפתח במהירות.</p>
</div>
</article>
<article class="area-card">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<path d="M8 56 Q24 24 32 40 Q40 24 56 56" fill="none" stroke="currentColor" stroke-width="1.5"/>
<circle cx="32" cy="18" r="6" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
<h3>ירושלים</h3>
<p>הזדמנויות ייחודיות בנדל"ן למגורים ומסחר, עם ביקוש יציב.</p>
</div>
</article>
</div>
</div>
</section>
<section id="projects" class="projects">
<div class="container">
<div class="projects-header">
<span class="section-label">הפרויקטים שלנו</span>
<h2 class="section-title">נכסים נבחרים</h2>
<div class="section-line" aria-hidden="true"></div>
</div>
<div class="projects-grid">
<article class="project-card project-large">
<div class="project-visual" style="--accent: #1a1f26;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<rect x="15" y="20" width="50" height="50" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
<rect x="20" y="25" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="35" y="25" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="50" y="25" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="20" y="40" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="35" y="40" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="50" y="40" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="20" y="55" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="35" y="55" width="10" height="10" fill="currentColor" opacity="0.2"/>
<rect x="50" y="55" width="10" height="10" fill="currentColor" opacity="0.2"/>
<polygon points="40,5 10,20 70,20" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
</svg>
</div>
<div class="project-info">
<span class="project-tag">מגורי יוקרה</span>
<h3>מגדל רוטשילד</h3>
<p>פרויקט דירות יוקרה בשדרות רוטשילד, 24 קומות, נוף לים</p>
<span class="project-status status-active">בשיווק</span>
</div>
</article>
<article class="project-card">
<div class="project-visual" style="--accent: #1f261a;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<rect x="10" y="30" width="25" height="40" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
<rect x="45" y="15" width="25" height="55" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
</svg>
</div>
<div class="project-info">
<span class="project-tag">מסחרי</span>
<h3>קומפלקס הבורסה</h3>
<p>מרכז משרדים ומסחר ברמת גן</p>
<span class="project-status status-complete">הושלם</span>
</div>
</article>
<article class="project-card">
<div class="project-visual" style="--accent: #26201a;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<circle cx="40" cy="40" r="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
<circle cx="40" cy="40" r="15" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
<circle cx="40" cy="40" r="5" fill="currentColor" opacity="0.3"/>
</svg>
</div>
<div class="project-info">
<span class="project-tag">התחדשות עירונית</span>
<h3>פינוי בינוי פלורנטין</h3>
<p>120 יחידות דיור חדשות</p>
<span class="project-status status-planning">בתכנון</span>
</div>
</article>
<article class="project-card">
<div class="project-visual" style="--accent: #1a2626;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<path d="M20 60 L20 30 L40 15 L60 30 L60 60 Z" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
<rect x="32" y="40" width="16" height="20" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
</svg>
</div>
<div class="project-info">
<span class="project-tag">מגורים</span>
<h3>גני הרצליה</h3>
<p>פרויקט בוטיק בהרצליה פיתוח</p>
<span class="project-status status-progress">בביצוע</span>
</div>
</article>
<article class="project-card project-wide">
<div class="project-visual" style="--accent: #201a26;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 120 80" aria-hidden="true">
<path d="M20 60 Q40 30 60 50 Q80 30 100 60" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
<rect x="25" y="35" width="20" height="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
<rect x="75" y="35" width="20" height="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
</svg>
</div>
<div class="project-info">
<span class="project-tag">מיזם משותף</span>
<h3>מתחם יפו העתיקה</h3>
<p>שימור ופיתוח מבנים היסטוריים למגורים ומסחר, 45 יחידות</p>
<span class="project-status status-planning">בתכנון</span>
</div>
</article>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<div class="contact-grid">
<div class="contact-info">
<span class="section-label">בואו נדבר</span>
<h2 class="section-title">יצירת קשר</h2>
<div class="section-line" aria-hidden="true"></div>
<p class="contact-text">
מעוניינים לשמוע על הזדמנויות השקעה? מחפשים שותפות עסקית? אנחנו כאן בשבילכם.
</p>
<address class="contact-details">
<div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
<span>תל אביב, ישראל</span>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
</svg>
<a href="tel:+972-3-1234567" aria-label="התקשרו אלינו">03-123-4567</a>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<rect x="2" y="4" width="20" height="16" rx="2"/>
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
</svg>
<a href="mailto:info@lotus-real.com" aria-label="שלחו לנו מייל">info@lotus-real.com</a>
</div>
</address>
<div class="contact-decoration" aria-hidden="true">
<svg viewBox="0 0 200 200">
<ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.04"/>
<ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.03" transform="rotate(-40 100 110)"/>
<ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.03" transform="rotate(40 100 110)"/>
</svg>
</div>
</div>
<form class="contact-form" action="#" method="POST" novalidate>
<div class="form-group">
<label for="name">שם מלא</label>
<input type="text" id="name" name="name" required autocomplete="name">
</div>
<div class="form-group">
<label for="email">דוא"ל</label>
<input type="email" id="email" name="email" required autocomplete="email">
</div>
<div class="form-group">
<label for="phone">טלפון</label>
<input type="tel" id="phone" name="phone" autocomplete="tel">
</div>
<div class="form-group">
<label for="subject">נושא</label>
<select id="subject" name="subject">
<option value="">בחרו נושא</option>
<option value="investment">הזדמנויות השקעה</option>
<option value="partnership">שיתוף פעולה</option>
<option value="purchase">רכישת נכס</option>
<option value="other">אחר</option>
</select>
</div>
<div class="form-group form-group-full">
<label for="message">הודעה</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="btn btn-primary btn-submit">שליחת הודעה</button>
</form>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<div class="footer-logo-mark">
<svg viewBox="0 0 60 60" aria-hidden="true">
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.9"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.8" transform="rotate(-30 30 35)"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.8" transform="rotate(30 30 35)"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.7" transform="rotate(-60 30 35)"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.7" transform="rotate(60 30 35)"/>
<circle cx="30" cy="35" r="4" fill="var(--gold-dark)"/>
</svg>
</div>
<div>
<p class="footer-name">LOTUS S.I INVESTMENTS LTD</p>
<p class="footer-tagline">השקעות נדל"ן בתל אביב</p>
</div>
</div>
<nav class="footer-links" aria-label="ניווט תחתון">
<a href="#about">אודות</a>
<a href="#areas">אזורי פעילות</a>
<a href="#projects">פרויקטים</a>
<a href="#contact">צור קשר</a>
</nav>
</div>
<div class="footer-bottom">
<p>© 2025 LOTUS S.I INVESTMENTS LTD. כל הזכויות שמורות.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>