Skip to content

style(return-policy): fix design based on figma files #109

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
Alexandrbig1 merged 1 commit into from
Oct 10, 2025
Merged

style(return-policy): fix design based on figma files #109

Show file tree
Hide file tree
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
7 changes: 7 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

47 changes: 24 additions & 23 deletions src/pages/ReturnPolicy/ReturnPolicy.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import SEO from "../../components/SEO";
import SEO from '../../components/SEO';

export default function ReturnPolicy() {
return (
Expand All @@ -19,7 +19,7 @@ export default function ReturnPolicy() {

<main
id="main-content"
className="min-h-screen bg-white py-12 px-4 sm:px-6 lg:px-8"
className="min-h-screen bg-white font-inter py-12 px-4 sm:px-6 lg:px-8"
role="main"
aria-labelledby="return-policy-title"
>
Expand All @@ -28,20 +28,20 @@ export default function ReturnPolicy() {
<header className="mb-8">
<h1
id="return-policy-title"
className="text-4xl font-bold text-gray-900 mb-4"
className="text-5xl md:text-6xl text-gray-900 mb-4"
>
Return Policy
</h1>
</header>
<hr />
<hr className="text-slate-400" />

{/* Main Content */}
<article className="prose prose-lg max-w-none text-gray-700 space-y-8">
<article className="prose prose-lg max-w-none space-y-8">
{/* Our Approach */}
<section aria-labelledby="our-approach-section">
<h2
id="our-approach-section"
className="text-2xl font-semibold text-gray-900 mb-4"
className="text-3xl font-bold text-gray-900 mt-8 mb-8"
>
OUR APPROACH
</h2>
Expand All @@ -54,13 +54,13 @@ export default function ReturnPolicy() {
would look in a production e-commerce environment.
</p>
</section>
<hr />
<hr className="text-slate-400" />

{/* Refunds & Returns */}
<section aria-labelledby="refunds-returns-section">
<h2
id="refunds-returns-section"
className="text-2xl font-semibold text-gray-900 mb-4"
className="text-3xl font-bold text-gray-900 mb-8"
>
REFUNDS & RETURNS
</h2>
Expand All @@ -72,13 +72,13 @@ export default function ReturnPolicy() {
unused and in good condition.
</p>
</section>
<hr />
<hr className="text-slate-400" />

{/* Damaged or Defective Products */}
<section aria-labelledby="damaged-defective-section">
<h2
id="damaged-defective-section"
className="text-2xl font-semibold text-gray-900 mb-4"
className="text-3xl font-bold text-gray-900 mb-8"
>
DAMAGED OR DEFECTIVE PRODUCTS
</h2>
Expand All @@ -88,13 +88,13 @@ export default function ReturnPolicy() {
a replacement or refund would be issued accordingly.
</p>
</section>
<hr />
<hr className="text-slate-400" />

{/* Important Note */}
<section aria-labelledby="important-note-section">
<h2
id="important-note-section"
className="text-2xl font-semibold text-gray-900 mb-4"
className="text-3xl font-bold text-gray-900 mb-8"
>
IMPORTANT NOTE
</h2>
Expand All @@ -105,10 +105,16 @@ export default function ReturnPolicy() {
to showcase what a professional supplement store might include.
</p>
</section>
<hr />
<hr className="text-slate-400" />

{/* Disclaimer */}
<section aria-labelledby="disclaimer-section">
<h2
id="disclaimer-section"
className="text-3xl font-bold text-gray-900 mb-8"
>
DISCLAIMER
</h2>
<div className="flex">
<div className="flex-shrink-0">
<svg
Expand All @@ -125,16 +131,11 @@ export default function ReturnPolicy() {
</svg>
</div>
<div className="ml-3">
<h2
id="disclaimer-section"
className="text-lg font-semibold mb-2"
>
DISCLAIMER
</h2>
<p className="text-yellow-700">
CoreX Nutrition is a community-driven, open-source project.
No real transactions, shipments, or returns are processed.
This content is for educational and portfolio purposes only.
<p>
Core<span className="text-red-600">X</span> Nutrition is a
community-driven, open-source project. No real transactions,
shipments, or returns are processed. This content is for
educational and portfolio purposes only.
</p>
</div>
</div>
Expand Down