|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>MrNiceGuysDelivery | Premium Cannabis Delivery</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: { |
|
|
100: '#f1e9ff', |
|
|
200: '#d8c4ff', |
|
|
300: '#bea0fc', |
|
|
400: '#a37cf9', |
|
|
500: '#8857f7', |
|
|
600: '#6e32f4', |
|
|
700: '#5818d1', |
|
|
800: '#4212a8', |
|
|
900: '#2d0c7f', |
|
|
}, |
|
|
secondary: '#2A2A48' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<style> |
|
|
.smooth-scroll { |
|
|
scroll-behavior: smooth; |
|
|
} |
|
|
|
|
|
.hero-overlay { |
|
|
background: linear-gradient(rgba(42, 42, 72, 0.8), rgba(88, 24, 209, 0.6)); |
|
|
} |
|
|
|
|
|
.product-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(88, 24, 209, 0.1), 0 10px 10px -5px rgba(88, 24, 209, 0.04); |
|
|
} |
|
|
|
|
|
.category-link:hover i { |
|
|
transform: translateX(5px); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="smooth-scroll bg-gray-50 font-sans"> |
|
|
|
|
|
<div id="cookieConsent" class="fixed bottom-0 left-0 w-full bg-secondary text-white p-4 z-50"> |
|
|
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4"> |
|
|
<p class="text-sm md:text-base text-center md:text-left"> |
|
|
By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively. |
|
|
</p> |
|
|
<button id="acceptCookies" class="bg-primary-600 hover:bg-primary-700 px-6 py-2 rounded-full text-sm font-semibold transition-colors"> |
|
|
Accept |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<nav class="bg-white shadow-md py-4 sticky top-0 z-40"> |
|
|
<div class="max-w-7xl mx-auto px-4 flex justify-between items-center"> |
|
|
|
|
|
<a href="#" class="flex items-center space-x-2"> |
|
|
<img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/91804ca5-60b0-4ea9-932d-45e75db9f74d/smiley_bannerArtboard_1.png?format=1500w" alt="MrNiceGuysDelivery Logo" class="h-14 md:h-16"> |
|
|
<span class="text-secondary font-bold text-lg hidden sm:inline">MrNiceGuysDelivery</span> |
|
|
</a> |
|
|
|
|
|
|
|
|
<div class="hidden lg:flex space-x-8"> |
|
|
<a href="#" class="text-secondary hover:text-primary-600 font-medium">Home</a> |
|
|
<a href="#" class="text-secondary hover:text-primary-600 font-medium">Menu</a> |
|
|
<a href="#" class="bg-primary-600 text-white px-4 py-2 rounded-full hover:bg-primary-700 transition">Order Now</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex items-center space-x-4"> |
|
|
<a href="#" class="relative"> |
|
|
<i class="fas fa-shopping-cart text-secondary text-xl"></i> |
|
|
<span class="absolute -top-2 -right-2 bg-primary-600 text-white text-xs rounded-full w-5 h-5 flex items-center justify-center">0</span> |
|
|
</a> |
|
|
|
|
|
<button id="mobileMenuBtn" class="lg:hidden"> |
|
|
<i class="fas fa-bars text-secondary text-xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="mobileMenu" class="hidden lg:hidden bg-white absolute top-full left-0 w-full shadow-lg py-4 px-4"> |
|
|
<div class="flex flex-col space-y-4"> |
|
|
<a href="#" class="text-secondary font-medium py-2 border-b border-gray-100">Home</a> |
|
|
<a href="#" class="text-secondary font-medium py-2 border-b border-gray-100">Menu</a> |
|
|
<a href="#" class="bg-primary-600 text-white px-4 py-3 rounded-lg text-center font-medium">Order Now</a> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section class="relative"> |
|
|
<div class="w-full h-96 flex items-center justify-center bg-gradient-to-r from-primary-400 to-primary-700"> |
|
|
<div class="text-center px-4 relative z-10"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold text-white mb-6">Premium Cannabis Delivered to Your Door</h1> |
|
|
<a href="#products" class="inline-block bg-secondary hover:bg-gray-800 text-white px-8 py-3 rounded-full text-lg font-bold transition"> |
|
|
Explore Our Products |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<main class="max-w-7xl mx-auto px-4 py-8"> |
|
|
|
|
|
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-8"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0"> |
|
|
<i class="fas fa-exclamation-circle text-yellow-400 text-xl mr-3 mt-1"></i> |
|
|
</div> |
|
|
<div> |
|
|
<p class="text-yellow-800 font-bold">ALL VAPE PRODUCTS (DISPOSABLES, CARTS, BATTERIES ETC..) NOW HAVE A 10 DAY ONLY WARRANTY ON THEM.</p> |
|
|
<p class="text-yellow-700 mt-1"> |
|
|
AFTER 10 DAYS ALL SALES ARE FINAL AND WE WILL NO LONGER BE ABLE TO EXCHANGE/CREDIT OR REFUND. |
|
|
OUR SUPPLIERS ARE NOW PUTTING THE SAME ON US SO WE HAVE NO CHOICE AT THIS POINT |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="bg-gradient-to-r from-primary-500 to-purple-800 rounded-2xl p-8 text-white mb-12"> |
|
|
<div class="flex flex-col md:flex-row items-center justify-between gap-6"> |
|
|
<div class="text-center md:text-left"> |
|
|
<h2 class="text-3xl font-bold mb-4">Everyday Lower Prices!</h2> |
|
|
<p class="mb-4"> |
|
|
We've reduced regular prices across all products by <strong>20% to 25%</strong>. Your favorite products are now available at consistently lower prices every day! |
|
|
</p> |
|
|
<p class="font-bold"> |
|
|
Plus, Customer Appreciation Sundays: additional <strong>15% off</strong> for loyal customers! |
|
|
</p> |
|
|
</div> |
|
|
<div class="bg-white/10 rounded-xl p-6 min-w-[280px]"> |
|
|
<h3 class="font-bold text-xl mb-3">Hours of Operation</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><i class="far fa-clock mr-2"></i> Monday - Sunday: 10AM to 10PM</li> |
|
|
<li><i class="fas fa-truck mr-2"></i> Cutoff for Same-Day Delivery: 9:45PM</li> |
|
|
<li>(8:45PM outside city limits)</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="products" class="mb-12"> |
|
|
<h2 class="text-3xl font-bold text-center text-secondary mb-8">Our Premium Product Lines</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> |
|
|
|
|
|
<a href="#" class="category-link group"> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/b5f99120-cc21-4d00-b398-134346d6e754/sin+city+flower+front+logo.jpg" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="Sin City Flower"> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-2">Sin City AAAA+</h3> |
|
|
<p class="text-gray-600 text-sm mb-4">Premium top-shelf flower with exceptional terpene profiles</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="font-bold text-primary-700">From $10/g</span> |
|
|
<span class="text-primary-600 font-semibold flex items-center"> |
|
|
Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="category-link group"> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/8831accd-e8c2-4ebc-aba8-a9e838bf2a91/Screenshot+%286%29.png" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="McFly's Premium"> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-2">McFly's Premium Buds</h3> |
|
|
<p class="text-gray-600 text-sm mb-4">Back to the future of premium cannabis selection</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="font-bold text-primary-700">From $8/g</span> |
|
|
<span class="text-primary-600 font-semibold flex items-center"> |
|
|
Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="category-link group"> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/a4d7fc85-18eb-408a-96b6-a972e0a52215/skunkles+logo.jpeg" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="SkuncLe's Finest"> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-2">SKUNCLE'S FINEST</h3> |
|
|
<p class="text-gray-600 text-sm mb-4">Exceptional quality with memorable aroma and flavor profiles</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="font-bold text-primary-700">From $7/g</span> |
|
|
<span class="text-primary-600 font-semibold flex items-center"> |
|
|
Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
|
|
|
|
|
|
<a href="#" class="category-link group"> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 transition-all hover:border-primary-300 h-full"> |
|
|
<div class="h-48 overflow-hidden"> |
|
|
<img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/44b673e8-a56e-4444-8871-e56da4c10ec6/Screenshot+%287%29.png" class="w-full h-full object-cover transition-transform group-hover:scale-105" alt="Exquisite Extracts"> |
|
|
</div> |
|
|
<div class="p-5"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-2">Exquisite Extracts</h3> |
|
|
<p class="text-gray-600 text-sm mb-4">Premium concentrates and extracts for connoisseurs</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="font-bold text-primary-700">From $25/g</span> |
|
|
<span class="text-primary-600 font-semibold flex items-center"> |
|
|
Shop now <i class="fas fa-arrow-right ml-2 transition-transform"></i> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-gray-100 rounded-2xl p-8 mb-12"> |
|
|
<div class="max-w-4xl mx-auto"> |
|
|
<div class="flex items-start mb-6"> |
|
|
<div class="bg-primary-600 text-white p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-truck text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h2 class="text-2xl font-bold text-secondary">Delivery Information</h2> |
|
|
<p class="text-gray-700 mt-2">We bring premium cannabis straight to your door</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
|
|
<div class="bg-white p-5 rounded-xl"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-3 flex items-center"> |
|
|
<i class="fas fa-clock text-primary-600 mr-2"></i> Delivery Times |
|
|
</h3> |
|
|
<p class="text-gray-600"> |
|
|
<span class="font-bold">Monday to Sunday:</span> 10AM to 10PM<br> |
|
|
<span class="font-bold">Cut-off Time:</span> 9:45PM<br> |
|
|
(8:45PM outside city limits) |
|
|
</p> |
|
|
<p class="mt-3 text-gray-600"> |
|
|
Orders placed after cutoff will be processed the following business day. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white p-5 rounded-xl"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-3 flex items-center"> |
|
|
<i class="fas fa-map-marker-alt text-primary-600 mr-2"></i> Service Area |
|
|
</h3> |
|
|
<p class="text-gray-600 mb-3"> |
|
|
We currently serve the Greater Vancouver Area including: |
|
|
</p> |
|
|
<ul class="text-gray-600 grid grid-cols-2"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Vancouver |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Burnaby |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Surrey |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check-circle text-primary-600 mr-2 text-sm"></i> Richmond |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-6 bg-purple-50 border border-primary-200 rounded-xl p-5"> |
|
|
<h3 class="font-bold text-lg text-secondary mb-3 flex items-center"> |
|
|
<i class="fas fa-exclamation-triangle text-primary-600 mr-2"></i> Important Delivery Notice |
|
|
</h3> |
|
|
<p class="text-gray-700"> |
|
|
This weekend, expect possible delays due to increased road construction and the Atlantic Grand National Car Show, which will likely affect traffic and delivery routes. |
|
|
</p> |
|
|
<p class="mt-2 text-gray-700"> |
|
|
We appreciate your patience and understanding, and please know we're doing our absolute best to get to each and every one of you as quickly and safely as possible. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer class="bg-secondary text-white pt-12 pb-8"> |
|
|
<div class="max-w-7xl mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4"> |
|
|
<img src="https://images.squarespace-cdn.com/content/v1/60819a0f79646b664dd77390/91804ca5-60b0-4ea9-932d-45e75db9f74d/smiley_bannerArtboard_1.png?format=1500w" alt="MrNiceGuysDelivery Logo" class="h-14 mb-3"> |
|
|
</h3> |
|
|
<p class="text-gray-300 mb-4"> |
|
|
Premium cannabis delivery service serving Vancouver with quality products and exceptional service. |
|
|
</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-300 hover:text-white text-lg"><i class="fab fa-instagram"></i></a> |
|
|
<a href="#" class="text-gray-300 hover:text-white text-lg"><i class="fab fa-facebook"></i></a> |
|
|
<a href="#" class="text-gray-300 hover:text-white text-lg"><i class="fab fa-twitter"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="font-bold text-lg mb-4">SHOP</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Flower</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Pre-Rolls</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Vapes</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Edibles</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Concentrates</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Specials</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="font-bold text-lg mb-4">INFORMATION</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Shipping & Delivery</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Return Policy</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">FAQ</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Terms & Conditions</a></li> |
|
|
<li><a href="#" class="text-gray-300 hover:text-white transition">Privacy Policy</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="font-bold text-lg mb-4">CONTACT</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-map-marker-alt mt-1 mr-3 text-primary-400"></i> |
|
|
<span class="text-gray-300">Greater Vancouver, BC</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-clock mt-1 mr-3 text-primary-400"></i> |
|
|
<span class="text-gray-300">Daily: 10AM - 10PM</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-phone mt-1 mr-3 text-primary-400"></i> |
|
|
<span class="text-gray-300">(604) 555-1234</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-envelope mt-1 mr-3 text-primary-400"></i> |
|
|
<span class="text-gray-300">[email protected]</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="pt-8 border-t border-gray-700 text-center text-gray-400"> |
|
|
<p>© 2023 MrNiceGuysDelivery. All rights reserved. This website is intended for adults aged 19+.</p> |
|
|
<p class="mt-1">Must be 19 years or older to enter. Government-issued identification required upon delivery.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
const mobileMenuBtn = document.getElementById('mobileMenuBtn'); |
|
|
const mobileMenu = document.getElementById('mobileMenu'); |
|
|
|
|
|
mobileMenuBtn.addEventListener('click', () => { |
|
|
mobileMenu.classList.toggle('hidden'); |
|
|
const icon = mobileMenuBtn.querySelector('i'); |
|
|
if (icon.classList.contains('fa-bars')) { |
|
|
icon.classList.replace('fa-bars', 'fa-times'); |
|
|
} else { |
|
|
icon.classList.replace('fa-times', 'fa-bars'); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
const acceptCookiesBtn = document.getElementById('acceptCookies'); |
|
|
const cookieConsent = document.getElementById('cookieConsent'); |
|
|
|
|
|
acceptCookiesBtn.addEventListener('click', () => { |
|
|
cookieConsent.style.display = 'none'; |
|
|
}); |
|
|
|
|
|
|
|
|
document.addEventListener('click', (e) => { |
|
|
if (!mobileMenuBtn.contains(e.target) && !mobileMenu.contains(e.target) && !mobileMenu.classList.contains('hidden')) { |
|
|
mobileMenu.classList.add('hidden'); |
|
|
const icon = mobileMenuBtn.querySelector('i'); |
|
|
if (icon.classList.contains('fa-times')) { |
|
|
icon.classList.replace('fa-times', 'fa-bars'); |
|
|
} |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=TechFiveMedia/mr-nice-guys-delivery" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
