Skip to content

Commit

Permalink
Merge branch 'prod'
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Aug 3, 2023
2 parents 54d0354 + d59b78b commit 916b303
Show file tree
Hide file tree
Showing 2 changed files with 57 additions and 12 deletions.
6 changes: 3 additions & 3 deletions data/news.json
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
{
"id": 38,
"content": "Sakai Free Admin Template",
"id": 40,
"content": "Summer Sale | Up to 50% Off",
"linkText": "Learn More",
"linkHref": "https://www.youtube.com/watch?v=ucCh9IxzLFIe",
"linkHref": "https://www.primefaces.org/store",
"backgroundStyle": "background-color:#07c4e8",
"textStyle": "color:#191919;font-weight:500",
"linkStyle": "color:#191919;font-weight:700",
Expand Down
63 changes: 54 additions & 9 deletions pages/uikit/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const UIKitPage = (props) => {
</Head>
<div>
<div style={{ borderRadius: '50px', maxHeight: '500px' }} className="overflow-hidden mb-5 flex align-items-center">
<img alt="PrimeReact Designer" src={`https://primefaces.org/cdn/primereact/images/uikit/primeone-cover-${props.dark ? 'dark' : 'light'}.jpg`} className="w-full" />
<img alt="PrimeReact Designer" src={`https://primefaces.org/cdn/primereact/images/uikit/primeone-cover-${props.dark ? 'dark' : 'light'}.jpeg`} className="w-full" />
</div>

<div className="card mb-5" style={{ borderRadius: '50px' }}>
Expand Down Expand Up @@ -41,10 +41,14 @@ const UIKitPage = (props) => {
<i className="pi pi-check-circle text-green-600 mr-2"></i>
<span className="font-bold">Interactive Components</span>
</li>
<li className="flex align-items-center w-12 p-3">
<li className="flex align-items-center w-6 p-3">
<i className="pi pi-check-circle text-green-600 mr-2"></i>
<span className="font-bold">Boolean, Instance Swap and Text Properties</span>
</li>
<li className="flex align-items-center w-6 p-3">
<i className="pi pi-check-circle text-green-600 mr-2"></i>
<span className="font-bold">Nested Instances</span>
</li>
</ul>
</div>
</div>
Expand Down Expand Up @@ -77,7 +81,7 @@ const UIKitPage = (props) => {
<img alt="PrimeReact Designer" src="https://primefaces.org/cdn/primereact/images/uikit/uikit-system.png" className="w-full" />
</div>
</div>
<div className="flex flex-column md:flex-row align-items-center gap-4 md:gap-8">
<div className="flex flex-column md:flex-row align-items-center gap-4 md:gap-8 mb-8">
<div className="w-full md:w-6">
<img alt="PrimeReact Designer" src="https://primefaces.org/cdn/primereact/images/uikit/uikit-themes.png" className="w-full" />
</div>
Expand All @@ -98,24 +102,51 @@ const UIKitPage = (props) => {
</ul>
</div>
</div>
<div className="flex flex-column md:flex-row align-items-center gap-4 md:gap-8">
<div className="w-full md:w-6">
<div className="text-primary font-bold mb-2">TOKENS STUDIO</div>
<div className="text-900 text-5xl font-bold mb-3">Tokens Support</div>
<p className="mb-3 text-lg">
Empower yourself with unprecedented control over your designs. Tokens Studio integration unlocks a whole new level of flexibility, allowing you to create and manage design tokens seamlessly.
</p>

<ul className="flex flex-wrap m-0 p-0 text-lg">
<li className="flex align-items-center w-6 p-3">
<i className="pi pi-check-circle text-green-600 mr-2"></i>
<span className="font-bold">Countless Design Tokens</span>
</li>
<li className="flex align-items-center w-6 p-3">
<i className="pi pi-check-circle text-green-600 mr-2"></i>
<span className="font-bold">Light and Dark Sets</span>
</li>
<li className="flex align-items-center w-12 p-3">
<i className="pi pi-check-circle text-green-600 mr-2"></i>
<span className="font-bold">Well Documented</span>
</li>
</ul>
</div>
<div className="w-full md:w-6">
<img alt="Tokens Support" src="https://primefaces.org/cdn/primeng/images/uikit/uikit-tokens.png" className="w-full" />
</div>
</div>
</div>

<div className="flex flex-column md:flex-row gap-4 md:gap-8 mb-5">
<a
href="https://www.figma.com/file/1rMJ9BAiZovyQYNUG06T0j/Preview-%7C-PrimeOne-%7C-2.0?node-id=806%3A36648&t=MnxlHT9snz8Y6DwL-1"
href="https://www.figma.com/file/Q7lwa8MLIcA0ts9bd9wiw2/Preview-%7C-PrimeOne-%7C-2.1.1?type=design&node-id=806%3A36648&mode=design&t=yXUcTsp5wucRdpXy-1"
className="p-5 w-full md:w-6 bg-white flex flex-column align-items-center border-2 border-transparent hover:border-primary transition-colors transition-duration-300"
style={{ borderRadius: '50px' }}
>
<span className="text-gray-900 text-4xl font-bold mb-5">Preview Light</span>
<img alt="PrimeReact Designer" src="https://primefaces.org/cdn/primereact/images/uikit/logo-figma-light.svg" className="w-4rem" />
<img alt="Figma Light" src="https://primefaces.org/cdn/primereact/images/uikit/logo-figma-light.svg" className="w-4rem" />
</a>
<a
href="https://www.figma.com/file/lwsadx20eWq3UWS4eAxCYo/Preview-%7C-Dark-%7C-PrimeOne-%7C-2.0?node-id=806%3A36648&t=Qw2Pi6W4Q4rtbnZ5-1"
href="https://www.figma.com/file/Br6Z9SxeYKGZWwKXUcUkGA/Preview-%7C-Dark-%7C-PrimeOne-%7C-2.1.1?type=design&node-id=806%3A36648&mode=design&t=GhlXi6oKNtsPtiS6-1"
className="p-5 w-full md:w-6 bg-gray-900 flex flex-column align-items-center border-2 border-transparent hover:border-primary transition-colors transition-duration-300"
style={{ borderRadius: '50px' }}
>
<span className="text-white text-4xl font-bold mb-5">Preview Dark</span>
<img alt="PrimeReact Designer" src="https://primefaces.org/cdn/primereact/images/uikit/logo-figma-dark.svg" className="w-4rem" />
<img alt="Figma Dark" src="https://primefaces.org/cdn/primereact/images/uikit/logo-figma-dark.svg" className="w-4rem" />
</a>
</div>

Expand All @@ -134,7 +165,8 @@ const UIKitPage = (props) => {
<div className="text-600 font-medium">For individual designers</div>
<hr className="my-3 mx-0 border-top-1 border-none surface-border" />
<div className="flex gap-3 flex-wrap">
<span className="text-2xl font-bold text-900">$99</span>
<span className="text-2xl font-bold text-600 line-through">$99</span>
<span className="text-2xl font-bold text-900">$49</span>
</div>
<hr className="my-3 mx-0 border-top-1 border-none surface-border" />
<ul className="list-none p-0 m-0 flex-grow-1 text-lg">
Expand All @@ -150,6 +182,10 @@ const UIKitPage = (props) => {
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Interactive Components</span>
</li>
<li class="flex align-items-center mb-3">
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Tokens Studio Support</span>
</li>
<li className="flex align-items-center mb-3">
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Lifetime Support</span>
Expand All @@ -174,7 +210,8 @@ const UIKitPage = (props) => {
<div className="text-600 font-medium">For small teams</div>
<hr className="my-3 mx-0 border-top-1 border-none surface-border" />
<div className="flex gap-3 flex-wrap">
<span className="text-2xl font-bold text-900">$249</span>
<span className="text-2xl font-bold text-600 line-through">$249</span>
<span className="text-2xl font-bold text-900">$149</span>
</div>
<hr className="my-3 mx-0 border-top-1 border-none surface-border" />
<ul className="list-none p-0 m-0 flex-grow-1 text-lg">
Expand All @@ -190,6 +227,10 @@ const UIKitPage = (props) => {
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Interactive Components</span>
</li>
<li class="flex align-items-center mb-3">
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Tokens Studio Support</span>
</li>
<li className="flex align-items-center mb-3">
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Lifetime Support</span>
Expand Down Expand Up @@ -230,6 +271,10 @@ const UIKitPage = (props) => {
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Interactive Components</span>
</li>
<li class="flex align-items-center mb-3">
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Tokens Studio Support</span>
</li>
<li className="flex align-items-center mb-3">
<i className="pi pi-check-circle text-green-500 mr-2"></i>
<span>Lifetime Support</span>
Expand Down

0 comments on commit 916b303

Please sign in to comment.