Skip to content

Commit 18ac7ae

Browse files
talalye1talalye1
authored
Add files via upload
Signed-off-by: الأيقونة للعطور <147558813+talalye1@users.noreply.github.com>
1 parent 81e76cd commit 18ac7ae

1 file changed

Lines changed: 51 additions & 17 deletions

File tree

‎men.html‎

Lines changed: 51 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -223,6 +223,13 @@
223223
transform: translateY(-50%);
224224
color: var(--gold);
225225
}
226+
227+
/* --- Why Us Section --- */
228+
.why-us { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
229+
.feature-item { text-align: center; max-width: 250px; }
230+
.feature-item .icon { font-size: 2.5rem; color: var(--gold); margin-bottom: 10px; }
231+
.feature-item h3 { font-size: 1.3rem; margin-bottom: 5px; }
232+
.feature-item p { color: var(--light-gold); font-size: 0.95rem; }
226233

227234
/* --- Products Section --- */
228235
.products-grid {
@@ -233,8 +240,8 @@
233240
.product-card {
234241
background: var(--dark-gray);
235242
border: 2px solid transparent;
236-
border-radius: 5px;
237-
padding: 5px;
243+
border-radius: 15px;
244+
padding: 15px;
238245
text-align: center;
239246
transition: all 0.3s ease;
240247
display: flex;
@@ -302,7 +309,7 @@
302309
padding: 5px 0;
303310
margin-bottom: 10px;
304311
}
305-
.cart-item img { width: 80px; height: 70px; border-radius: 8px; margin-left: 5px; }
312+
.cart-item img { width: 5px; height: 5px; border-radius: 8px; margin-left: 5px; }
306313
.cart-item-details { flex-grow: 1; }
307314
.cart-item-details h4 { color: var(--light-gold); font-size: 1.1rem; }
308315
.cart-item-details p { color: var(--gold); font-weight: bold; }
@@ -517,6 +524,7 @@
517524

518525
.facebook { background: #3b5998; }
519526
.instagram { background: #e1306c; }
527+
.telegram { background: #1da1f2; }
520528
.twitter { background: #1da1f2; }
521529
.whatsapp { background: #25d366; }
522530
.share-all { background: var(--gold); }
@@ -737,6 +745,28 @@
737745
border-top: 1px solid rgba(212, 175, 55, 0.3);
738746
}
739747

748+
/* --- Floating Share Buttons --- */
749+
.floating-share2-buttons {
750+
display: flex;
751+
bottom: 70px;
752+
left: 20px;
753+
gap: 10px;
754+
z-index: 995;
755+
}
756+
.floating-share2-buttons a {
757+
width: 40px; height: 40px; border-radius: 50%;
758+
display: flex; justify-content: center; align-items: center;
759+
color: white; text-decoration: none; font-size: 1.5rem;
760+
transition: transform 0.3s;
761+
}
762+
.floating-share2-buttons a:hover { transform: scale(1.1); }
763+
.share-fb { background: #1877F2; }
764+
.share-wa { background: #25D366; }
765+
.share-tg { background: #e1306c; }
766+
.share-in { background: #1da1f2; }
767+
.share-tw { background: #1DA1F2; }
768+
.share-all { background: var(--gold); }
769+
740770
/* --- Floating Chat Widget --- */
741771
#chat-widget {
742772
position: fixed;
@@ -820,12 +850,12 @@
820850
<div class="fixed-share">
821851
<a href="#" class="fixed-share-btn facebook" onclick="sharePage('facebook')"><i class="fab fa-facebook-f"></i></a>
822852
<a href="#" class="fixed-share-btn instagram" onclick="sharePage('instagram')"><i class="fab fa-instagram"></i></a>
853+
<a href="#" class="fixed-share-btn telegram" onclick="sharePage('telegram')"><i class="fab fa-telegram-plane"></i></a>
823854
<a href="#" class="fixed-share-btn whatsapp" onclick="sharePage('whatsapp')"><i class="fab fa-whatsapp"></i></a>
824855
<a href="#" class="fixed-share-btn twitter" onclick="sharePage('twitter')"><i class="fab fa-twitter"></i></a>
825856
<a href="#" class="fixed-share-btn share-all" onclick="sharePage('all')"><i class="fas fa-share-alt"></i></a>
826857
</div>
827-
828-
<body>
858+
<body>
829859
<div class="top-bar">
830860
<div class="nav-buttons">
831861
<a href="index.html" class="nav-btn">الرئيسية</a>
@@ -961,6 +991,7 @@ <h2>تواصل معنا</h2>
961991
</div>
962992
</footer>
963993
</div>
994+
</div>
964995
<div id="chat-widget">
965996
<div id="chat-popup">
966997
<div class="chat-header">
@@ -1102,12 +1133,14 @@ <h3>${product.name}</h3>
11021133
</div>
11031134
<div class="total-price">الإجمالي: <span class="total-price-value">${product.price.toLocaleString()}</span> ريال</div>
11041135
<button class="add-to-cart-btn" data-product-id="${product.id}" data-product-name="${product.name}" data-product-price="${product.price}">أضف إلى السلة</button>
1105-
<div class="social-share">
1106-
<a href="https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(window.location.href)}" target="_blank" class="facebook"><i class="fab fa-facebook-f"></i></a>
1107-
<a href="https://twitter.com/intent/tweet?url=${encodeURIComponent(window.location.href)}&text=${encodeURIComponent(product.name)}" target="_blank" class="twitter"><i class="fab fa-twitter"></i></a>
1108-
<a href="https://api.whatsapp.com/send?text=${encodeURIComponent(product.name + ' ' + window.location.href)}" target="_blank" class="whatsapp"><i class="fab fa-whatsapp"></i></a>
1109-
<a href="https://t.me/share/url?url=${encodeURIComponent(window.location.href)}&text=${encodeURIComponent(product.name)}" target="_blank" class="telegram"><i class="fab fa-telegram-plane"></i></a>
1110-
</div>
1136+
<div class="floating-share2-buttons">
1137+
<a href="https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(product.name + ' انصحك بهذا العطر\nفي قسم - العطور الرجالية\n\nرابط العطر↓\n ' + window.location.href + ' الأيقونة للعطور - جودة وأصالة\n\nعطور رجاليه ونسائيه واجود انواع البخور\n\nيوجد لدينا التوصيل الى جميع المحافظات اليمنيه\n\n↓روابط الأيقونة للعطور↓\nموقع الويب↓\nhttps://talalye1.github.io/Icon-perfumes\n\nتطبيق المتجر↓\nhttps://talalye1.github.io/Icon-perfumes/الأيقونة.apk\n\nفيسبوك↓\nhttps://facebook.com/@alayqwnt.ll.twr\n\nانستجرام↓\nhttps://www.instagram.com/lyqwn_lltwr\n\nللطلب والإستفسارات راسلنا على الماسنجر↓\nhttps://m.me/alayqwnt.ll.twr ')} " target="_blank" class="facebook"><i class="fab fa-facebook-f"></i></a>
1138+
<a href="https://www.instagram/sharer/sharer.php?u=${encodeURIComponent(product.name + ' انصحك بهذا العطر\nفي قسم - العطور الرجالية\n\nرابط العطر↓\n ' + window.location.href + '\n\n الأيقونة للعطور - جودة وأصالة\n\nعطور رجاليه ونسائيه واجود انواع البخور\n\nيوجد لدينا التوصيل الى جميع المحافظات اليمنيه\n\n↓روابط الأيقونة للعطور↓\nموقع الويب↓\nhttps://talalye1.github.io/Icon-perfumes\n\nتطبيق المتجر↓\nhttps://talalye1.github.io/Icon-perfumes/الأيقونة.apk\n\nفيسبوك↓\nhttps://facebook.com/@alayqwnt.ll.twr\n\nانستجرام↓\nhttps://www.instagram.com/lyqwn_lltwr\n\nللطلب والإستفسارات راسلنا على الماسنجر↓\nhttps://m.me/alayqwnt.ll.twr ')} " target="_blank" class="instagram"><i class="fab fa-instagram"></i></a>
1139+
<a href="https://twitter.com/intent/tweet?url=${encodeURIComponent(window.location.href + '\n\n الأيقونة للعطور - جودة وأصالة\n\nعطور رجاليه ونسائيه واجود انواع البخور\n\nيوجد لدينا التوصيل الى جميع المحافظات اليمنيه\n\n↓روابط الأيقونة للعطور↓\nموقع الويب↓\nhttps://talalye1.github.io/Icon-perfumes\n\nتطبيق المتجر↓\nhttps://talalye1.github.io/Icon-perfumes/الأيقونة.apk\n\nفيسبوك↓\nhttps://facebook.com/@alayqwnt.ll.twr\n\nانستجرام↓\nhttps://www.instagram.com/lyqwn_lltwr\n\nللطلب والإستفسارات راسلنا على الماسنجر↓\nhttps://m.me/alayqwnt.ll.twr ')}&text=${encodeURIComponent(product.name + ' انصحك بهذا العطر\nفي قسم - العطور الرجالية\nرابط العطر↓ ')}" target="_blank" class="twitter"><i class="fab fa-twitter"></i></a>
1140+
<a href="https://api.whatsapp.com/send?text=${encodeURIComponent(product.name + ' انصحك بهذا العطر\nفي قسم - العطور الرجالية\n\nرابط العطر↓\n ' + window.location.href + '\n\n الأيقونة للعطور - جودة وأصالة\n\nعطور رجاليه ونسائيه واجود انواع البخور\n\nيوجد لدينا التوصيل الى جميع المحافظات اليمنيه\n\n↓روابط الأيقونة للعطور↓\nموقع الويب↓\nhttps://talalye1.github.io/Icon-perfumes\n\nتطبيق المتجر↓\nhttps://talalye1.github.io/Icon-perfumes/الأيقونة.apk\n\nفيسبوك↓\nhttps://facebook.com/@alayqwnt.ll.twr\n\nانستجرام↓\nhttps://www.instagram.com/lyqwn_lltwr\n\nللطلب والإستفسارات راسلنا على الماسنجر↓\nhttps://m.me/alayqwnt.ll.twr ')} " target="_blank" class="whatsapp"><i class="fab fa-whatsapp"></i></a>
1141+
<a href="https://t.me/share/url?url=${encodeURIComponent(product.name + ' انصحك بهذا العطر\nفي قسم - العطور الرجالية\n\nرابط العطر↓\n ' + window.location.href + '\n\n الأيقونة للعطور - جودة وأصالة\n\nعطور رجاليه ونسائيه واجود انواع البخور\n\nيوجد لدينا التوصيل الى جميع المحافظات اليمنيه\n\n↓روابط الأيقونة للعطور↓\nموقع الويب↓\nhttps://talalye1.github.io/Icon-perfumes\n\nتطبيق المتجر↓\nhttps://talalye1.github.io/Icon-perfumes/الأيقونة.apk\n\nفيسبوك↓\nhttps://facebook.com/@alayqwnt.ll.twr\n\nانستجرام↓\nhttps://www.instagram.com/lyqwn_lltwr\n\nللطلب والإستفسارات راسلنا على الماسنجر↓\nhttps://m.me/alayqwnt.ll.twr ')} " target="_blank" class="telegram"><i class="fab fa-telegram-plane"></i></a>
1142+
</div>
1143+
11111144
`;
11121145
productsGrid.appendChild(card);
11131146
});
@@ -1346,7 +1379,7 @@ <h4>${item.name}</h4>
13461379
function speak(text) { if ('speechSynthesis' in window) { const utterance = new SpeechSynthesisUtterance(text); utterance.lang = 'ar-SA'; window.speechSynthesis.speak(utterance); } }
13471380
function addMessage(text, sender) { const messageDiv = document.createElement('div'); messageDiv.className = `chat-message ${sender}-message`; messageDiv.textContent = text; chatMessages.appendChild(messageDiv); chatMessages.scrollTop = chatMessages.scrollHeight; }
13481381

1349-
if (userName) { namePrompt.style.display = 'none'; chatInputArea.style.display = 'flex'; const welcomeBackMsg = `أهلاً بعودتك يا ${userName}! كيف أقدر أساعدك اليوم؟ يمكنك طلب تشغيل الموسيقى اكتب كلمة "تشغيل".`; addMessage(welcomeBackMsg, 'bot'); speak(welcomeBackMsg); } else { const welcomeMsg = "أهلاً بك في متجر الأيقونة! أنا مؤظف خدمة العملاء الذكي. لطفاً، أدخل اسمك للبدء."; addMessage(welcomeMsg, 'bot'); speak(welcomeMsg); }
1382+
if (userName) { namePrompt.style.display = 'none'; chatInputArea.style.display = 'flex'; const welcomeBackMsg = `أهلاً بعودتك يا ${userName}! في قسم العطور الرجالية كيف أقدر أساعدك اليوم؟ يمكنك طلب سماع الموسيقى في ايقونة الدردشة اكتب كلمة "تشغيل".`; addMessage(welcomeBackMsg, 'bot'); speak(welcomeBackMsg); } else { const welcomeMsg = "أهلاً بك في متجر الأيقونة! أنا مؤظف خدمة العملاء الذكي. لطفاً، أدخل اسمك للبدء."; addMessage(welcomeMsg, 'bot'); speak(welcomeMsg); }
13501383
sendNameBtn.onclick = () => { const name = nameInput.value.trim(); if (name) { userName = name; localStorage.setItem('perfume_userName', userName); namePrompt.style.display = 'none'; chatInputArea.style.display = 'flex'; addMessage(`رائع يا ${userName}! كيف أقدر أساعدك؟ يمكنك سماع الموسيقى ارسل كلمة "تشغيل"`, 'bot'); } };
13511384
sendBtn.onclick = handleUserInput;
13521385
chatInput.onkeypress = e => { if (e.key === 'Enter') handleUserInput(); };
@@ -1493,7 +1526,7 @@ <h4>${item.name}</h4>
14931526

14941527
// تهيئة المتغيرات
14951528
let allCommentsLoaded = false;
1496-
const commentsPerPage = 5;
1529+
const commentsPerPage = 3;
14971530
let currentComments = [];
14981531
let timeUpdater;
14991532

@@ -1591,7 +1624,7 @@ <h4>${item.name}</h4>
15911624
const loadMoreBtn = document.getElementById('loadMoreBtn');
15921625
if (limit && currentComments.length > limit) {
15931626
loadMoreBtn.style.display = 'block';
1594-
loadMoreBtn.textContent = `تحميل جميع التعليقات (${currentComments.length - commentsPerPage} تعليق إضافي)`;
1627+
loadMoreBtn.textContent = `تحميل جميع التعليقات يوجد (${currentComments.length - commentsPerPage} تعليق إضافي)`;
15951628
} else {
15961629
loadMoreBtn.style.display = 'none';
15971630
}
@@ -1677,7 +1710,7 @@ <h4>${item.name}</h4>
16771710
name: name,
16781711
timestamp: Date.now(),
16791712
content: content,
1680-
likes: 0,
1713+
likes: 5,
16811714
liked: false,
16821715
replies: []
16831716
};
@@ -1770,7 +1803,7 @@ <h4>${item.name}</h4>
17701803
name: name,
17711804
timestamp: Date.now(),
17721805
content: content,
1773-
likes: 0,
1806+
likes: 5,
17741807
liked: false
17751808
});
17761809

@@ -1870,7 +1903,7 @@ <h4>${item.name}</h4>
18701903
}
18711904

18721905
// رسالة المقدمة للذكاء الاصطناعي
1873-
const prompt = `أنت خدمة عملاء متجر عطور يسمى 'الأيقونة'. قم بالرد على تعليق العميل بطريقة مهذبة ومناسبة. التعليق: "${commentText}". الرد يجب أن يكون باللغة العربية الفصحى، مختصر (جملتين كحد أقصى)، ويشكر العميل ويقدم دعوة للتواصل إذا كان هناك استفسار.`;
1906+
const prompt = `أنت خدمة عملاء متجر عطور يسمى 'الأيقونة'. طرق للدفع [إيداع بنك الكريمي أو حوالات مصرفية أو إيداع عبر المحافظ الإلكترونية]، مدة التوصيل [مدة التوصيل تتراوح بين 1-3 أيام في المدن الكبرى و3-7 أيام لباقي المناطق]، جودة [جميع منتجاتنا أصلية 100% وذات جودة عالية مع ضمان استرجاع]، عروض [لدينا عروض دورية تابع صفحاتنا على التواصل الاجتماعي لمعرفة أحدث العروض]، سعر [الأسعار موضحة في صفحة كل منتج لأي استفسار عن منتج بعينة اكتب اكتب اسم المنتج]، استبدال [نقدم خدمة استبدال المنتج خلال 7 أيام من الاستلام في حال وجود عيب مصنعي]، توصيل [ لدينا خدمة التوصيل لجميع المحافظات اليمنية]، مصمم [تم تصميم موقع وتطبيق متجر الأيقونة بواسطة المبرمج والمصمم طلال سليمان المقطري للتواصل معه: 774662666]، سعر عطر العود الملكي [5.900 ريال يمني عملة قديم خصم خاص لطلب كميات]، سعر عطر نسيم البحر [4.900 ريال يمني عملة قديم حصم خاص لطلب كميات]، سعر عطر روح الصحراء [5.500 ريال يمني عملة قديم حصم خاص لطلب كميات]، سعر عطر ليالي الشرق [5.200 ريال يمني عملة قديم حصم خاص لطلب كميات]، سعر عطر خرير الماء [4.200 ريال يمني عملة قديم حصم خاص لطلب كميات]، مقرنا الرئيسي في [اليمن محافظة ذمار]، قم بالرد على تعليق العميل بطريقة مهذبة ومناسبة. التعليق: "${commentText}". الرد يجب أن يكون باللغة العربية الفصحى، مختصر (جملتين كحد أقصى)، ويشكر العميل ويقدم دعوة للتواصل إذا كان هناك استفسار.`;
18741907

18751908
try {
18761909
const response = await fetch(url, {
@@ -1883,6 +1916,7 @@ <h4>${item.name}</h4>
18831916
})
18841917
});
18851918

1919+
18861920
if (!response.ok) {
18871921
throw new Error('Network response was not ok');
18881922
}

0 commit comments

Comments
 (0)