mirror of
https://github.com/dathere/qsvpro.dathere.com.git
synced 2025-12-19 05:59:24 +00:00
feat: add download from the Microsoft Store button
This commit is contained in:
parent
dc0acd62e5
commit
6d0f0d2177
1 changed files with 51 additions and 36 deletions
|
|
@ -123,7 +123,8 @@ export const Hero = () => {
|
||||||
{downloadData && OS !== "unknown" ? (
|
{downloadData && OS !== "unknown" ? (
|
||||||
<>
|
<>
|
||||||
<p className="text-white text-md text-center mx-auto mb-4">
|
<p className="text-white text-md text-center mx-auto mb-4">
|
||||||
Download qsv pro and explore the free plan or unlock features with a paid plan.
|
Download qsv pro and explore the free plan
|
||||||
|
or unlock features with a paid plan.
|
||||||
</p>
|
</p>
|
||||||
<div className="flex justify-center">
|
<div className="flex justify-center">
|
||||||
{Object.keys(downloadData).map(
|
{Object.keys(downloadData).map(
|
||||||
|
|
@ -138,11 +139,24 @@ export const Hero = () => {
|
||||||
>
|
>
|
||||||
{downloadData[platform].map(
|
{downloadData[platform].map(
|
||||||
(download, index) => (
|
(download, index) => (
|
||||||
|
<>
|
||||||
|
{platform ===
|
||||||
|
"windows" && (
|
||||||
|
<div className="flex justify-center">
|
||||||
|
<a href="https://apps.microsoft.com/detail/xpffdj3f1jsztf?mode=full">
|
||||||
|
<img
|
||||||
|
src="https://get.microsoft.com/images/en-us%20light.svg"
|
||||||
|
width="200"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
<a
|
<a
|
||||||
key={index}
|
key={index}
|
||||||
href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
|
href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
|
||||||
className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
|
className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
|
||||||
platform === OS
|
platform ===
|
||||||
|
OS
|
||||||
? " bg-teal-600 hover:bg-teal-700"
|
? " bg-teal-600 hover:bg-teal-700"
|
||||||
: " bg-blue-500 hover:bg-blue-700"
|
: " bg-blue-500 hover:bg-blue-700"
|
||||||
}`}
|
}`}
|
||||||
|
|
@ -150,6 +164,7 @@ export const Hero = () => {
|
||||||
>
|
>
|
||||||
{download[0]}
|
{download[0]}
|
||||||
</a>
|
</a>
|
||||||
|
</>
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue