let styles = document.createElement("style");
styles.innerHTML = `
.grid-special{
display: flex;
justify-content: center;
align-items: center;
max-width: 1300px;
margin: auto;
}
.grid-special .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
column-gap: 5px;
width: 100%;
max-width: 100%;
padding: 10px;
}
.grid-special .banner {
text-align: center;
}
.grid-special img {
width: 100%;
max-width: 100%;
}
/* Adjust grid items' placement Desktop*/
.grid-special #b-1 {
grid-column: span 1;
grid-row: 1;
}
.grid-special #b-2 {
grid-column: span 1;
grid-row: span 2;
}
.grid-special #b-3 {
grid-column: span 1;
grid-row: span 1;
}
`;
document.head.append(styles);
let gridSp = document.createElement("div");
gridSp.classList.add("grid-special", "s-block");
gridSp.innerHTML = `
`;
if (document.querySelector(".index")) {
document.querySelectorAll(".s-block")[0].after(gridSp);
}
var canonicalLink = document.createElement("link");
canonicalLink.rel = "canonical";
canonicalLink.href = window.location.href;
document.head.appendChild(canonicalLink);
(function() {
document.addEventListener("DOMContentLoaded", function() {
let links = document.querySelectorAll("a");
links.forEach(link => {
let url = new URL(link.href, window.location.origin);
if (!url.pathname.endsWith("/") && !url.pathname.includes(".")) {
link.href = url.pathname + "/" + url.search + url.hash;
}
});
// إعادة توجيه الصفحة الحالية إذا لم يكن بها "/"
if (!window.location.pathname.endsWith("/") && !window.location.pathname.includes(".")) {
window.history.replaceState(null, "", window.location.pathname + "/" + window.location.search + window.location.hash);
}
});
})();
// Create the WhatsApp button
const WABtn = document.createElement('a');
WABtn.href = 'https://api.whatsapp.com/send/?phone=966563757721&text&type=phone_number&app_absent=0';
WABtn.target = '_blank';
WABtn.className = 'custom-whatsapp-button'; // Custom class
WABtn.style.position = 'fixed';
WABtn.style.bottom = '20px'; // Initial bottom value
WABtn.style.right = '20px';
WABtn.style.backgroundColor = '#134525'; // Custom dark green background
WABtn.style.color = '#ffffff';
WABtn.style.padding = '8px 24px'; // Initial padding
WABtn.style.borderRadius = '20px'; // Curved corners
WABtn.style.borderColor = '#000'; // Curved corners
WABtn.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.1)';
WABtn.style.display = 'flex';
WABtn.style.alignItems = 'center';
WABtn.style.justifyContent = 'space-between'; // Space between icon and text
WABtn.style.zIndex = '1000';
WABtn.style.textDecoration = 'none';
WABtn.style.fontSize = '18px';
WABtn.style.fontFamily = 'inherit'; // Use the website's font
WABtn.style.transition = 'transform 0.2s ease, background-color 0.2s ease'; // Add transition for motion
// Create the WhatsApp icon
const WAIcon = document.createElement('img');
WAIcon.src = 'https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg';
WAIcon.alt = 'WhatsApp';
WAIcon.className = 'custom-whatsapp-icon'; // Custom class
// Create the WhatsApp text
const WATxt = document.createElement('span');
WATxt.textContent = '';
WATxt.className = 'custom-whatsapp-text'; // Custom class
// Append the text and icon to the button
WABtn.appendChild(WAIcon); // Append icon first
WABtn.appendChild(WATxt); // Append text last
// Add hover effect to the button
WABtn.onmouseover = function() {
WABtn.style.transform = 'scale(1.05)'; // Slight zoom effect
WABtn.style.backgroundColor = '#0f3c3a'; // Slightly darker green
};
WABtn.onmouseout = function() {
WABtn.style.transform = 'scale(1)'; // Reset zoom
WABtn.style.backgroundColor = '#134525'; // Reset background color
};
// Append the button to the body
document.body.appendChild(WABtn);
// Add responsive styling for mobile devices
const style = document.createElement('style');
style.innerHTML = `
.custom-whatsapp-button {
font-family: inherit;
}
.custom-whatsapp-icon {
width: 45px;
height: 45px;
margin-left: 8px; /* Adjust margin */
}
.custom-whatsapp-text {
font-size: 12px; /* Smaller font size for mobile */
}
@media (max-width: 768px) {
.custom-whatsapp-button {
padding: 4px 12px; /* Smaller padding for mobile */
font-size: 12px; /* Smaller font size for mobile */
bottom: 100px !important; /* Increased space from bottom of screen */
}
.custom-whatsapp-icon {
width: 45px;
height: 45px;
margin-left: 6px; /* Adjust margin */
}
.custom-whatsapp-text {
font-size: 12px; /* Consistent font size for mobile */
}
}
`;
document.head.appendChild(style);
// Footer Change
document.querySelector("[aria-label='footer'] .container > div:last-of-type").remove();
const footerCont = document.querySelector("[aria-label='footer'] .container salla-apps-icons");
const socialLinks = document.createElement("div");
socialLinks.innerHTML = `
`;
footerCont.before(socialLinks)
if (document.querySelector(".index")) {
let style = document.createElement("style");
style.innerHTML = `
.s-block-custumized-feats {
padding-left: 20px;
padding-right: 20px;
}
.s-block-custumized-feats .container ,
.s-block-custumized-feats a {
justify-content: center;
align-items: center;
}
.s-block-custumized-feats a {
transition: .3s;
display: flex;
}
.s-block-custumized-feats a:hover {
transform: translateY(-10px);
}
/* features */
.s-block-custumized-feats .container {
display: grid;
grid-template-columns: repeat(3, minmax(0px, 300px));
gap: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.s-block-custumized-feats .container a img {
width: 180px;
}
@media (max-width: 1024px) {
.s-block-custumized-feats .container {
grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
gap: 10px;
}
.s-block-custumized-feats .container a:nth-of-type(2) {
grid-row: 1;
grid-column: span 2;
}
.s-block-custumized-feats .container a img {
width: 150px;
}
}
`;
document.head.append(style);
const feats = [{ src: "https://i.postimg.cc/R0vS6V6F/Group-480.png" }, { src: "https://i.postimg.cc/ry7tdx8w/Group-3716.png" }, { src: "https://i.postimg.cc/FFYLsDX6/Group-482.png" }];
const section2 = document.createElement("section");
section2.classList.add("s-block", "s-block-custumized-feats");
const sCont2 = document.createElement("div");
sCont2.classList.add("container");
section2.appendChild(sCont2);
feats.forEach((e) => {
const anc = document.createElement("a");
anc.innerHTML = `
`;
sCont2.appendChild(anc);
});
document.querySelector("footer").before(section2);
const selectedElement = document.querySelector(".lg\\:col-span-2.rtl\\:lg\\:pl-20.ltr\\:lg\\:pr-20 .flex.items-center.m-0");
const busi = document.createElement("div");
busi.innerHTML = `
`;
selectedElement.after(busi);
}
