diff --git a/public/images/blog/icons/eye.svg b/public/images/blog/icons/eye.svg new file mode 100644 index 0000000..2bee658 --- /dev/null +++ b/public/images/blog/icons/eye.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/images/blog/icons/like.svg b/public/images/blog/icons/like.svg new file mode 100644 index 0000000..1ab3451 --- /dev/null +++ b/public/images/blog/icons/like.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/blog/icons/socials-vertical.svg b/public/images/blog/icons/socials-vertical.svg new file mode 100644 index 0000000..f0f4e2f --- /dev/null +++ b/public/images/blog/icons/socials-vertical.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/blog/posts/post/1.png b/public/images/blog/posts/post/1.png new file mode 100644 index 0000000..9ad3738 Binary files /dev/null and b/public/images/blog/posts/post/1.png differ diff --git a/public/images/blog/posts/post/2.png b/public/images/blog/posts/post/2.png new file mode 100644 index 0000000..0a011f5 Binary files /dev/null and b/public/images/blog/posts/post/2.png differ diff --git a/public/images/blog/posts/post/3.png b/public/images/blog/posts/post/3.png new file mode 100644 index 0000000..d94de6d Binary files /dev/null and b/public/images/blog/posts/post/3.png differ diff --git a/public/images/blog/posts/post/4.png b/public/images/blog/posts/post/4.png new file mode 100644 index 0000000..d99524a Binary files /dev/null and b/public/images/blog/posts/post/4.png differ diff --git a/public/images/blog/users/1.png b/public/images/blog/users/1.png new file mode 100644 index 0000000..ac71506 Binary files /dev/null and b/public/images/blog/users/1.png differ diff --git a/src/app/(routes)/blog/filtered-posts/[filter]/page.tsx b/src/app/(routes)/blog/filtered-posts/[filter]/page.tsx index 2c2e248..6ecf1c1 100644 --- a/src/app/(routes)/blog/filtered-posts/[filter]/page.tsx +++ b/src/app/(routes)/blog/filtered-posts/[filter]/page.tsx @@ -59,7 +59,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -98,7 +98,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -137,7 +137,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -176,7 +176,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -215,7 +215,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -254,7 +254,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -293,7 +293,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -332,7 +332,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -371,7 +371,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -410,7 +410,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -449,7 +449,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -488,7 +488,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -527,7 +527,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design @@ -566,7 +566,7 @@ export default function FilteredPosts({ params }: propsType) {

UI design diff --git a/src/app/(routes)/blog/layout.tsx b/src/app/(routes)/blog/layout.tsx index 06c12fe..f8b4581 100644 --- a/src/app/(routes)/blog/layout.tsx +++ b/src/app/(routes)/blog/layout.tsx @@ -23,7 +23,7 @@ export default function RootLayout({
-
+
{children}
diff --git a/src/app/(routes)/blog/posts/[slug]/page.tsx b/src/app/(routes)/blog/posts/[slug]/page.tsx index 0b5a764..2b7f052 100644 --- a/src/app/(routes)/blog/posts/[slug]/page.tsx +++ b/src/app/(routes)/blog/posts/[slug]/page.tsx @@ -1,7 +1,320 @@ +import Image from "next/image"; +import Link from "next/link"; + type propsType = { params: { slug: string }; }; export default function SinglePost({ params }: propsType) { - return
{params.slug}
; + return ( +
+
+

+ {params.slug.replaceAll(/%20|-|_/g, " ")} +

+

+ People’s quest for creating websites has easily taken us to a new era + of site development. Where, with the availability of robust page + building tools, creating websites has become a lot more fun + (especially for non-developers). +

+
+
+

+ BY +

+

+ TOMAS LAURINAVICIUS +

+
+
+

IN

+

+ RESOURCE +

+
+
+
+
+
    +
  • + Home +
    • + + - + +
  • + Categories +
    • + + - + +
  • + Category Name +
    • + + - + +
  • + {params.slug.replaceAll(/%20|-|_/g, " ")} +
    • +
+ +
+
+ socials-vertical icons +
+ +
+ {"post +

+ People’s quest for creating websites has easily taken us to a new + era of site development. Where, with the availability of robust + page building tools, creating websites has become a lot more fun + (especially for non-developers). The multitude of tools and + plugins available to you is vast when you try building websites on + WordPress. Today we’ll explore a new one,{" "} + + WP Page Builder + + . If you’re tired of the same old page builder plugins, this is + one you should try out. +

+

+ What’s Special About WP Page Builder? +

+

+ Wondering what makes WP Page Builder so special? I would say, what + doesn’t? It’s developed by the team over at Themeum, who has been + creating WordPress themes since 2013. As mentioned above, the + plugin is a full pack of essential site building elements with all + modern the modern functionality you’ve come to expect from a page + builder plugin. Let’s have a look below at all of the juicy + features WP Page Builder includes. +

+ {"post +

+ Here are some of the amazing add-ons included: +

+
    +
  • + Form: Create web forms + effortlessly. It gives you a convenient way to style your forms + as you desire. The Form add-on itself is capable of setting up + any kind of form without needing to install any plugin. + Moreover, you can manage form plugins and enable reCAPTCHA with + just a simple click. There is also an add-on for Contact Form 7 + if you prefer. +
    • +
  • + Carousel: It’s hard to find + an advanced add-on like a carousel in a free page builder + plugin, but WP Page Builder lets you create stunning hero + sliders without having to pay for it. +
    • +
  • + Post Grid: Display blog posts + in grids defining the number of posts and styling the look. +
    • +
  • + Feature Box: Use the Feature + Box add-on to display the features of products on your website. +
    • +
  • + Accordion: Need any collapse + text content on your site? Use WP Page Builder’s Accordion + add-on and modify the style the way you want. +
    • +
+
+
+ {"post +
+
+ {"post +
+
+

+ “ WP Page Builder offers a lot of ready-to-use design blocks to + make your site development process a lot faster and easier “ +

+
+
+ {"user + +

+ parsa aghayi +

+ +

+ Follow me + + @JohnAMWill + + . +

+
+
+
+ +
+
+ socials-vertical icons +

+ 12 K +

+
+
+ socials-vertical icons +

+ 25 K +

+
+
+
+ +
+
+

+ You might also like... +

+ + more + +
+
+
+ {"category +
+
+

+ BY +

+ +

+ TOMAS LAURINAVICIUS +

+ +
+
+

+ IN +

+ +

+ RESOURCE +

+ +
+
+ +

+ UI design +

+ +

+ Every website is a user interface. Learn to build yours right. +

+
+
+ {"post +
+
+

+ BY +

+ +

+ TOMAS LAURINAVICIUS +

+ +
+
+

+ IN +

+ +

+ RESOURCE +

+ +
+
+ +

+ UI design +

+ +

+ Every website is a user interface. Learn to build yours right. +

+
+
+
+
+
+ ); }