Skip to content

Commit

Permalink
content: replace dpp with release note for now
Browse files Browse the repository at this point in the history
  • Loading branch information
@romangg
romangg committed Jul 9, 2024
1 parent cee37b5 commit cac9b0e
Showing 1 changed file with 17 additions and 297 deletions.
314 changes: 17 additions & 297 deletions pages/dpp.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,304 +9,24 @@
Design and market your hardware device together with Manjaro.
</p>
</div>
<div class="mx-auto pb-8 lg:pb-14 max-w-[400px] sm:max-w-max sm:px-0">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 items-start">
<div class="p-4 border-2 border-accent dark:border-accent-200 rounded-lg">
<div class="flex flex-col items-center pt-5">
<div class="flex -space-x-3 pb-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="60"
height="60"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"
/>
</svg>
</div>
<h2 class="text-xl tracking-wide font-bold text-primary-300 dark:text-primary-800 uppercase">
Basic
</h2>
</div>
<div class="divider" />
<div class="text-center">
<h4 class="uppercase font-semibold text-primary pb-2">
Engineering
</h4>
<ul class="text-gray-800 dark:text-gray-300">
<li>Support per device family</li>
<li>Regular image releases</li>
<li>QA/Testing support</li>
</ul>
<h4 class="uppercase font-semibold text-primary text-center pt-8 pb-2">
Marketing
</h4>
<ul class="text-gray-800 dark:text-gray-300">
<li>Regular social media posts about progress</li>
</ul>
</div>
</div>
<div class="p-4 border-2 border-accent dark:border-accent-200 rounded-lg sm:row-start-2 sm:col-start-1 lg:row-auto lg:col-auto">
<div class="flex flex-col items-center pt-5">
<div class="flex -space-x-3 pb-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="60"
height="60"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="60"
height="60"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
transform="rotate(180, 0, 0)"
>
<path
fill-rule="evenodd"
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"
/>
</svg>
</div>
<h2 class="text-xl tracking-wide font-bold text-primary-300 dark:text-primary-800 uppercase">
Mid
</h2>
</div>
<div class="divider" />
<div class="text-center">
<h4 class="uppercase font-semibold text-primary pb-2">
Engineering
</h4>
<ul class="text-gray-800 dark:text-gray-300">
<li>Support per device family</li>
<li>Regular image releases</li>
<li>QA/Testing support</li>
</ul>
<div class="flex justify-center p-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
</svg>
</div>
<ul class="text-gray-800 dark:text-gray-300">
<li>OS device optimization</li>
<li>Regular device testing</li>
<li>Prototype consulting</li>
</ul>
<h4 class="uppercase font-semibold text-primary text-center pt-8 pb-2">
Marketing
</h4>
<ul class="text-gray-800 dark:text-gray-300">
<li>Regular social media posts about progress</li>
</ul>
<div class="flex justify-center p-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
</svg>
</div>
<ul class="text-gray-800 dark:text-gray-300">
<li>Presentation at fairs and conferences</li>
</ul>
</div>
</div>
<div class="p-4 border-2 border-accent dark:border-accent-200 rounded-lg sm:row-span-2 sm:col-start-2 sm:row-start-1 lg:row-auto lg:col-auto">
<div class="flex flex-col items-center pt-5">
<div class="flex -space-x-3 pb-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="60"
height="60"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="60"
height="60"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
transform="rotate(180, 0, 0)"
>
<path
fill-rule="evenodd"
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="60"
height="60"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"
/>
</svg>
</div>
<h2 class="text-xl tracking-wide font-bold text-primary-300 dark:text-primary-800 uppercase">
Large
</h2>
</div>
<div class="divider" />
<div class="text-center">
<h4 class="uppercase font-semibold text-primary pb-2">
Engineering
</h4>
<ul class="text-gray-800 dark:text-gray-300">
<li>Support per device family</li>
<li>Regular image releases</li>
<li>QA/Testing support</li>
</ul>
<div class="flex justify-center p-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
</svg>
</div>
<ul class="text-gray-800 dark:text-gray-300">
<li>OS device optimization</li>
<li>Regular device testing</li>
<li>Prototype consulting</li>
</ul>
<div class="flex justify-center p-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
</svg>
</div>
<ul class="text-gray-800 dark:text-gray-300">
<li>Engineering sprints at manufacturer</li>
</ul>
<h4 class="uppercase font-semibold text-primary text-center pt-8 pb-2">
Marketing
</h4>
<ul class="text-gray-800 dark:text-gray-300">
<li>Regular social media posts about progress</li>
</ul>
<div class="flex justify-center p-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
</svg>
</div>
<ul class="text-gray-800 dark:text-gray-300">
<li>Presentation at fairs and conferences</li>
</ul>
<div class="flex justify-center p-4">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
class="text-accent dark:text-accent-600"
viewBox="0 0 16 16"
>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
</svg>
</div>
<ul class="text-gray-800 dark:text-gray-300">
<li>YouTube marketing</li>
<li>Partner promotion in EU/US</li>
</ul>
</div>
</div>
</div>
<div
class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:pt-24"
<div class="flex flex-col mx-auto mt-16 p-10 max-w-max border dark:border-gray-600 rounded-3xl shadow-md text-center items-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="50"
height="50"
fill="currentColor"
class="text-accent"
viewBox="0 0 16 16"
>
<div class="max-w-xl mb-6 md:mx-auto sm:text-center lg:max-w-2xl">
<p class="inline-block px-3 py-px mb-4 text-xs font-semibold tracking-wider text-primary uppercase rounded-full bg-teal-accent-400">
Contact Us
</p>
<h2 class="text-2xl font-medium">
Ready Your Device With Manjaro
</h2>
</div>
<div class="flex justify-center">
<div class="rounded shadow-sm dark:shadow-slate-800 md:text-center max-w-sm">
<div class="relative">
<NuxtImg
class="object-contain h-64 rounded-t"
width="500px"
src="/dpp-contact.webp"
alt=""
/>
<div class="absolute inset-0 bg-gray-800 bg-opacity-10 dark:bg-opacity-40" />
</div>
<div class="px-6 py-8 border border-t-0 dark:border-gray-700 rounded-b sm:px-8">
<p class="mb-5">
Reach out to learn more about how your device can become part of Manjaro’s Device Partner Program including pricing and availability.
</p>
<div class="flex justify-center gap-4">
<button
class="btn btn-primary"
>
<NuxtLink
href="mailto:[email protected]"
target="_blank"
>
Email
</NuxtLink>
</button>
</div>
</div>
</div>
</div>
</div>
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9z" />
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1zm1.038 3.018a6 6 0 0 1 .924 0 6 6 0 1 1-.924 0M0 3.5c0 .753.333 1.429.86 1.887A8.04 8.04 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5M13.5 1c-.753 0-1.429.333-1.887.86a8.04 8.04 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1" />
</svg>
<h2 class="tracking-wide text-2xl font-bold text-slate-700 dark:text-slate-200 pt-8 pb-3">
Coming Soon
</h2>
<h3 class="text-gray-500 dark:text-gray-300 tracking-wide font-semibold">
Watch This Space
</h3>
</div>
</div>
</section>
Expand Down

0 comments on commit cac9b0e

Please sign in to comment.