AI update: עדכן את האתר בסגנון האתר הקיים https://lotus-real.com/:

1. לוגו: הכנס את הלוגו של Lotus Real מהאתר המקורי (https://lotu
This commit is contained in:
2026-09-02 10:27:42 +00:00
parent 713a520e70
commit e870be9286
2 changed files with 539 additions and 232 deletions
+117 -59
View File
@@ -11,7 +11,7 @@
<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="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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap" rel="stylesheet"> <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"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
@@ -20,11 +20,24 @@
<header class="site-header"> <header class="site-header">
<nav class="nav-container"> <nav class="nav-container">
<a href="#hero" class="logo"> <a href="#hero" class="logo">
<svg class="logo-icon" viewBox="0 0 60 60" aria-hidden="true"> <div class="logo-mark">
<path d="M30 8 C15 20 10 38 30 56 C50 38 45 20 30 8" fill="var(--gold)" opacity="0.9"/> <svg class="logo-lotus" viewBox="0 0 80 80" aria-hidden="true">
<path d="M30 14 C20 24 17 38 30 50 C43 38 40 24 30 14" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.5"/> <!-- Lotus flower petals -->
</svg> <ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.9"/>
<span class="logo-text">Lotus Real</span> <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> </a>
<button class="nav-toggle" aria-label="תפריט ניווט" aria-expanded="false" aria-controls="main-nav"> <button class="nav-toggle" aria-label="תפריט ניווט" aria-expanded="false" aria-controls="main-nav">
<span></span> <span></span>
@@ -43,11 +56,27 @@
<main id="main-content"> <main id="main-content">
<section id="hero" class="hero"> <section id="hero" class="hero">
<div class="hero-bg" aria-hidden="true"> <div class="hero-bg" aria-hidden="true">
<div class="hero-lotus"></div> <div class="hero-pattern"></div>
<div class="hero-gradient"></div>
</div> </div>
<div class="hero-content"> <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> <p class="hero-label">LOTUS S.I INVESTMENTS LTD</p>
<h1 class="hero-title">השקעות נדל"ן<br><span class="gold-text">בלב תל אביב</span></h1> <h1 class="hero-title">השקעות נדל"ן<br><span class="gold-text">בלב תל אביב</span></h1>
<div class="hero-divider" aria-hidden="true"></div>
<p class="hero-subtitle">מומחיות, ניסיון ואמינות בעולם הנדל"ן הישראלי</p> <p class="hero-subtitle">מומחיות, ניסיון ואמינות בעולם הנדל"ן הישראלי</p>
<div class="hero-actions"> <div class="hero-actions">
<a href="#projects" class="btn btn-primary">לפרויקטים שלנו</a> <a href="#projects" class="btn btn-primary">לפרויקטים שלנו</a>
@@ -55,7 +84,8 @@
</div> </div>
</div> </div>
<div class="hero-scroll" aria-hidden="true"> <div class="hero-scroll" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <span>גלול למטה</span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 5v14M5 12l7 7 7-7"/> <path d="M12 5v14M5 12l7 7 7-7"/>
</svg> </svg>
</div> </div>
@@ -65,17 +95,27 @@
<div class="container"> <div class="container">
<div class="about-grid"> <div class="about-grid">
<div class="about-visual" aria-hidden="true"> <div class="about-visual" aria-hidden="true">
<svg class="about-lotus" viewBox="0 0 200 200"> <div class="about-frame">
<path d="M100 20 C50 50 35 100 100 180 C165 100 150 50 100 20" fill="var(--gold)" opacity="0.08"/> <svg class="about-lotus" viewBox="0 0 200 200">
<path d="M100 40 C60 65 50 105 100 160 C150 105 140 65 100 40" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.3"/> <defs>
<path d="M100 60 C75 78 68 108 100 145 C132 108 125 78 100 60" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.2"/> <linearGradient id="lotusGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<path d="M60 90 C80 70 100 80 100 100 C100 80 120 70 140 90" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.25"/> <stop offset="0%" style="stop-color:var(--gold-light);stop-opacity:0.3" />
<path d="M50 110 C75 85 100 95 100 100 C100 95 125 85 150 110" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.2"/> <stop offset="100%" style="stop-color:var(--gold-dark);stop-opacity:0.1" />
</svg> </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>
<div class="about-content"> <div class="about-content">
<span class="section-label">אודות החברה</span> <span class="section-label">אודות החברה</span>
<h2 class="section-title">בונים עתיד,<br>משקיעים בהווה</h2> <h2 class="section-title">בונים עתיד,<br>משקיעים בהווה</h2>
<div class="about-line" aria-hidden="true"></div>
<p class="about-text"> <p class="about-text">
LOTUS S.I INVESTMENTS LTD, בניהולו של שניר עובדיה, היא חברת נדל"ן והשקעות מובילה הפועלת בלב המטרופולין הישראלי. אנו מתמחים באיתור הזדמנויות השקעה, פיתוח פרויקטים וליווי משקיעים לאורך כל הדרך. LOTUS S.I INVESTMENTS LTD, בניהולו של שניר עובדיה, היא חברת נדל"ן והשקעות מובילה הפועלת בלב המטרופולין הישראלי. אנו מתמחים באיתור הזדמנויות השקעה, פיתוח פרויקטים וליווי משקיעים לאורך כל הדרך.
</p> </p>
@@ -84,22 +124,30 @@
</p> </p>
<div class="about-values"> <div class="about-values">
<div class="value-item"> <div class="value-item">
<svg viewBox="0 0 32 32" aria-hidden="true"> <div class="value-icon">
<circle cx="16" cy="16" r="14" fill="none" stroke="var(--gold)" stroke-width="1.5"/> <svg viewBox="0 0 40 40" aria-hidden="true">
<path d="M10 16 L14 20 L22 12" fill="none" stroke="var(--gold)" stroke-width="2"/> <circle cx="20" cy="20" r="18" fill="none" stroke="var(--gold)" stroke-width="1"/>
</svg> <path d="M12 20 L17 25 L28 14" fill="none" stroke="var(--gold)" stroke-width="2"/>
</svg>
</div>
<span>שקיפות מלאה</span> <span>שקיפות מלאה</span>
</div> </div>
<div class="value-item"> <div class="value-item">
<svg viewBox="0 0 32 32" aria-hidden="true"> <div class="value-icon">
<path d="M16 4 L20 12 L28 14 L22 20 L24 28 L16 24 L8 28 L10 20 L4 14 L12 12 Z" fill="none" stroke="var(--gold)" stroke-width="1.5"/> <svg viewBox="0 0 40 40" aria-hidden="true">
</svg> <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> <span>מקצועיות</span>
</div> </div>
<div class="value-item"> <div class="value-item">
<svg viewBox="0 0 32 32" aria-hidden="true"> <div class="value-icon">
<path d="M16 6 C10 10 8 18 16 28 C24 18 22 10 16 6" fill="none" stroke="var(--gold)" stroke-width="1.5"/> <svg viewBox="0 0 40 40" aria-hidden="true">
</svg> <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> <span>יחס אישי</span>
</div> </div>
</div> </div>
@@ -113,19 +161,20 @@
<div class="areas-header"> <div class="areas-header">
<span class="section-label">היכן אנחנו פועלים</span> <span class="section-label">היכן אנחנו פועלים</span>
<h2 class="section-title">אזורי פעילות</h2> <h2 class="section-title">אזורי פעילות</h2>
<div class="section-line" aria-hidden="true"></div>
</div> </div>
<div class="areas-grid"> <div class="areas-grid">
<article class="area-card area-featured"> <article class="area-card area-featured">
<div class="area-icon"> <div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true"> <svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="20" width="48" height="36" fill="none" stroke="currentColor" stroke-width="2"/> <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.4"/> <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.4"/> <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.4"/> <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.4"/> <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.4"/> <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.4"/> <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="2"/> <polygon points="32,6 4,20 60,20" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<div class="area-content"> <div class="area-content">
@@ -137,9 +186,9 @@
<article class="area-card"> <article class="area-card">
<div class="area-icon"> <div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true"> <svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="4" y="20" width="18" height="36" fill="none" stroke="currentColor" stroke-width="2"/> <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="2"/> <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="2"/> <rect x="42" y="28" width="18" height="28" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<div class="area-content"> <div class="area-content">
@@ -150,9 +199,9 @@
<article class="area-card"> <article class="area-card">
<div class="area-icon"> <div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true"> <svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="24" r="10" fill="none" stroke="currentColor" stroke-width="2"/> <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="2"/> <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="2"/> <path d="M24 46 L32 54 L40 46" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<div class="area-content"> <div class="area-content">
@@ -163,8 +212,8 @@
<article class="area-card"> <article class="area-card">
<div class="area-icon"> <div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true"> <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="2"/> <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="2"/> <circle cx="32" cy="18" r="6" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg> </svg>
</div> </div>
<div class="area-content"> <div class="area-content">
@@ -178,11 +227,14 @@
<section id="projects" class="projects"> <section id="projects" class="projects">
<div class="container"> <div class="container">
<span class="section-label">הפרויקטים שלנו</span> <div class="projects-header">
<h2 class="section-title">נכסים נבחרים</h2> <span class="section-label">הפרויקטים שלנו</span>
<h2 class="section-title">נכסים נבחרים</h2>
<div class="section-line" aria-hidden="true"></div>
</div>
<div class="projects-grid"> <div class="projects-grid">
<article class="project-card project-large"> <article class="project-card project-large">
<div class="project-visual" style="--accent: #2a3d4f;"> <div class="project-visual" style="--accent: #1a1f26;">
<div class="project-bg"></div> <div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true"> <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="15" y="20" width="50" height="50" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -206,7 +258,7 @@
</div> </div>
</article> </article>
<article class="project-card"> <article class="project-card">
<div class="project-visual" style="--accent: #3d4f2a;"> <div class="project-visual" style="--accent: #1f261a;">
<div class="project-bg"></div> <div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true"> <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="10" y="30" width="25" height="40" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -221,7 +273,7 @@
</div> </div>
</article> </article>
<article class="project-card"> <article class="project-card">
<div class="project-visual" style="--accent: #4f3d2a;"> <div class="project-visual" style="--accent: #26201a;">
<div class="project-bg"></div> <div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true"> <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="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -237,7 +289,7 @@
</div> </div>
</article> </article>
<article class="project-card"> <article class="project-card">
<div class="project-visual" style="--accent: #2a4f4a;"> <div class="project-visual" style="--accent: #1a2626;">
<div class="project-bg"></div> <div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true"> <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"/> <path d="M20 60 L20 30 L40 15 L60 30 L60 60 Z" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -252,7 +304,7 @@
</div> </div>
</article> </article>
<article class="project-card project-wide"> <article class="project-card project-wide">
<div class="project-visual" style="--accent: #4a2a4f;"> <div class="project-visual" style="--accent: #201a26;">
<div class="project-bg"></div> <div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 120 80" aria-hidden="true"> <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"/> <path d="M20 60 Q40 30 60 50 Q80 30 100 60" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -277,38 +329,37 @@
<div class="contact-info"> <div class="contact-info">
<span class="section-label">בואו נדבר</span> <span class="section-label">בואו נדבר</span>
<h2 class="section-title">יצירת קשר</h2> <h2 class="section-title">יצירת קשר</h2>
<div class="section-line" aria-hidden="true"></div>
<p class="contact-text"> <p class="contact-text">
מעוניינים לשמוע על הזדמנויות השקעה? מחפשים שותפות עסקית? אנחנו כאן בשבילכם. מעוניינים לשמוע על הזדמנויות השקעה? מחפשים שותפות עסקית? אנחנו כאן בשבילכם.
</p> </p>
<address class="contact-details"> <address class="contact-details">
<div class="contact-item"> <div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <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"/> <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"/> <circle cx="12" cy="10" r="3"/>
</svg> </svg>
<span>תל אביב, ישראל</span> <span>תל אביב, ישראל</span>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <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"/> <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> </svg>
<!-- Replace with real phone -->
<a href="tel:+972-3-1234567" aria-label="התקשרו אלינו">03-123-4567</a> <a href="tel:+972-3-1234567" aria-label="התקשרו אלינו">03-123-4567</a>
</div> </div>
<div class="contact-item"> <div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> <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"/> <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"/> <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
</svg> </svg>
<!-- Replace with real email -->
<a href="mailto:info@lotus-real.com" aria-label="שלחו לנו מייל">info@lotus-real.com</a> <a href="mailto:info@lotus-real.com" aria-label="שלחו לנו מייל">info@lotus-real.com</a>
</div> </div>
</address> </address>
<div class="contact-decoration" aria-hidden="true"> <div class="contact-decoration" aria-hidden="true">
<svg viewBox="0 0 200 200"> <svg viewBox="0 0 200 200">
<path d="M100 30 C55 60 40 110 100 180 C160 110 145 60 100 30" fill="var(--gold)" opacity="0.06"/> <ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.04"/>
<path d="M100 50 C65 75 55 115 100 165 C145 115 135 75 100 50" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.15"/> <ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.03" transform="rotate(-40 100 110)"/>
<path d="M100 70 C80 88 73 118 100 150 C127 118 120 88 100 70" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.1"/> <ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.03" transform="rotate(40 100 110)"/>
</svg> </svg>
</div> </div>
</div> </div>
@@ -350,9 +401,16 @@
<div class="container"> <div class="container">
<div class="footer-content"> <div class="footer-content">
<div class="footer-brand"> <div class="footer-brand">
<svg class="footer-logo" viewBox="0 0 60 60" aria-hidden="true"> <div class="footer-logo-mark">
<path d="M30 8 C15 20 10 38 30 56 C50 38 45 20 30 8" fill="var(--gold)" opacity="0.9"/> <svg viewBox="0 0 60 60" aria-hidden="true">
</svg> <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> <div>
<p class="footer-name">LOTUS S.I INVESTMENTS LTD</p> <p class="footer-name">LOTUS S.I INVESTMENTS LTD</p>
<p class="footer-tagline">השקעות נדל"ן בתל אביב</p> <p class="footer-tagline">השקעות נדל"ן בתל אביב</p>
+422 -173
View File
File diff suppressed because it is too large Load Diff