<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta
charset="UTF-8" />
<meta
name="viewport" content="width=device-width,
initial-scale=1.0" />
<title>TeggBag
| Free Eco-Friendly Sponsored Reusable Bags</title>
<meta
name="description" content="A sustainable initiative by BAG TAG
HANDBAGS TRADING LLC DUBAI distributing free eco-friendly reusable bags
sponsored by corporate partners." />
<!--
Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!--
Font Awesome CDN -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
50:
'#f0fdf4',
100:
'#dcfce7',
600:
'#16a34a',
700:
'#15803d',
800:
'#166534',
}
}
}
}
}
</script>
</head>
<body class="bg-slate-50 text-slate-800 antialiased font-sans flex flex-col min-h-screen">
<!--
Navigation -->
<header
class="sticky top-0 z-50 bg-white/90
backdrop-blur-md shadow-sm border-b
border-slate-100">
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8
h-20 flex items-center justify-between">
<a href="#" class="flex items-center
gap-2">
<div
class="bg-brand-600 text-white p-2 rounded-xl">
<i class="fa-solid font-bold fa-bag-shopping
text-xl"></i>
</div>
<span
class="text-2xl font-extrabold tracking-tight
text-slate-900">Tegg<span
class="text-brand-600">Bag</span></span>
</a>
<nav class="hidden md:flex items-center gap-8 font-medium text-slate-600">
<a href="#about" class="hover:text-brand-600
transition">About Initiative</a>
<a href="#how-it-works"
class="hover:text-brand-600 transition">How to Get Bags</a>
<a href="#sponsors" class="hover:text-brand-600
transition">Our Sponsors</a>
<a href="#contact" class="hover:text-brand-600
transition">Sponsor Us</a>
</nav>
<a href="https://wa.me/971503485455"
target="_blank" class="inline-flex items-center gap-2
bg-emerald-600 hover:bg-emerald-700 text-white font-semibold
px-5 py-2.5 rounded-full shadow-md hover:shadow-lg
transition">
<i class="fa-brands fa-whatsapp
text-lg"></i>
<span>WhatsApp UAE</span>
</a>
</div>
</header>
<main
class="flex-grow">
<!--
Hero Section -->
<section
class="relative bg-gradient-to-b from-brand-50
to-slate-50 py-20 lg:py-28">
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8
text-center">
<span
class="inline-block bg-brand-100 text-brand-800 text-xs
font-bold uppercase tracking-widest px-4 py-1.5 rounded-full mb-6">
An
Initiative by BAG TAG HANDBAGS TRADING LLC DUBAI
</span>
<h1
class="text-4xl sm:text-6xl font-black text-slate-900 tracking-tight
leading-tight mb-6">
100% Free
Eco-Friendly Bags <br class="hidden sm:inline" />For Everyday
Sustainability
</h1>
<p
class="max-w-2xl mx-auto text-lg text-slate-600
mb-8">
We partner
with leading brands and corporations to distribute zero-cost reusable canvas
and tote bags to communities across the UAE, driving plastic reduction
together.
</p>
<div
class="flex flex-col sm:flex-row
justify-center gap-4">
<a href="#how-it-works" class="bg-brand-600
hover:bg-brand-700 text-white font-semibold px-8 py-4
rounded-xl shadow-lg hover:shadow-xl transition">
Collect
Free Bag
</a>
<a
href="https://wa.me/971503485455?text=Hello,%20I%20am%20interested%20in%20sponsoring%20TeggBag"
target="_blank" class="bg-white border
border-slate-200 text-slate-700 hover:bg-slate-50 font-semibold
px-8 py-4 rounded-xl shadow-sm transition">
Become a
Sponsor
</a>
</div>
</div>
</section>
<!--
Initiative / About Section -->
<section
id="about" class="py-16 bg-white
border-y border-slate-100">
<div
class="max-w-7xl mx-auto px-4 sm:px-6
lg:px-8">
<div
class="grid md:grid-cols-2 gap-12
items-center">
<div>
<h2
class="text-3xl font-bold text-slate-900 mb-4">Empowering a Greener
UAE</h2>
<p
class="text-slate-600 mb-4 leading-relaxed">
<strong>TeggBag</strong> is a eco-initiative brought to you by <strong>BAG
TAG HANDBAGS TRADING LLC DUBAI</strong>. Our goal is simple: eliminate
single-use plastic bags by providing community members with durable, reusable
bags at no cost.
</p>
<p
class="text-slate-600 leading-relaxed mb-6">
Through
corporate sponsorship, companies brand these premium eco-friendly bags, making
them completely free for end users while demonstrating active commitments to corporate
social responsibility (CSR).
</p>
<ul class="space-y-3 font-medium
text-slate-700">
<li
class="flex items-center gap-3">
<i class="fa-solid fa-circle-check
text-brand-600"></i> High-quality sustainable
canvas & tote materials
</li>
<li
class="flex items-center gap-3">
<i class="fa-solid fa-circle-check
text-brand-600"></i> Zero cost to the
public end user
</li>
<li
class="flex items-center gap-3">
<i class="fa-solid fa-circle-check
text-brand-600"></i> Direct corporate
branding & sustainability impact
</li>
</ul>
</div>
<div
class="bg-brand-50 p-8 rounded-2xl border border-brand-100
text-center">
<i class="fa-solid fa-leaf text-6xl text-brand-600
mb-4"></i>
<h3
class="text-2xl font-bold text-slate-900 mb-2">Join the
Sustainable Shift</h3>
<p
class="text-slate-600">Every reusable bag replaces hundreds of
plastic bags over its lifecycle.</p>
</div>
</div>
</div>
</section>
<!--
How to Get Bags -->
<section
id="how-it-works" class="py-16 bg-slate-50">
<div
class="max-w-7xl mx-auto px-4 sm:px-6
lg:px-8">
<div
class="text-center max-w-2xl mx-auto mb-12">
<h2
class="text-3xl font-bold text-slate-900">How to Receive Your Free
Bag</h2>
<p
class="text-slate-600 mt-2">Getting your free sponsored
eco-friendly bag is simple.</p>
</div>
<div
class="grid sm:grid-cols-3 gap-8">
<div
class="bg-white p-6 rounded-2xl shadow-sm border border-slate-100 text-center">
<div
class="w-12 h-12 bg-brand-100 text-brand-700 font-bold rounded-xl flex
items-center justify-center mx-auto mb-4 text-xl">1</div>
<h3
class="font-bold text-slate-900 mb-2">Check Distribution
Outlets</h3>
<p
class="text-sm text-slate-600">Visit
designated partner stores, corporate pop-ups, or community centers across the UAE.</p>
</div>
<div
class="bg-white p-6 rounded-2xl shadow-sm border border-slate-100 text-center">
<div class="w-12
h-12 bg-brand-100 text-brand-700 font-bold rounded-xl flex items-center
justify-center mx-auto mb-4 text-xl">2</div>
<h3
class="font-bold text-slate-900 mb-2">Request via
WhatsApp</h3>
<p
class="text-sm text-slate-600">Reach out
to our UAE team directly on WhatsApp to check availability and pickup points.</p>
</div>
<div
class="bg-white p-6 rounded-2xl shadow-sm border border-slate-100 text-center">
<div
class="w-12 h-12 bg-brand-100 text-brand-700 font-bold rounded-xl flex
items-center justify-center mx-auto mb-4 text-xl">3</div>
<h3
class="font-bold text-slate-900 mb-2">Use & Reuse</h3>
<p
class="text-sm text-slate-600">Carry
your stylish sponsored tote for grocery runs, shopping, and everyday activities.</p>
</div>
</div>
</div>
</section>
<!--
Sponsors & Gallery Display -->
<section
id="sponsors" class="py-16 bg-white
border-t border-slate-100">
<div
class="max-w-7xl mx-auto px-4 sm:px-6
lg:px-8">
<div
class="text-center max-w-2xl mx-auto mb-12">
<h2
class="text-3xl font-bold text-slate-900">Featured Sponsored
Bags</h2>
<p
class="text-slate-600 mt-2">Special display showcasing our
corporate partners making eco-friendly distribution possible.</p>
</div>
<div
class="grid grid-cols-2 md:grid-cols-4
gap-6">
<div
class="group relative rounded-xl border border-slate-200 overflow-hidden
bg-slate-50 p-4 text-center">
<div
class="h-40 bg-slate-200 rounded-lg mb-3 flex
items-center justify-center text-slate-400">
<i class="fa-solid fa-bag-shopping
text-4xl"></i>
</div>
<span
class="font-semibold
text-slate-800">Partner Brand A</span>
<p
class="text-xs text-slate-500">Sponsored
Batch #102</p>
</div>
<div
class="group relative rounded-xl border border-slate-200 overflow-hidden
bg-slate-50 p-4 text-center">
<div
class="h-40 bg-slate-200 rounded-lg mb-3 flex
items-center justify-center text-slate-400">
<i class="fa-solid fa-bag-shopping
text-4xl"></i>
</div>
<span
class="font-semibold
text-slate-800">Partner Brand B</span>
<p
class="text-xs text-slate-500">Sponsored
Batch #103</p>
</div>
<div
class="group relative rounded-xl border border-slate-200 overflow-hidden
bg-slate-50 p-4 text-center">
<div
class="h-40 bg-slate-200 rounded-lg mb-3 flex
items-center justify-center text-slate-400">
<i class="fa-solid fa-bag-shopping
text-4xl"></i>
</div>
<span
class="font-semibold
text-slate-800">Partner Brand C</span>
<p
class="text-xs text-slate-500">Sponsored
Batch #104</p>
</div>
<div
class="group relative rounded-xl border border-slate-200 overflow-hidden
bg-slate-50 p-4 text-center">
<div
class="h-40 bg-slate-200 rounded-lg mb-3 flex
items-center justify-center text-slate-400">
<i class="fa-solid fa-bag-shopping
text-4xl"></i>
</div>
<span
class="font-semibold
text-slate-800">Partner Brand D</span>
<p
class="text-xs text-slate-500">Sponsored
Batch #105</p>
</div>
</div>
</div>
</section>
<!--
Netlify Native Contact Form & Sponsorship Inquiry
-->
<section
id="contact" class="py-16 bg-slate-900 text-white">
<div
class="max-w-4xl mx-auto px-4 sm:px-6
lg:px-8">
<div
class="text-center mb-10">
<h2
class="text-3xl font-bold">Sponsor TeggBag Initiatives</h2>
<p
class="text-slate-400 mt-2">Promote your brand on thousands of eco-friendly
reusable bags distributed across the UAE.</p>
</div>
<!-- Netlify Forms
configuration enabled via data-netlify="true"
-->
<form
name="sponsor-inquiry" method="POST" data-netlify="true" class="bg-slate-800 p-8
rounded-2xl space-y-4">
<input
type="hidden" name="form-name"
value="sponsor-inquiry" />
<div
class="grid md:grid-cols-2 gap-4">
<div>
<label class="block text-xs font-semibold uppercase text-slate-400 mb-1">Company /
Organization</label>
<input type="text" name="company" required
class="w-full bg-slate-700 border border-slate-600 rounded-lg p-3 text-white focus:outline-none
focus:border-brand-600" />
</div>
<div>
<label class="block text-xs font-semibold uppercase
text-slate-400 mb-1">Contact Name</label>
<input type="text" name="name" required
class="w-full bg-slate-700 border border-slate-600 rounded-lg p-3 text-white focus:outline-none
focus:border-brand-600" />
</div>
</div>
<div
class="grid md:grid-cols-2 gap-4">
<div>
<label class="block text-xs font-semibold uppercase text-slate-400
mb-1">Email</label>
<input type="email" name="email" required
class="w-full bg-slate-700 border border-slate-600 rounded-lg p-3 text-white focus:outline-none
focus:border-brand-600" />
</div>
<div>
<label class="block text-xs font-semibold uppercase text-slate-400 mb-1">Phone
Number</label>
<input type="tel"
name="phone" required class="w-full bg-slate-700 border
border-slate-600 rounded-lg p-3 text-white focus:outline-none
focus:border-brand-600" />
</div>
</div>
<div>
<label
class="block text-xs font-semibold
uppercase text-slate-400 mb-1">Sponsorship Message</label>
<textarea name="message" rows="3"
required class="w-full bg-slate-700 border border-slate-600 rounded-lg p-3 text-white focus:outline-none
focus:border-brand-600"></textarea>
</div>
<button
type="submit" class="w-full bg-brand-600 hover:bg-brand-700
font-bold py-3 rounded-lg shadow-md
transition">
Submit
Sponsorship Inquiry
</button>
</form>
</div>
</section>
</main>
<!--
Footer -->
<footer
class="bg-slate-950 text-slate-400 py-12 border-t
border-slate-800">
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8
grid md:grid-cols-3 gap-8 mb-8">
<div>
<span
class="text-xl font-bold text-white">TeggBag</span>
<p
class="text-sm mt-2 text-slate-400">An
initiative by BAG TAG HANDBAGS TRADING LLC DUBAI dedicated to sustainable
communities and plastic-free living.</p>
</div>
<div>
<h4
class="text-white font-semibold
mb-3">UAE Contact</h4>
<p
class="text-sm flex items-center gap-2">
<i class="fa-brands fa-whatsapp
text-emerald-500"></i> WhatsApp: +971
50 348 5455
</p>
</div>
<div>
<h4
class="text-white font-semibold
mb-3">Follow TeggBag</h4>
<div class="flex gap-4
text-xl">
<a href="#" class="hover:text-white
transition"><i class="fa-brands fa-instagram"></i></a>
<a href="#" class="hover:text-white
transition"><i class="fa-brands fa-facebook"></i></a>
<a href="#" class="hover:text-white
transition"><i class="fa-brands
fa-x-twitter"></i></a>
</div>
</div>
</div>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8
border-t border-slate-800 pt-6 text-center text-xs">
© 2026
BAG TAG HANDBAGS TRADING LLC DUBAI. All rights reserved.
</div>
</footer>
</body>
</html>