From ab401dce1dd9988f89256414f4bf472ff97afcda Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Burak=20Sa=C4=9Flam?= Date: Wed, 23 Aug 2023 15:30:04 +0300 Subject: [PATCH] Update blocks --- app/(main)/blocks/page.tsx | 779 ++++++++++++++++++------------------- 1 file changed, 389 insertions(+), 390 deletions(-) diff --git a/app/(main)/blocks/page.tsx b/app/(main)/blocks/page.tsx index 068ff0bb..ebd5a25c 100644 --- a/app/(main)/blocks/page.tsx +++ b/app/(main)/blocks/page.tsx @@ -1,420 +1,421 @@ 'use client'; -import { Button } from 'primereact/button'; -import { Checkbox } from 'primereact/checkbox'; -import { Chip } from 'primereact/chip'; -import { InputText } from 'primereact/inputtext'; import React, { useState } from 'react'; + +import { InputText } from 'primereact/inputtext'; +import { Chip } from 'primereact/chip'; +import { Checkbox } from 'primereact/checkbox'; +import { Button } from 'primereact/button'; import BlockViewer from '../../../demo/components/BlockViewer'; -const BlocksDemo = () => { +const Free = () => { const [checked, setChecked] = useState(false); const block1 = ` -
-
-
- Create the screens -
your visitors deserve to see
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

- -
-
-
- hero-1 -
+
+
+
+ Create the screens +
your visitors deserve to see
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+ +
+
+
+ hero-1
- `; +
+ `; const block2 = ` -
-
- One Product, - Many Solutions +
+
+ One Product, + Many Solutions +
+
Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.
+
+
+ + + +
Built for Developers
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.
-
-
- - - -
Built for Developers
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -
-
- - - -
End-to-End Encryption
- Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis. -
-
- - - -
Easy to Use
- Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper. -
-
- - - -
Fast & Global Support
- Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. -
-
- - - -
Open Source
- Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. -
-
- - - -
Trusted Securitty
- Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend. -
+
+ + + +
End-to-End Encryption
+ Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis. +
+
+ + + +
Easy to Use
+ Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper. +
+
+ + + +
Fast & Global Support
+ Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. +
+
+ + + +
Open Source
+ Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. +
+
+ + + +
Trusted Securitty
+ Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.
- `; +
+ `; const block3 = ` -
-
Pricing Plans
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
- -
-
-
-
-
Basic
-
Plan description
-
-
- $9 - per month -
-
-
    -
  • - - Arcu vitae elementum -
    • -
  • - - Dui faucibus in ornare -
    • -
  • - - Morbi tincidunt augue -
    • -
-
-
- -
-
-
-
Premium
-
Plan description
-
-
- $29 - per month -
-
-
    -
  • - - Arcu vitae elementum -
    • -
  • - - Dui faucibus in ornare -
    • -
  • - - Morbi tincidunt augue -
    • -
  • - - Duis ultricies lacus sed -
    • -
-
-
+ +
+
+
+
Premium
+
Plan description
+
+
+ $29 + per month
+
+
    +
  • + + Arcu vitae elementum +
    • +
  • + + Dui faucibus in ornare +
    • +
  • + + Morbi tincidunt augue +
    • +
  • + + Duis ultricies lacus sed +
    • +
+
+
- -
-
-
-
Enterprise
-
Plan description
-
-
- $49 - per month -
-
-
    -
  • - - Arcu vitae elementum -
    • -
  • - - Dui faucibus in ornare -
    • -
  • - - Morbi tincidunt augue -
    • -
  • - - Duis ultricies lacus sed -
    • -
  • - - Imperdiet proin -
    • -
  • - - Nisi scelerisque -
    • -
-
-
+ +
+
+
+
Enterprise
+
Plan description
+
+
+ $49 + per month
+
+
    +
  • + + Arcu vitae elementum +
    • +
  • + + Dui faucibus in ornare +
    • +
  • + + Morbi tincidunt augue +
    • +
  • + + Duis ultricies lacus sed +
    • +
  • + + Imperdiet proin +
    • +
  • + + Nisi scelerisque +
    • +
+
+
- `; +
+ `; const block4 = ` -
-
 POWERED BY DISCORD
-
Join Our Design Community
-
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
-
- `; +
+
 POWERED BY DISCORD
+
Join Our Design Community
+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
+
+ `; const block5 = ` -
-
🔥 Hot Deals!
-
- Libero voluptatum atque exercitationem praesentium provident odit. -
- - Learn More - - - - +
+
🔥 Hot Deals!
+
+ Libero voluptatum atque exercitationem praesentium provident odit.
- `; + + Learn More + + + + +
+ `; const block6 = ` -
- -
-
-
Customers
-
-
- - 332 Active Users -
-
- - 9402 Sessions -
-
- - 2.32m Avg. Duration -
+
+ +
+
+
Customers
+
+
+ + 332 Active Users +
+
+ + 9402 Sessions +
+
+ + 2.32m Avg. Duration
-
-
+
+
+
- `; +
+ `; const block7 = ` -
-
-
-
-
- Orders -
152
-
-
- -
+
+
+
+
+
+ Orders +
152
+
+
+
- 24 new - since last visit
+ 24 new + since last visit
-
-
-
-
- Revenue -
$2.100
-
-
- -
+
+
+
+
+
+ Revenue +
$2.100
+
+
+
- %52+ - since last week
+ %52+ + since last week
-
-
-
-
- Customers -
28441
-
-
- -
+
+
+
+
+
+ Customers +
28441
+
+
+
- 520 - newly registered
+ 520 + newly registered
-
-
-
-
- Comments -
152 Unread
-
-
- -
+
+
+
+
+
+ Comments +
152 Unread
+
+
+
- 85 - responded
+ 85 + responded
- `; +
+ `; const block8 = ` -
-
-
- hyper -
Welcome Back
- Do not have an account? - Create today! -
- -
- - - - - - -
-
- setChecked(e.checked)} checked={checked} className="mr-2" /> - -
- Forgot your password? +
+
+
+ hyper +
Welcome Back
+ Don't have an account? + Create today! +
+ +
+ + + + + + +
+
+ setChecked(e.checked)} checked={checked} className="mr-2" /> +
- -
+ +
- `; +
+ `; const block9 = ` -
-
Movie Information
-
Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.
-
    -
  • -
    Title
    -
    Heat
    -
    -
    -
    • -
  • -
    Genre
    -
    - - - -
    -
    -
    -
    • -
  • -
    Director
    -
    Michael Mann
    -
    -
    -
    • -
  • -
    Actors
    -
    Robert De Niro, Al Pacino
    -
    -
    -
    • -
  • -
    Plot
    -
    - A group of professional bank robbers start to feel the heat from police - when they unknowingly leave a clue at their latest heist.
    -
    -
    -
    • -
-
- `; +
+
Movie Information
+
Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.
+
    +
  • +
    Title
    +
    Heat
    +
    +
    +
    • +
  • +
    Genre
    +
    + + + +
    +
    +
    +
    • +
  • +
    Director
    +
    Michael Mann
    +
    +
    +
    • +
  • +
    Actors
    +
    Robert De Niro, Al Pacino
    +
    +
    +
    • +
  • +
    Plot
    +
    + A group of professional bank robbers start to feel the heat from police + when they unknowingly leave a clue at their latest heist.
    +
    +
    +
    • +
