AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-06 23:49:23 +01:00
parent d9f2a6f0b3
commit 83d696f4bc
2 changed files with 107 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/LoginPopup.svelte
View File

@ -159,7 +159,7 @@ const output = await response.json();
></label> ></label>
<div <div
class="modal-box w-full bg-table sm:border sm:border-gray-600 rounded-none sm:rounded {$screenWidth < class="modal-box w-full bg-[#18181B] sm:border sm:border-gray-600 rounded-none sm:rounded-lg {$screenWidth <
640 640
? 'min-h-screen' ? 'min-h-screen'
: ''}" : ''}"

187
src/routes/pricing/+page.svelte
View File

@ -40,10 +40,16 @@
if (subscriptionType === "lifeTime") { if (subscriptionType === "lifeTime") {
subId = import.meta.env.VITE_LEMON_SQUEEZY_LIFE_TIME_ACCESS_ID; subId = import.meta.env.VITE_LEMON_SQUEEZY_LIFE_TIME_ACCESS_ID;
} else if (mode) { } else if (mode && subscriptionType === "plus") {
subId = import.meta.env.VITE_LEMON_SQUEEZY_ANNUAL_ID; subId = import.meta.env.VITE_LEMON_SQUEEZY_ANNUAL_ID_PLUS;
} else if (!mode && subscriptionType === "plus") {
subId = import.meta.env.VITE_LEMON_SQUEEZY_MONTHLY_ID_PLUS;
} else if (mode && subscriptionType === "pro") {
subId = import.meta.env.VITE_LEMON_SQUEEZY_ANNUAL_ID_PRO;
} else if (!mode && subscriptionType === "pro") {
subId = import.meta.env.VITE_LEMON_SQUEEZY_MONTHLY_ID_PRO;
} else { } else {
subId = import.meta.env.VITE_LEMON_SQUEEZY_MONTHLY_ID; subId = import.meta.env.VITE_LEMON_SQUEEZY_ANNUAL_ID_PRO;
} }
try { try {
} catch (e) { } catch (e) {
@ -548,7 +554,9 @@
</li> </li>
</ul> </ul>
<div class="mt-auto pt-6 border-t border-zinc-700 mx-4"> <div class="mt-auto pt-6 border-t border-zinc-700 mx-4">
<button {#if !data?.user}
<label
for="userLogin"
class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center" class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
>Get Registered Now<svg >Get Registered Now<svg
class="w-5 h-5 ml-2" class="w-5 h-5 ml-2"
@ -562,8 +570,9 @@
stroke-width="2" stroke-width="2"
d="M9 5l7 7-7 7" d="M9 5l7 7-7 7"
></path></svg ></path></svg
></button ></label
> >
{/if}
</div> </div>
</div> </div>
<div <div
@ -821,7 +830,9 @@
</li> </li>
</ul> </ul>
<div class="mt-auto pt-6 border-t border-zinc-700 mx-4"> <div class="mt-auto pt-6 border-t border-zinc-700 mx-4">
<button <label
for={!data?.user ? "userLogin" : ""}
on:click={() => purchasePlan("plus")}
class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center" class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
>Unlock Plus Access Now<svg >Unlock Plus Access Now<svg
class="w-5 h-5 ml-2" class="w-5 h-5 ml-2"
@ -835,7 +846,7 @@
stroke-width="2" stroke-width="2"
d="M9 5l7 7-7 7" d="M9 5l7 7-7 7"
></path></svg ></path></svg
></button ></label
> >
</div> </div>
</div> </div>
@ -844,7 +855,7 @@
class="flex flex-col relative bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-600 p-6 isolate" class="flex flex-col relative bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-600 p-6 isolate"
> >
<h3 class="text-3xl font-bold text-white">Pro</h3> <h3 class="text-3xl font-bold text-white">Pro</h3>
<p class="text-zinc-300 text-sm mt-1">Best for Serious Traders</p> <p class="text-zinc-300 text-sm mt-1">Best for Professional Traders</p>
<div class="mt-4"> <div class="mt-4">
<span class="text-4xl font-bold text-white" <span class="text-4xl font-bold text-white"
>{mode ? "$15" : "$20"}</span >{mode ? "$15" : "$20"}</span
@ -907,7 +918,9 @@
</li> </li>
</ul> </ul>
<div class="mt-auto pt-6 border-t border-zinc-700 mx-4"> <div class="mt-auto pt-6 border-t border-zinc-700 mx-4">
<button <label
for={!data?.user ? "userLogin" : ""}
on:click={() => purchasePlan("pro")}
class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center" class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
>Unlock Pro Access Now<svg >Unlock Pro Access Now<svg
class="w-5 h-5 ml-2" class="w-5 h-5 ml-2"
@ -921,7 +934,7 @@
stroke-width="2" stroke-width="2"
d="M9 5l7 7-7 7" d="M9 5l7 7-7 7"
></path></svg ></path></svg
></button ></label
> >
</div> </div>
</div> </div>
@ -942,10 +955,12 @@
</p> </p>
<!-- Button container: full width on mobile, 1/4 width on md+ --> <!-- Button container: full width on mobile, 1/4 width on md+ -->
<div class="flex justify-end w-full md:w-1/4 ml-auto mt-4 md:mt-0"> <div class="flex justify-end w-full md:w-1/4 ml-auto mt-4 md:mt-0">
<button <label
for={!data?.user ? "userLogin" : ""}
on:click={() => purchasePlan("lifeTime")}
class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center" class="cursor-pointer w-full py-3 px-4 bg-blue-600 text-white rounded-lg font-semibold sm:hover:bg-blue-700 transition duration-100 flex items-center justify-center"
> >
Unlock Pro Access Now Get Lifetime Now
<svg <svg
class="w-5 h-5 ml-2" class="w-5 h-5 ml-2"
fill="none" fill="none"
@ -960,7 +975,7 @@
d="M9 5l7 7-7 7" d="M9 5l7 7-7 7"
></path> ></path>
</svg> </svg>
</button> </label>
</div> </div>
</div> </div>
</div> </div>
@ -985,22 +1000,22 @@
<thead> <thead>
<tr> <tr>
<th <th
class="py-2 md:py-3 font-semibold text-white text-sm md:text-base" class="py-2 md:py-3 pt-8 font-semibold text-sm sm:text-lg text-white"
> >
Discover investment opportunities Research company stocks
</th> </th>
<th <th
class="py-2 md:py-3 font-semibold text-white text-center text-sm md:text-base" class="py-2 md:py-3 font-semibold text-white text-center text-sm sm:text-lg"
> >
Free Free
</th> </th>
<th <th
class="py-2 md:py-3 font-semibold text-white text-center text-sm md:text-base" class="py-2 md:py-3 font-semibold text-white text-center text-sm sm:text-lg"
> >
Plus Plus
</th> </th>
<th <th
class="py-2 md:py-3 font-semibold text-white text-center text-sm md:text-base" class="py-2 md:py-3 font-semibold text-white text-center text-sm sm:text-lg"
> >
Pro Pro
</th> </th>
@ -1008,99 +1023,81 @@
</thead> </thead>
<tbody class="text-sm md:text-base"> <tbody class="text-sm md:text-base">
<tr> <tr>
<td class="py-2 md:py-3">Global market access</td> <td class="py-2 md:py-3">Full Market Access</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
</tr> </tr>
<tr> <tr>
<td class="py-2 md:py-3">Curated investment ideas</td> <td class="py-2 md:py-3">Hedge Fund Portfolio</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
</tr> </tr>
<tr> <tr>
<td class="py-2 md:py-3">Sample portfolios</td> <td class="py-2 md:py-3">US Congress Portfolio</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
</tr> </tr>
<tr> <tr>
<td class="py-2 md:py-3">Stock screeners &amp; Alerts</td> <td class="py-2 md:py-3">Stock Screener</td>
<td class="py-2 md:py-3 text-center">Limited</td> <td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">3</td> <td class="py-2 md:py-3 text-center">Unlimited</td>
<td class="py-2 md:py-3 text-center">10</td>
</tr>
<tr>
<td
colspan="4"
class="py-2 md:py-3 pt-8 font-semibold text-lg text-white"
>
Research company stocks
</td>
</tr>
<tr>
<td class="py-2 md:py-3">Company stock reports</td>
<td class="py-2 md:py-3 text-center">5/mo</td>
<td class="py-2 md:py-3 text-center">30/mo</td>
<td class="py-2 md:py-3 text-center">Unlimited</td> <td class="py-2 md:py-3 text-center">Unlimited</td>
</tr> </tr>
<tr>
<td class="py-2 md:py-3">Stock comparison tool</td>
<td class="py-2 md:py-3 text-center">✓</td>
<td class="py-2 md:py-3 text-center">✓</td>
<td class="py-2 md:py-3 text-center">✓</td>
</tr>
<tr>
<td class="py-2 md:py-3">Export to Excel &amp; PDF</td>
<td class="py-2 md:py-3 text-center">✓</td>
<td class="py-2 md:py-3 text-center">✓</td>
<td class="py-2 md:py-3 text-center">✓</td>
</tr>
<tr> <tr>
<td <td
colspan="4" colspan="4"
class="py-2 md:py-3 pt-8 font-semibold text-lg text-white" class="py-2 md:py-3 pt-8 font-semibold text-sm sm:text-lg text-white"
> >
Portfolio management &amp; analysis Unusual Activity
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="py-2 md:py-3">No. of portfolios</td> <td class="py-2 md:py-3">Realtime Options Data from OPRA</td>
<td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✅</td>
</tr>
<tr>
<td class="py-2 md:py-3">Realtime Dark Pool Data</td>
<td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✅</td>
</tr>
<tr>
<td
colspan="4"
class="py-2 md:py-3 pt-8 font-semibold text-sm sm:text-lg text-white"
>
Trade Ideas
</td>
</tr>
<tr>
<td class="py-2 md:py-3">No. of Watchlists</td>
<td class="py-2 md:py-3 text-center">1</td> <td class="py-2 md:py-3 text-center">1</td>
<td class="py-2 md:py-3 text-center">Unlimited</td>
<td class="py-2 md:py-3 text-center">Unlimited</td>
</tr>
<tr>
<td class="py-2 md:py-3">No. of Price Alerts</td>
<td class="py-2 md:py-3 text-center">3</td> <td class="py-2 md:py-3 text-center">3</td>
<td class="py-2 md:py-3 text-center">5</td>
</tr>
<tr>
<td class="py-2 md:py-3">No. of holdings in each portfolio</td>
<td class="py-2 md:py-3 text-center">10</td>
<td class="py-2 md:py-3 text-center">30</td>
<td class="py-2 md:py-3 text-center">Unlimited</td>
</tr>
<tr>
<td class="py-2 md:py-3">Brokerage linking</td>
<td class="py-2 md:py-3 text-center"></td>
<td class="py-2 md:py-3 text-center">✓</td>
<td class="py-2 md:py-3 text-center">✓</td>
</tr>
<tr>
<td class="py-2 md:py-3">Important updates from each holding</td
>
<td class="py-2 md:py-3 text-center">Limited</td>
<td class="py-2 md:py-3 text-center">Unlimited</td> <td class="py-2 md:py-3 text-center">Unlimited</td>
<td class="py-2 md:py-3 text-center">Unlimited</td> <td class="py-2 md:py-3 text-center">Unlimited</td>
</tr> </tr>
<tr> <tr>
<td class="py-2 md:py-3">Weekly portfolio update email</td> <td class="py-2 md:py-3">Wallstreet Analyst Rating</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
</tr> </tr>
<tr> <tr>
<td class="py-2 md:py-3">Weekly Market insights newsletter</td> <td class="py-2 md:py-3">AI Model Forecasts</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">❌</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
<td class="py-2 md:py-3 text-center">✓</td> <td class="py-2 md:py-3 text-center">✅</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -1126,7 +1123,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
>What are the advantages of Stocknear Service?</summary >What are the advantages of Stocknear Service?</summary
> >
<div class="collapse-content"> <div class="collapse-content">
@ -1147,7 +1144,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
> >
Can I change my plan at any time? Can I change my plan at any time?
</summary> </summary>
@ -1171,7 +1168,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
> >
Are there any commissions in addition to the subscription Are there any commissions in addition to the subscription
plans? plans?
@ -1189,7 +1186,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
> >
Can I request a refund? Can I request a refund?
</summary> </summary>
@ -1210,7 +1207,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
> >
What are my payment options? What are my payment options?
</summary> </summary>
@ -1227,7 +1224,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
> >
Can I cancel at any time? Can I cancel at any time?
</summary> </summary>
@ -1245,7 +1242,7 @@
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary <summary
class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5" class="collapse-title text-white text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5"
> >
Why is Stocknear so much cheaper than other platforms? Why is Stocknear so much cheaper than other platforms?
</summary> </summary>