machines/howtos/collecting-plastic-in-arugam-bay-sri-lanka/index.astro

---
import { Image } from 'astro:assets'
import Layout from '../../layouts/Layout.astro'
const { frontmatter } = Astro.props
const title = "Collecting plastic in Arugam Bay, Sri Lanka"
const description = "This outlines the creation of an intervention in a popular tourist destination. With tourism-related waste impacting local waste collection, establishing improved waste management systems is essential."
const tags = ["research","collection","sorting"]
const category = "Guides"
const difficulty = "Hard"
const time = "1+ months"
const location = "Pottuvil, Sri Lanka"
---
<Layout title={title} description={description}>
  <article class="max-w-4xl mx-auto px-4 py-8">
    <h1 class="text-4xl font-bold mb-8">{title}</h1>
    <Image src={import('./wlab-02.jpg')} alt={title} class="w-full rounded-lg shadow-lg mb-8" />
    <div class="prose prose-lg max-w-none mb-8">
      <p>{description}</p>
      <p class="text-gray-600">User Location: Pottuvil, Sri Lanka</p>
    </div>
    <div class="space-y-12">
      <section class="step-1">
        <h2 class="text-2xl font-semibold mb-4">Step 1: Arugam Bay</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./PET and palm 1.JPG')} alt="PET and palm 1.JPG" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Beach clean 2.jpg')} alt="Beach clean 2.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Before - no collection means cleaning efforts result in burning.jpg')} alt="Before - no collection means cleaning efforts result in burning.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-2">
        <h2 class="text-2xl font-semibold mb-4">Step 2: What is Wasteless Arugam Bay (WLAB)</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./PET delivery to Eco Spindles.jpg')} alt="PET delivery to Eco Spindles.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./kNOw PLASTICS certificate ceremony.jpg')} alt="kNOw PLASTICS certificate ceremony.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./WhatsApp Image 2020-02-27 at 09.07.49.jpeg')} alt="WhatsApp Image 2020-02-27 at 09.07.49.jpeg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-3">
        <h2 class="text-2xl font-semibold mb-4">Step 3: Our strategy</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./PET at site.jpg')} alt="PET at site.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Beach clean.jpg')} alt="Beach clean.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./shredded waste plastic.jpg')} alt="shredded waste plastic.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-4">
        <h2 class="text-2xl font-semibold mb-4">Step 4: Our space</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Tourists experience recycling.jpg')} alt="Tourists experience recycling.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Project site by night.jpg')} alt="Project site by night.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Children watching info videos on site.jpg')} alt="Children watching info videos on site.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-5">
        <h2 class="text-2xl font-semibold mb-4">Step 5: Focus on tourists</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./recycled Polyester yarn for testing in handloom 2.jpg')} alt="recycled Polyester yarn for testing in handloom 2.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./shredded bottle caps.JPG')} alt="shredded bottle caps.JPG" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Storage shed filling up.jpg')} alt="Storage shed filling up.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-6">
        <h2 class="text-2xl font-semibold mb-4">Step 6: Provide alternatives</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./IMG-20200114-WA0009.jpg')} alt="IMG-20200114-WA0009.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./IMG_4944.JPG')} alt="IMG_4944.JPG" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-7">
        <h2 class="text-2xl font-semibold mb-4">Step 7: Bins</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Collection barrel wit sticker.png')} alt="Collection barrel wit sticker.png" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-8">
        <h2 class="text-2xl font-semibold mb-4">Step 8: Benefits for partners</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Collection at remote beach.jpg')} alt="Collection at remote beach.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-9">
        <h2 class="text-2xl font-semibold mb-4">Step 9: Transport</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Collection vehicle.JPG')} alt="Collection vehicle.JPG" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./WLAB Three Wheeler 4.jpg')} alt="WLAB Three Wheeler 4.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./WLAB Three Wheeler 1.jpg')} alt="WLAB Three Wheeler 1.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-10">
        <h2 class="text-2xl font-semibold mb-4">Step 10:  Daily collection</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Unloading PET collection.jpg')} alt="Unloading PET collection.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Bottle flying onto tuk.jpg')} alt="Bottle flying onto tuk.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-11">
        <h2 class="text-2xl font-semibold mb-4">Step 11: Volumes</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Storage shed filling up.jpg')} alt="Storage shed filling up.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./PET at site.jpg')} alt="PET at site.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-12">
        <h2 class="text-2xl font-semibold mb-4">Step 12: Sorting</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./Green bottle lids.JPG')} alt="Green bottle lids.JPG" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Orange bottle lids.JPG')} alt="Orange bottle lids.JPG" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Blue bottle lids.JPG')} alt="Blue bottle lids.JPG" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-13">
        <h2 class="text-2xl font-semibold mb-4">Step 13: Baling</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./baled PET.JPG')} alt="baled PET.JPG" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-14">
        <h2 class="text-2xl font-semibold mb-4">Step 14: Products</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./recycled plastic buckles.jpg')} alt="recycled plastic buckles.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./recycled plastic souvenier 2.jpg')} alt="recycled plastic souvenier 2.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./Recycled plastic button.JPG')} alt="Recycled plastic button.JPG" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-15">
        <h2 class="text-2xl font-semibold mb-4">Step 15: The money bit</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./IMG-20181115-WA0011.jpg')} alt="IMG-20181115-WA0011.jpg" class="w-full rounded-lg shadow-md mb-6" />
        <Image src={import('./IMG-20181115-WA0014.jpg')} alt="IMG-20181115-WA0014.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-16">
        <h2 class="text-2xl font-semibold mb-4">Step 16: Connecting with the industry</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
        <Image src={import('./IMG-20181115-WA0005.jpg')} alt="IMG-20181115-WA0005.jpg" class="w-full rounded-lg shadow-md mb-6" />
      <section class="step-17">
        <h2 class="text-2xl font-semibold mb-4">Step 17: The 3 most important things to start</h2>
        <div class="prose prose-lg max-w-none mb-6">
          <Fragment set:html={step.text} />
        </div>
    </div>
  </article>
</Layout>