+
+ `; const block10 = ` -
-
Card Title
-
Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.
-
-
- `; +
+
Card Title
+
Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.
+
+
+ `; return ( <> @@ -426,8 +427,8 @@ const BlocksDemo = () => {
your visitors deserve to see

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-
@@ -437,7 +438,7 @@ const BlocksDemo = () => { -
+
One Product, Many Solutions @@ -448,42 +449,42 @@ const BlocksDemo = () => { -
Built for Developers
+
Built for Developers
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
End-to-End Encryption
+
End-to-End Encryption
Risus nec feugiat in fermentum posuere urna nec. Posuere sollicitudin aliquam ultrices sagittis.
-
Easy to Use
+
Easy to Use
Ornare suspendisse sed nisi lacus sed viverra tellus. Neque volutpat ac tincidunt vitae semper.
-
Fast & Global Support
+
Fast & Global Support
Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus.
-
Open Source
+
Open Source
Nec tincidunt praesent semper feugiat. Sed adipiscing diam donec adipiscing tristique risus nec feugiat.
-
Trusted Securitty
+
Trusted Securitty
Mattis rhoncus urna neque viverra justo nec ultrices. Id cursus metus aliquam eleifend.
@@ -510,15 +511,15 @@ const BlocksDemo = () => {
  • - Arcu vitae elementum + Arcu vitae elementum
  • - Dui faucibus in ornare + Dui faucibus in ornare
  • - Morbi tincidunt augue + Morbi tincidunt augue
@@ -541,19 +542,19 @@ const BlocksDemo = () => {
  • - Arcu vitae elementum + Arcu vitae elementum
  • - Dui faucibus in ornare + Dui faucibus in ornare
  • - Morbi tincidunt augue + Morbi tincidunt augue
  • - Duis ultricies lacus sed + Duis ultricies lacus sed
@@ -576,31 +577,31 @@ const BlocksDemo = () => {
  • - Arcu vitae elementum + Arcu vitae elementum
  • - Dui faucibus in ornare + Dui faucibus in ornare
  • - Morbi tincidunt augue + Morbi tincidunt augue
  • - Duis ultricies lacus sed + Duis ultricies lacus sed
  • - Imperdiet proin + Imperdiet proin
  • - Nisi scelerisque + Nisi scelerisque
-
@@ -615,7 +616,7 @@ const BlocksDemo = () => {
Join Our Design Community
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
-
@@ -666,7 +667,7 @@ const BlocksDemo = () => {
-
@@ -761,10 +762,8 @@ const BlocksDemo = () => {
- setChecked(e.checked ?? false)} checked={checked} className="mr-2" /> - + setChecked(e.checked as boolean)} checked={checked} className="mr-2" /> +
Forgot your password?
@@ -784,7 +783,7 @@ const BlocksDemo = () => {
Title
Heat
-
  • @@ -795,28 +794,28 @@ const BlocksDemo = () => {
    • -
  • Director
    Michael Mann
    -
  • Actors
    Robert De Niro, Al Pacino
    -
  • Plot
    A group of professional bank robbers start to feel the heat from police when they unknowingly leave a clue at their latest heist.
    -
    • @@ -834,4 +833,4 @@ const BlocksDemo = () => { ); }; -export default BlocksDemo; +export default Free;