Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
codervivek5 merged 1 commit into from
Feb 8, 2026
Merged

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

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
110 changes: 48 additions & 62 deletions src/User/pages/EPRPage/EPR_Page.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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
Copy link

Copilot AI Jan 31, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The text node on this line is indented one level deeper than the surrounding paragraph lines, which makes the JSX formatting inconsistent with the rest of the component and can be flagged by linters/formatters. Please align this line's indentation with the other paragraph text lines in this block.

Suggested change
To deal with this ever-rising problem of E-Waste, the government of
To deal with this ever-rising problem of E-Waste, the government of

Copilot uses AI. Check for mistakes.
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.
Expand All @@ -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 />
Expand All @@ -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">
Expand Down
Loading