<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><script>const MIN_RATE = "3";
const TRIGGER = "<button class='link sm' id='rate-me'>Laissez un avis sur Google</button>";
const RATING_TEMPLATE = "<div id='rating'><div id='rating-form'><h4>Que pensez-vous de cet endroit ?</h4><div id='rate-prog'><img src='/golink/templates/assets/icons/rate.png' alt='star' srcset='' height='32px' id='r-1'><img src='/golink/templates/assets/icons/rate.png' alt='star' srcset='' height='32px' id='r-2'><img src='/golink/templates/assets/icons/rate.png' alt='star' srcset='' height='32px' id='r-3'><img src='/golink/templates/assets/icons/rate.png' alt='star' srcset='' height='32px' id='r-4'><img src='/golink/templates/assets/icons/rate.png' alt='star' srcset='' height='32px' id='r-5'></div><button class='button' id='next'>Suivant</button><form action=''><textarea name='review' id='review' rows='3' placeholder='Rédigez votre avis sur ce qui pourrait être amélioré...'></textarea><input type='submit' value='Envoyer' class='button'></form></div></div>";

function changeOpacityTo(rate) {
	const stars = document.querySelectorAll('#rate-prog>img');

	stars.forEach((star, index) => {
		if (index < rate) {
			star.style.opacity = 1;
		} else {
			star.style.opacity = 0.3;
		}
	});
}

document.addEventListener('DOMContentLoaded', () => {
	document.querySelector('html').insertAdjacentHTML('beforeend', RATING_TEMPLATE);

	document.querySelector('.links').insertAdjacentHTML('beforeend', TRIGGER)
	const rate_popup = document.querySelector('#rating');
	const rate_btn = document.querySelector('#rate-me');
	const body = document.querySelector('body');

	const reviews = [
		document.querySelector('#r-1'),
		document.querySelector('#r-2'),
		document.querySelector('#r-3'),
		document.querySelector('#r-4'),
		document.querySelector('#r-5'),
	];
	const nextBtn = document.querySelector('#next');
	const form = document.querySelector('#rating-form>form');

	let user_rate = 0;
	
	rate_btn.addEventListener('click', () => {
		if (rate_popup) {
			rate_popup.style.display = 'flex';
			window.scrollTo(0, 0);
			body.style.overflow = 'hidden';
			
			setTimeout(() => {
				document.addEventListener('click', outsideClickListener);
			}, 10);
		}
	});

	function outsideClickListener(event) {
		const ratingForm = document.getElementById('rating-form');
		if (rate_popup && rate_popup.style.display === 'flex' && ratingForm && !ratingForm.contains(event.target)) {
			rate_popup.style.display = 'none';
			document.removeEventListener('click', outsideClickListener);
			body.style.overflow = 'auto';
		}
	}

	reviews.forEach((review) => {
		review.addEventListener('click', () => {
			form.style.display = 'none';
			const rate = parseInt(review.id.split('-')[1]);
			changeOpacityTo(rate);
			nextBtn.style.display = 'block';
			user_rate = rate;
		});
	});

	nextBtn.addEventListener('click', () => {
		if (user_rate < MIN_RATE) {
			nextBtn.style.display = 'none';
			form.style.display = 'block';
		}
		else {
			window.open('https://search.google.com/local/writereview?placeid=ChIJLURAzBRZpw0RUX4jLzT-gBw', '_blank');
		}
	});
});</script><meta name="description" content="Discover Smooth Design for Print & Pub services. Verified and reliable!"> <!-- Open Graph / Facebook --> <meta property="og:title" content="Smooth Design - Print & Pub"> <meta property="og:description" content="Smooth Design offers exceptional Print & Pub services tailored for your needs."> <meta property="og:url" content="https://go.rythmely.com/"> <meta property="og:image" content="/golink/templates/assets/img/smoothdesign-prev.png"> <meta property="og:type" content="website"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Smooth Design - Print & Pub"> <meta name="twitter:description" content="Exceptional Print & Pub services tailored for your needs."> <meta name="twitter:image" content="/golink/templates/assets/img/smoothdesign-prev.png"> <!-- WhatsApp --> <meta property="og:title" content="Smooth Design on WhatsApp"> <meta property="og:description" content="Contact Smooth Design for premium Print & Pub services via WhatsApp."> <meta property="og:url" content="https://wa.me/212669219201"> <meta property="og:image" content="/golink/templates/assets/img/smoothdesign-prev.png"> <!-- Instagram --> <meta property="og:title" content="Smooth Design on Instagram"> <meta property="og:description" content="Follow Smooth Design on Instagram for updates and inspiration."> <meta property="og:url" content="https://www.instagram.com/smoothdesignmaroc/"> <meta property="og:image" content="/golink/templates/assets/img/smoothdesign-prev.png"><link rel='stylesheet' href='/golink/templates/assets/css/dark-rating.css'><link rel='stylesheet' href='/golink/templates/assets/css/dark.css'><link rel='stylesheet' href='/golink/templates/assets/css/global.css'><title>GoLink - Smooth Design</title></head><body><div class='bg'><img src='/golink/templates/assets/img/smoothdesign.png' alt='Profile image for Smooth Design'></div> <div class='header'><div class='title'><h1 class='lg'>Smooth Design</h1><img src='/golink/templates/assets/icons/verified.png' alt='Verified badge' srcset='' height='24px'></div><div><h2 class='sm'>Print & Pub</h2></div></div><div class='social-media'><a href='https://www.instagram.com/smoothdesignmaroc/' target='_blank' rel='noopener noreferrer'><img src='/golink/templates/assets/icons/sm/ig.png' alt='instagram icon' srcset='' height='24px'></a><a href='tel:+212669219201' target='_blank' rel='noopener noreferrer'><img src='/golink/templates/assets/icons/sm/phone.png' alt='phone icon' srcset='' height='24px'></a></div><div class='links'><a href='tel:+212668330543' class='link sm' target='_blank' rel='noopener noreferrer'>Contactez nous pour le stand</a></div><footer><img src='/golink/templates/assets/icons/go.png' alt='GoLink logo' srcset='' height='42px'></footer></body></html>