Skip to content
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.

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

Checkout pages #25

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file removed src/assets/images/pages/single-product.jpg
Copy link
Member

Choose a reason for hiding this comment

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

Why? 👀

Binary file not shown.
124 changes: 124 additions & 0 deletions src/pages/Checkout-Error.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Check out - Error</title>
</head>
<body>
<!--Progress Bar Starts Here-->

<div
class="flex items-center justify-end px-20 py-10 text-sm text-gray-500"
>
<span class="px-2">انتخاب آدرس و پرداخت</span>
<svg
class="mt-1"
width="8"
height="14"
viewBox="0 0 8 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.91663 12.8334L1.08329 7.00008L6.91663 1.16675"
stroke="#7E8AAB"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>

<span class="px-2">سبد خرید</span>
<svg
class="mt-1"
width="8"
height="14"
viewBox="0 0 8 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.91663 12.8334L1.08329 7.00008L6.91663 1.16675"
stroke="#7E8AAB"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>

<span class="px-2">صفحه اصلی</span>
</div>

<!--Progress Bar Ends here-->

<!--Error Section Starts Here-->

<div class="flex justify-center">
<img class="w-48" src="images/Group 34923.png" alt="" />
</div>
<div class="flex justify-center pt-8">
<h1 class="text-4xl font-extrabold text-slate-950/50">
سفارش شما با شکست مواجه شد
</h1>
</div>

<div class="flex justify-center py-3">
<p class="flex flex-col">
<span class="py-1">
به دلایل متعددی ممکن است این اتفاق رخ دهد!!. اگر مبلغی از حساب شما کسر
شده است
</span>
<span class="flex justify-center">
تا 72 ساعت آینده به حساب شما باز خواهد گشت
</span>
</p>
</div>
<div class="flex justify-center py-8">
<button class="grid grid-cols-6 bg-teal-500 px-3 min-w-[300px] py-3 text-white">
<span class="mb-1 text-sm col-start-2 col-end-6 bg-red-500">پیگیری سفارش</span>
<svg
class="col-start-6 w-4 text-2xl justify-self-end"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 21C5.89543 21 5 20.1046 5 19V5C5 3.89543 5.89543 3 7 3H14L19 8V19C19 20.1046 18.1046 21 17 21H7Z"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13 3V9H19"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linejoin="round"
/>
<path
d="M9 13H15"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M9 17H15"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</div>

<script type="module" src="../assets/js/main.js"></script>
</body>
</html>

<!--Error Section Ends Here-->
118 changes: 118 additions & 0 deletions src/pages/Checkout-Success.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Check out - Success</title>
</head>
<body>
<!--Progress Bar Starts Here-->

<div class="flex justify-end px-20 py-10 text-sm text-gray-500">
<span class="px-2">انتخاب آدرس و پرداخت</span>
<svg
class="mt-1"
width="8"
height="14"
viewBox="0 0 8 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.91663 12.8334L1.08329 7.00008L6.91663 1.16675"
stroke="#7E8AAB"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>

<span class="px-2">سبد خرید</span>
<svg
class="mt-1"
width="8"
height="14"
viewBox="0 0 8 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.91663 12.8334L1.08329 7.00008L6.91663 1.16675"
stroke="#7E8AAB"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>

<span class="px-2">صفحه اصلی</span>
</div>

<!--Progress Bar Ends here-->

<!--Error Section Starts Here-->

<div class="flex justify-center">
<img class="h-48 w-48" src="images/Icon.png" alt="" />
</div>
<div class="flex justify-center pt-8">
<h1 class="text-4xl font-extrabold text-slate-950">
سفارش شما با موفقیت ثبت شد
</h1>
</div>

<div class="flex justify-center py-4">
<p class="flex flex-col">
<span class="mb-4 py-3"
>برای پیگیری سفارش میتوانید از دکمه پایین اقدام کنید
</span>
</p>
</div>
<div class="flex justify-center py-7">
<button class="relative flex flex-row bg-teal-500 px-20 py-3 text-white">
<span class="mb-1 text-sm">پیگیری سفارش</span>
<svg
class="absolute bottom-3 right-3 w-4 text-xs"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 21C5.89543 21 5 20.1046 5 19V5C5 3.89543 5.89543 3 7 3H14L19 8V19C19 20.1046 18.1046 21 17 21H7Z"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13 3V9H19"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linejoin="round"
/>
<path
d="M9 13H15"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M9 17H15"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</div>

<script type="module" src="../assets/js/main.js"></script>
</body>
</html>

<!--Error Section Ends Here .-->
Binary file added src/pages/images/File_Document.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/pages/images/Group 34923.png
Copy link
Member

Choose a reason for hiding this comment

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

Remove any whitespace from the file names.
Use the kebab-case format for file names.
Also, check this message in the group for mo.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/pages/images/Icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/pages/images/Vector 1324.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/pages/images/Vector.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
124 changes: 124 additions & 0 deletions src/pages/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Check out - Error</title>
</head>
<body>
<!--Progress Bar Starts Here-->

<div
class="flex items-center justify-end px-20 py-10 text-sm text-gray-500"
>
<span class="px-2">انتخاب آدرس و پرداخت</span>
<svg
class="mt-1"
width="8"
height="14"
viewBox="0 0 8 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.91663 12.8334L1.08329 7.00008L6.91663 1.16675"
stroke="#7E8AAB"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>

<span class="px-2">سبد خرید</span>
<svg
class="mt-1"
width="8"
height="14"
viewBox="0 0 8 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.91663 12.8334L1.08329 7.00008L6.91663 1.16675"
stroke="#7E8AAB"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>

<span class="px-2">صفحه اصلی</span>
</div>

<!--Progress Bar Ends here-->

<!--Error Section Starts Here-->

<div class="flex justify-center">
<img class="w-48" src="images/Group 34923.png" alt="" />
</div>
<div class="flex justify-center pt-8">
<h1 class="text-4xl font-extrabold text-slate-950/50">
سفارش شما با شکست مواجه شد
</h1>
</div>

<div class="flex justify-center py-3">
<p class="flex flex-col">
<span class="py-1">
به دلایل متعددی ممکن است این اتفاق رخ دهد!!. اگر مبلغی از حساب شما کسر
شده است
</span>
<span class="flex justify-center">
تا 72 ساعت آینده به حساب شما باز خواهد گشت
</span>
</p>
</div>
<div class="flex justify-center py-8">
<button class="grid grid-cols-6 bg-teal-500 px-3 min-w-[300px] py-3 text-white">
<span class="mb-1 text-sm col-start-2 col-end-6 bg-red-500">پیگیری سفارش</span>
<svg
class="col-start-6 w-4 text-2xl justify-self-end"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 21C5.89543 21 5 20.1046 5 19V5C5 3.89543 5.89543 3 7 3H14L19 8V19C19 20.1046 18.1046 21 17 21H7Z"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13 3V9H19"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linejoin="round"
/>
<path
d="M9 13H15"
stroke="#FAFBFC"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M9 17H15"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</div>

<script type="module" src="../assets/js/main.js"></script>
</body>
</html>

<!--Error Section Ends Here-->
Loading