Merge pull request #2709 from sm-28601/fix/epr-policy-layout

Fix layout, spacing, and typography issues on EPR Policy page

Author: codervivek5

src/User/pages/EPRPage/EPR_Page.jsx

@@ -6,17 +6,15 @@ const EPR_Page = () => {
   }, []);
 
   return (
-    <div className="epr-compliance p-2 sm:p-5 bg-[#fff0e3ff]">
-      <div
-        className="container mx-auto max-w-6xl bg-[white] px-4 py-8 sm:py-12 md:py-16 rounded-lg shadow-lg shadow-gray-500/50 mt-28"
-        style={{ border: "1px solid #393d3cff" }}>
-        <main className="text-sm sm:text-base">
+    <div className="epr-compliance pt-32 pb-16 px-2 sm:px-5 bg-[#fff0e3ff] min-h-screen">
+      <div className="mx-auto max-w-4xl bg-white p-5 sm:p-6 md:p-8 rounded-xl shadow-md border border-gray-300">
+        <main className="text-sm sm:text-base [&>p]:text-justify">
           <div className="head">
-            <h1 className="text-center text-xl sm:text-2xl font-bold mb-4 text-[forestgreen]">
+            <h1 className="text-center text-xl sm:text-2xl font-bold mb-4 text-green-800">
               VIGYBAG INDIA PRIVATE LIMITED E-WASTE RECYCLING POLICY
             </h1>
           </div>
-          <p className="mb-4">
+          <p className="mb-2">
             The Information and Communication revolution has brought enormous
             changes in the way we organize our lives, our economies, industries
             and institutions. These spectacular developments in modern times
@@ -28,35 +26,34 @@ const EPR_Page = () => {
             E-Waste is therefore critical to the protection of livelihood,
             health, and environment.
           </p>
-          <p className="mb-4">
-            To deal with this ever-rising problem of E-Waste, the government of
+          <p className="mb-2">
+              To deal with this ever-rising problem of E-Waste, the government of
             India, through its Ministry of Environment and Forest, formulated
             the E-Waste (Management and Handling) Rules in 2016.
           </p>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 mt-2 text-green-800">
             VigyBag's Commitment to E-Waste Management
           </h2>
-          <p className="mb-4">
+          <p className="mb-2">
             VigyBag stands committed to implementing the E-Waste Management
             under the E-Waste Rules.
           </p>
-          <p className="mb-4">
+          <p className="mb-2">
             The Basel Convention defines wastes as "Substances or objects, which
             are disposed of or are intended to be disposed of, or are required
             to be disposed of by the provisions of national laws".
           </p>
-          <p className="mb-4">
+          <p className="mb-2">
             E-waste has been defined as "Waste electrical and electronic
             equipment, whole or in part or rejects from their manufacturing and
             repair process, which are intended to be discarded."
           </p>
-          <p className="mb-4">
+          <p className="mb-2">
             Whereas, Electrical and electronic equipment has been defined as:
             "Equipment which is dependent on electrical currents or
             electro-magnetic fields to be fully functional".
           </p>
-          <p className="mb-4">
+          <p className="mb-2">
             Like hazardous waste, the problem of e-waste has become an immediate
             and long-term concern as its unregulated accumulation and recycling
             can lead to major environmental problems endangering human health.
@@ -67,71 +64,67 @@ const EPR_Page = () => {
             recyclers to facilitate our organization and our customers to enable
             them to dispose of E-Waste products after their end-of-life.
           </p>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 text-green-800">
             Activities to Promote E-Waste Recycling
           </h2>
-          <br />
           <p className="font-bold mb-2">
             As an environmentally conscious organization, VigyBag has initiated
             various activities to promote E-Waste recycling:
           </p>
-          <ul className="list-disc list-inside mb-4">
+          <ul className="list-disc list-outside pl-6 mb-2 space-y-2">            
             <li>
-              - 100% recycling and disposal through authorized recyclers to
+              100% recycling and disposal through authorized recyclers to
               avoid the adverse effects of E-Waste.
             </li>
           </ul>
-          <h2 className="text-lg sm:text-xl font-semibold mb-2 italic">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2  text-green-800">
             Adverse Effects of E-Waste
           </h2>
-          <ul className="list-disc list-inside mb-4">
+          <ul className="list-disc list-outside pl-6 mb-2 space-y-2">            
             <li>
-              - Toxic materials present in e-waste get mixed with earth, air,
+              Toxic materials present in e-waste get mixed with earth, air,
               water, etc. and cause health issues.
             </li>
             <li>
-              - Oil & gases present in e-waste like compressors and CRTs cause
+              Oil & gases present in e-waste like compressors and CRTs cause
               environmental pollution.
             </li>
-            <li>- Batteries contain highly hazardous elements.</li>
+            <li>Batteries contain highly hazardous elements.</li>
             <li>
-              - Burning of rubber & plastic in open areas causes air pollution.
+              Burning of rubber & plastic in open areas causes air pollution.
             </li>
             <li>
-              - Bad impact on human beings, animals, and other living organisms.
+              Bad impact on human beings, animals, and other living organisms.
+            </li>
+            <li>
+              Wastage of natural resources.
             </li>
-            <li>- Wastage of natural resources.</li>
           </ul>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2 italic">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 text-green-800">
             How You Can Contribute to a Greener Environment
           </h2>
-          <br />
-          <ul className="list-disc list-inside mb-4">
+          <ul className="list-disc list-outside pl-6 mb-2 space-y-2">            
             <li>
-              - All electrical and electronic products should be handed over
+              All electrical and electronic products should be handed over
               only to authorized recyclers for recycling.
             </li>
             <li>
-              - The E-Waste product should be handed over only to an authorized
+              The E-Waste product should be handed over only to an authorized
               recycler for disposal.
             </li>
             <li>
-              - Keep the e-waste in an isolated area after it becomes
+              Keep the e-waste in an isolated area after it becomes
               non-functional/un-repairable to prevent its accidental breakage.
             </li>
             <li>
-              - Please call our toll-free number 1800-123-8783 for the
+              Please call our toll-free number 1800-123-8783 for the
               collection of E-Waste.
             </li>
           </ul>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 text-green-800">
             Why Recycle?
           </h2>
-          <br />
-          <ul className="list-disc list-inside mb-4">
+          <ul className="list-disc list-outside pl-6 mb-2 space-y-2">            
             <li>
               <strong>Conserve Resources:</strong>
               <br />
@@ -153,67 +146,60 @@ const EPR_Page = () => {
               contributions to global warming.
             </li>
           </ul>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2 italic">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 text-green-800">
             Don'ts for E-Waste
           </h2>
-          <br />
-          <ul className="list-disc list-inside mb-4">
+          <ul className="list-disc list-outside pl-6 mb-4 space-y-2">            
             <li>
-              - The product should not be opened/dismantled by the user but only
+              The product should not be opened/dismantled by the user but only
               by authorized service personnel.
             </li>
             <li>
-              - The product is not meant for resale to any unauthorized
+              The product is not meant for resale to any unauthorized
               agencies/scrap dealers.
             </li>
             <li>
-              - The product is not meant for mixing into the household waste
+              The product is not meant for mixing into the household waste
               stream.
             </li>
             <li>
-              - Do not keep any replaced spare part(s) from the product in an
+              Do not keep any replaced spare part(s) from the product in an
               exposed area.
             </li>
           </ul>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2 italic">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 text-green-800">
             Terms and Conditions
           </h2>
-          <br />
-          <ul className="list-disc list-inside mb-4">
+          <ul className="list-disc list-outside pl-6 mb-2 space-y-2">           
             <li>
-              - This initiative is a step towards our commitment to a cleaner
+              This initiative is a step towards our commitment to a cleaner
               and greener earth.
             </li>
             <li>
-              - This move is one of the ways to show that we are concerned and
+              This move is one of the ways to show that we are concerned and
               thus we request all our customers to join this movement to make it
               successful by contributing their end-of-life products.
             </li>
             <li>
-              - For any assistance/guidance for the disposal of e-waste please
+              For any assistance/guidance for the disposal of e-waste please
               call our toll-free number: 1800-212-8783.
             </li>
             <li>
-              - Products offered for recycling are not eligible for exchange
+              Products offered for recycling are not eligible for exchange
               offers.
             </li>
             <li>
-              - The service is available as per conditions applicable in the
+              The service is available as per conditions applicable in the
               respective area by recyclers.
             </li>
           </ul>
-          <br />
-          <h2 className="text-lg sm:text-xl font-semibold mb-2">
+          <h2 className="text-lg sm:text-xl font-semibold mb-2 text-green-800">
             Collection Points
           </h2>
-          <br />
           <h4 className="text-base sm:text-lg mb-2">
             You can also deposit your E-Waste directly at the collection points.
             For information on collection points please see the list below.
           </h4>
-          <br />
           <div className="overflow-x-auto">
             <table className="table-auto w-full border-collapse border border-gray-200 min-w-[600px]">
               <caption className="text-left mb-2">