PageSourceSearch

https://wpfrank.com/

html wpfrank.com collected 2026-10-02 05:34:19 UTC 128,653 bytes, 1,427 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#" class="scroll-smooth">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6	<!-- Google tag (gtag.js) consent mode dataLayer added by Site Kit -->
7<script id="google_gtagjs-js-consent-mode-data-layer">
8window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
9gtag('consent', 'default', {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500});
10window._googlesitekitConsentCategoryMap = {"statistics":["analytics_storage"],"marketing":["ad_storage","ad_user_data","ad_personalization"],"functional":["functionality_storage","security_storage"],"preferences":["personalization_storage"]};
11window._googlesitekitConsents = {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500};
12</script>
12
13<!-- End Google tag (gtag.js) consent mode dataLayer added by Site Kit -->
14
15<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
16<title>Premium WordPress Themes and Plugins Store - WP Frank</title>
17<meta name="description" content="WordPress Theme and WordPress Plugins for business, healthcare, fashion, art, architecture, and construction etc. websites and blogs."/>
18<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
19<link rel="canonical" href="https://wpfrank.com/" />
20<meta property="og:locale" content="en_US" />
21<meta property="og:type" content="website" />
22<meta property="og:title" content="Premium WordPress Themes and Plugins Store - WP Frank" />
23<meta property="og:description" content="WordPress Theme and WordPress Plugins for business, healthcare, fashion, art, architecture, and construction etc. websites and blogs." />
24<meta property="og:url" content="https://wpfrank.com/" />
25<meta property="og:site_name" content="WP Frank - Premium WordPress Themes &amp; Plugins" />
26<meta property="og:updated_time" content="2025-10-08T16:18:19+05:30" />
27<meta property="og:image" content="https://wpfrank.com/wp-content/uploads/2021/11/wpfrank-premium-wordpress-themes-and-plugins.jpg" />
28<meta property="og:image:secure_url" content="https://wpfrank.com/wp-content/uploads/2021/11/wpfrank-premium-wordpress-themes-and-plugins.jpg" />
29<meta property="og:image:width" content="1200" />
30<meta property="og:image:height" content="630" />
31<meta property="og:image:alt" content="wpfrank premium wordpress themes and plugins" />
32<meta property="og:image:type" content="image/jpeg" />
33<meta name="twitter:card" content="summary_large_image" />
34<meta name="twitter:title" content="Premium WordPress Themes and Plugins Store - WP Frank" />
35<meta name="twitter:description" content="WordPress Theme and WordPress Plugins for business, healthcare, fashion, art, architecture, and construction etc. websites and blogs." />
36<meta name="twitter:image" content="https://wpfrank.com/wp-content/uploads/2021/11/wpfrank-premium-wordpress-themes-and-plugins.jpg" />
37<meta name="twitter:label1" content="Written by" />
38<meta name="twitter:data1" content="Faraz Frank" />
39<meta name="twitter:label2" content="Time to read" />
40<meta name="twitter:data2" content="Less than a minute" />
41<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://wpfrank.com/#person","name":"Faraz Frank","logo":{"@type":"ImageObject","@id":"https://wpfrank.com/#logo","url":"https://wpfrank.com/wp-content/uploads/2022/01/WPFrank-Logo.png","contentUrl":"https://wpfrank.com/wp-content/uploads/2022/01/WPFrank-Logo.png","caption":"WP Frank - Premium WordPress Themes &amp; Plugins","inLanguage":"en-US","width":"345","height":"148"},"image":{"@type":"ImageObject","@id":"https://wpfrank.com/#logo","url":"https://wpfrank.com/wp-content/uploads/2022/01/WPFrank-Logo.png","contentUrl":"https://wpfrank.com/wp-content/uploads/2022/01/WPFrank-Logo.png","caption":"WP Frank - Premium WordPress Themes &amp; Plugins","inLanguage":"en-US","width":"345","height":"148"}},{"@type":"WebSite","@id":"https://wpfrank.com/#website","url":"https://wpfrank.com","name":"WP Frank - Premium WordPress Themes &amp; Plugins","publisher":{"@id":"https://wpfrank.com/#person"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://wpfrank.com/?s={search_term_string}","query-input":"required name=search_term_string"}}
41,{"@type":"ImageObject","@id":"https://wpfrank.com/wp-content/uploads/2021/11/wpfrank-premium-wordpress-themes-and-plugins.jpg","url":"https://wpfrank.com/wp-content/uploads/2021/11/wpfrank-premium-wordpress-themes-and-plugins.jpg","width":"1200","height":"630","caption":"wpfrank premium wordpress themes and plugins","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://wpfrank.com/#webpage","url":"https://wpfrank.com/","name":"Premium WordPress Themes and Plugins Store - WP Frank","datePublished":"2019-11-11T13:58:58+05:30","dateModified":"2025-10-08T16:18:19+05:30","about":{"@id":"https://wpfrank.com/#person"},"isPartOf":{"@id":"https://wpfrank.com/#website"},"primaryImageOfPage":{"@id":"https://wpfrank.com/wp-content/uploads/2021/11/wpfrank-premium-wordpress-themes-and-plugins.jpg"},"inLanguage":"en-US"}]}</script>
41
42<!-- /Rank Math WordPress SEO plugin -->
43
44<link rel='dns-prefetch' href='//www.googletagmanager.com' />
45<link rel='dns-prefetch' href='//fonts.googleapis.com' />
46<link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' />
47<link href='https://fonts.googleapis.com' crossorigin='anonymous' rel='preconnect' />
48<link rel="alternate" type="application/rss+xml" title="WP Frank -  Premium WordPress Themes &amp; Plugins &raquo; Feed" href="https://wpfrank.com/feed/" />
49<link rel="alternate" type="application/rss+xml" title="WP Frank -  Premium WordPress Themes &amp; Plugins &raquo; Comments Feed" href="https://wpfrank.com/comments/feed/" />
50<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://wpfrank.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwpfrank.com%2F" />
51<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://wpfrank.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwpfrank.com%2F&#038;format=xml" />
52<style id="wp-img-auto-sizes-contain-inline-css">
53img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
54/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
55</style>
56<style id="wp-emoji-styles-inline-css">
57
58	img.wp-smiley, img.emoji {
59		display: inline !important;
60		border: none !important;
61		box-shadow: none !important;
62		height: 1em !important;
63		width: 1em !important;
64		margin: 0 0.07em !important;
65		vertical-align: -0.1em !important;
66		background: none !important;
67		padding: 0 !important;
68	}
69/*# sourceURL=wp-emoji-styles-inline-css */
70</style>
71<style id="wp-block-library-inline-css">
72:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
72--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
73
74/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
75</style>
76<style id="wp-block-heading-inline-css">
77h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
78/*# sourceURL=https://wpfrank.com/wp-includes/blocks/heading/style.min.css */
79</style>
80<style id="wp-block-paragraph-inline-css">
81.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
82/*# sourceURL=https://wpfrank.com/wp-includes/blocks/paragraph/style.min.css */
83</style>
84<style id="wp-block-table-inline-css">
85.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:transparent;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}
86/*# sourceURL=https://wpfrank.com/wp-includes/blocks/table/style.min.css */
87</style>
88
89<style id="classic-theme-styles-inline-css">
90/*! This file is auto-generated */
91.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
92/*# sourceURL=/wp-includes/css/classic-themes.min.css */
93</style>
94
95<style id="global-styles-inline-css">
96:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
96--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
96.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
97/*# sourceURL=global-styles-inline-css */
98</style>
99
100<link rel='stylesheet' id='wpfrank-tailwind-css' defer href='https://wpfrank.com/w
100p-content/themes/wpfrank/dist/output.css?ver=1781688745' media='all' />
101<link rel='stylesheet' id='wpfrank-font-outfit-css' defer href='https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&#038;display=swap' media='all' />
102<link rel='stylesheet' id='wpfrank-font-playfair-css' defer href='https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&#038;display=swap' media='all' />
103<link rel='stylesheet' id='wpfrank-material-icons-css' defer href='https://fonts.googleapis.com/icon?family=Material+Icons' media='all' />
104<link rel='stylesheet' id='wpfrank-material-symbols-css' defer href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&#038;display=swap' media='all' />
105<script id="jquery-core-js" src="https://wpfrank.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 105
105
106<script id="jquery-migrate-js" src="https://wpfrank.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
106
107
108<!-- Google tag (gtag.js) snippet added by Site Kit -->
109<!-- Google Analytics snippet added by Site Kit -->
vendor: 80 bytes, lines 109-110
109
110<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
110GT-NSK64NGR
vendor: 18 bytes, line 110
110" async></script>
111<script id="google_gtagjs-js-after">
112window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
113gtag("set","linker",{"domains":["wpfrank.com"]});
114gtag("js", new Date());
115gtag("set", "developer_id.dZTNiMT", true);
116gtag("config", "GT-NSK64NGR");
117 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
118//# sourceURL=google_gtagjs-js-after
119</script>
119
120<link rel="https://api.w.org/" href="https://wpfrank.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://wpfrank.com/wp-json/wp/v2/pages/56" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wpfrank.com/xmlrpc.php?rsd" />
121<meta name="generator" content="WordPress 7.1.2" />
122<link rel='shortlink' href='https://wpfrank.com/' />
123<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":["Organization","LocalBusiness"],"@id":"https://wpfrank.com/#organization","name":"WPFrank","url":"https://wpfrank.com/","logo":"https://wpfrank.com/wp-content/uploads/2025/10/logo.jpg","sameAs":["https://www.facebook.com/wpfrankfaraz/","https://twitter.com/WPFrank2"],"address":{"@type":"PostalAddress","streetAddress":"House No. 2, Manna Colony, Borkhera, Landmark Kota Pet Food","addressLocality":"Kota","addressRegion":"Rajasthan","postalCode":"324001","addressCountry":"IN"},"contactPoint":[{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","telephone":"+91-9887-727-687"}]},{"@type":"WebSite","@id":"https://wpfrank.com/#website","url":"https://wpfrank.com/","name":"WPFrank","publisher":{"@id":"https://wpfrank.com/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://wpfrank.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://wpfrank.com/#webpage","url":"https://wpfrank.com/","name":"WPFrank: Premium WordPress Themes, Plugins and Web Services","about":{"@id":"https://wpfrank.com/#organization"},"isPartOf":{"@id":"https://wpfrank.com/#website"},"breadcrumb":{"@type":"BreadcrumbList","@id":"https://wpfrank.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://wpfrank.com/"}]},"mainEntityOfPage":"https://wpfrank.com/"}]}</script>
123
124<meta name="generator" content="Site Kit by Google 1.188.0" /><!-- Google Tag Manager -->
125<!-- End Google Tag Manager -->
126    
126<script type="text/javascript">
127(function(url){
128	if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; }
129	var addEvent = function(evt, handler) {
130		if (window.addEventListener) {
131			document.addEventListener(evt, handler, false);
132		} else if (window.attachEvent) {
133			document.attachEvent('on' + evt, handler);
134		}
135	};
136	var removeEvent = function(evt, handler) {
137		if (window.removeEventListener) {
138			document.removeEventListener(evt, handler, false);
139		} else if (window.detachEvent) {
140			document.detachEvent('on' + evt, handler);
141		}
142	};
143	var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');
144	var logHuman = function() {
145		if (window.wfLogHumanRan) { return; }
146		window.wfLogHumanRan = true;
147		var wfscr = document.createElement('script');
148		wfscr.type = 'text/javascript';
149		wfscr.async = true;
150		wfscr.src = url + '&r=' + Math.random();
151		(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr);
152		for (var i = 0; i < evts.length; i++) {
153			removeEvent(evts[i], logHuman);
154		}
155	};
156	for (var i = 0; i < evts.length; i++) {
157		addEvent(evts[i], logHuman);
158	}
159})('//wpfrank.com/?wordfence_lh=1&hid=6D3D8B8541622C22AC69B72F03D87283');
160</script>
160
161<!-- Google Tag Manager snippet added by Site Kit -->
162<script>
vendor: 420 bytes, lines 162-171
162
163			( function( w, d, s, l, i ) {
164				w[l] = w[l] || [];
165				w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} );
166				var f = d.getElementsByTagName( s )[0],
167					j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : '';
168				j.async = true;
169				j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
170				f.parentNode.insertBefore( j, f );
171			} )( window, document, 'script', 'dataLayer', '
171GTM-K9ZH69HK
vendor: 9 bytes, lines 171-172
171' );
172			
173</script>
173
174
175<!-- End Google Tag Manager snippet added by Site Kit -->
176<link rel="icon" href="https://wpfrank.com/wp-content/uploads/2026/03/cropped-wpfrank-32x32.png" sizes="32x32" />
177<link rel="icon" href="https://wpfrank.com/wp-content/uploads/2026/03/cropped-wpfrank-192x192.png" sizes="192x192" />
178<link rel="apple-touch-icon" href="https://wpfrank.com/wp-content/uploads/2026/03/cropped-wpfrank-180x180.png" />
179<meta name="msapplication-TileImage" content="https://wpfrank.com/wp-content/uploads/2026/03/cropped-wpfrank-270x270.png" />
180<style>.shorten_url { 
181	   padding: 10px 10px 10px 10px ; 
182	   border: 1px solid #AAAAAA ; 
183	   background-color: #EEEEEE ;
184}</style><style id="wp-custom-css">
185.wp-block-code code {
186    white-space: unset !important;
187}
188@media (min-width: 768px) {
189
190#navbarSupportedContent {
191	display:flex !important
192}
193}
194
195/* Conatct Form Button */ 
196.wlgf-container button {
197	color: #FFFFFF !important;
198	padding: 12px 15px !important;
199  font-size: 20px !important;
200}
201</style>
202	
202<script src="https://checkout.freemius.com/js/v1/"></script>
202
203</head>
204<body class="home wp-singular page-template-default page page-id-56 wp-theme-wpfrank bg-background-light font-display text-text-main antialiased">
205		<!-- Google Tag Manager (noscript) snippet added by Site Kit -->
vendor: 74 bytes, lines 205-207
205
206		<noscript>
207			<iframe src="https://www.googletagmanager.com/ns.html?id=
207GTM-K9ZH69HK
vendor: 88 bytes, lines 207-209
207" height="0" width="0" style="display:none;visibility:hidden"></iframe>
208		</noscript>
209		
209<!-- End Google Tag Manager (noscript) snippet added by Site Kit -->
210		<!-- Google Tag Manager (noscript) -->
211<!-- End Google Tag Manager (noscript) -->
212    
213<!-- Navigation -->
214<nav class="relative w-full z-50 bg-white/90 backdrop-blur-md border-b border-gray-100 transition-all duration-300">
215	<div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
216		<!-- Logo -->
217		<a href="https://wpfrank.com/" class="flex items-center gap-1">
218			<span class="text-primary font-serif font-bold text-2xl tracking-tight">WP</span><span class="text-text-main font-serif font-bold text-2xl tracking-tight">Frank</span>
219		</a>
220
221		<!-- Desktop Menu -->
222		<div class="hidden md:flex items-center gap-10 text-md font-medium text-gray-500 font-display">
223			<a class="hover:text-primary transition-colors text-primary" href="https://wpfrank.com/">Home</a><a class="hover:text-primary transition-colors" href="https://wpfrank.com/premium-wordpress-themes/">Themes</a><a class="hover:text-primary transition-colors" href="https://wpfrank.com/premium-wordpress-plugins/">Plugins</a><a class="hover:text-primary transition-colors" href="https://wpfrank.com/services/">Services</a><a class="hover:text-primary transition-colors" href="https://wpfrank.com/blog/">Blog</a><a class="hover:text-primary transition-colors" href="https://wpfrank.com/contact/">Contact</a>		</div>
224
225		<!-- Desktop Right Actions -->
226		<div class="flex items-center gap-3">
227
228			<!-- Get Started Dropdown -->
229			<div class="relative group hidden sm:block">
230				<button class="bg-primary hover:bg-primary-dark text-white px-6 py-2.5 rounded-full text-md font-semibold transition-all shadow-lg shadow-primary/20 font-display flex items-center gap-1.5">
231					Get Started					<svg class="w-4 h-4 transition-transform duration-300 ease-in-out group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
232				</button>
233				<!-- Hover bridge -->
234				<div class="absolute right-0 top-full w-48 h-3"></div>
235				<!-- Dropdown menu -->
236				<div class="absolute right-0 top-full mt-1 w-48 bg-white rounded-xl shadow-xl border border-gray-100 py-2 z-50 opacity-0 invisible translate-y-2 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 transition-all duration-200 ease-out">
237											<a href="https://wpfrank.com/account/signup" class="flex items-center gap-2.5 px-4 py-2.5 text-md font-medium text-text-main hover:bg-gray-50 hover:text-primary transition-colors">
238							<span class="material-icons text-[18px] text-gray-400">person_add</span>
239							Sign Up
240						</a>
241						<a href="https://wpfrank.com/account/login" class="flex items-center gap-2.5 px-4 py-2.5 text-md font-medium text-text-main hover:bg-gray-50 hover:text-primary transition-colors">
242							<span class="material-icons text-[18px] text-gray-400">login</span>
243							Login
244						</a>
245									</div>
246			</div>
247			<!-- Mobile Menu Button -->
248			<button id="mobile-menu-btn" class="md:hidden flex items-center justify-center w-10 h-10 rounded-lg hover:bg-gray-100 transition-colors" aria-label="Open menu">
249				<span class="material-icons text-text-main">menu</span>
250			</button>
251		</div>
252	</div>
253</nav>
254
255<!-- Mobile Menu Overlay -->
256<div id="mobile-menu-overlay" class="fixed inset-0 bg-black/50 z-[998] hidden"></div>
257
258<!-- Mobile Menu Drawer -->
259<div id="mobile-menu" class="fixed top-0 right-0 h-full w-80 bg-white z-[999] shadow-2xl transform translate-x-full transition-transform duration-300 ease-in-out">
260	<div class="flex items-center justify-between p-6 border-b border-gray-100">
261		<span class="font-serif font-bold text-lg">Menu</span>
262		<button id="mobile-menu-close" class="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-gray-100 transition-colors" aria-label="Close menu">
263			<span class="material-icons">close</span>
264		</button>
265	</div>
266	<div class="p-6 space-y-6">
267		<ul id="menu-primary-menu-1" class="space-y-4"><li><a class="block text-lg font-medium text-text-main hover:text-primary transition-colors text-primary" href="https://wpfrank.com/">Home</a></li></li>
268<li><a class="block text-lg font-medium text-text-main hover:text-primary transition-colors" href="https://wpfrank.com/premium-wordpress-themes/">Themes</a></li></li>
269<li><a class="block text-lg font-medium text-text-main hover:text-primary transition-colors" href="https://wpfrank.com/premium-wordpress-plugins/">Plugins</a></li></li>
270<li><a class="block text-lg font-medium text-text-main hover:text-primary transition-colors" href="https://wpfrank.com/services/">Services</a></li></li>
271<li><a class="block text-lg font-medium text-text-main hover:text-primary transition-colors" href="https://wpfrank.com/blog/">Blog</a></li></li>
272<li><a class="block text-lg font-medium text-text-main hover:text-primary transition-colors" href="https://wpfrank.com/contact/">Contact</a></li></li>
273</ul>		<div class="pt-6 border-t border-gray-100 space-y-3">
274							<a href="https://wpfrank.com/account/login" class="block w-full text-center py-3 px-4 rounded-xl border border-gray-200 text-md font-semibold text-text-main hover:bg-gray-50 transition-colors">Login</a>
275				<a href="https://wpfrank.com/account/signup" class="block w-full text-center py-3 px-4 rounded-xl bg-primary text-white text-md font-semibold hover:bg-primary-dark transition-colors">Sign Up</a>
276					</div>
277	</div>
278</div>
279<!-- Hero Section -->
280<section class="hero-gradient-bg relative pt-16 pb-20 overflow-hidden bg-white min-h-[80vh] flex items-center">
281	<div class="max-w-7xl mx-auto px-6 w-full">
282		<div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center">
283			<div class="relative z-10">
284								<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-50 border border-blue-100 text-primary text-[10px] font-bold mb-8 uppercase tracking-widest font-display">
285					<span class="w-1.5 h-1.5 rounded-full bg-primary animate-pulse"></span>
286					PREMIUM WORDPRESS MARKETPLACE				</div>
287								<h1 class="text-5xl lg:text-7xl font-bold font-serif text-text-main tracking-tight mb-8 leading-[1.1]">
288					Premium WordPress Themes &amp; Plugins				</h1>
289				<p class="text-lg text-text-muted max-w-lg mb-10 leading-relaxed font-light font-display">
290					We build Professional WordPress Themes, functional, responsive, free and premium, with everything you need to create wonderful websites.				</p>
291								<div class="flex flex-col sm:flex-row items-center gap-4 mb-12">
292										<a href="https://wpfrank.com/premium-wordpress-themes/" class="w-full sm:w-auto bg-primary hover:bg-primary-dark text-white px-8 py-4 rounded-full text-md font-semibold transition-all shadow-xl shadow-primary/25 font-display min-w-[180px] text-center">
293						Browse Themes					</a>
294															<a href="https://wpfrank.com/premium-wordpress-plugins/" class="w-full sm:w-auto bg-white border border-gray-200 hover:border-gray-300 hover:bg-gray-50 text-text-main px-8 py-4 rounded-full text-md font-semibold transition-all font-display min-w-[180px] text-center">
295						Browse Plugins					</a>
296									</div>
297												<div class="flex items-center gap-4 text-xs font-medium text-gray-400 font-display">
298                    <span>Trusted by 5,000+ creators</span>
299                </div>
300							</div>
301
302			<!-- Hero Visual: Theme Cards with Cycling Images -->
303			<div class="relative h-[600px] hidden lg:block">
304				
305								<!-- Center Card (Featured) -->
306				<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[380px] rounded-2xl shadow-2xl border border-gray-100 overflow-hidden z-20" style="height: 320px;">
307										<img src="https://wpfrank.com/wp-content/uploads/2023/03/avantex-1024x768.webp" alt="Avantex Premium"
308						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-100"
309						data-card="0" data-index="0"
310						loading="eager" fetchpriority="high" />
311										<img src="https://wpfrank.com/wp-content/uploads/2026/01/homefix.webp" alt="Homerix Pro"
312						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
313						data-card="0" data-index="1"
314						loading="lazy"  />
315										<img src="https://wpfrank.com/wp-content/uploads/2025/01/leather-house-1024x768.webp" alt="Leather House Premium"
316						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
317						data-card="0" data-index="2"
318						loading="lazy"  />
319										<img src="https://wpfrank.com/wp-content/uploads/2021/11/crypto-mining-airdrop-premium-2-1024x768.webp" alt="Crypto Airdrop Premium"
320						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
321						data-card="0" data-index="3"
322						loading="lazy"  />
323										<img src="https://wpfrank.com/wp-content/uploads/2025/12/NewsCraft-screenshot-1024x768.webp" alt="NewsCraft"
324						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
325						data-card="0" data-index="4"
326						loading="lazy"  />
327									</div>
328				
329								<!-- Top-Left Card -->
330				<div class="absolute top-10 left-0 w-64 rounded-xl shadow-2xl border border-gray-100 overflow-hidden z-30" style="height: 200px;">
331										<img src="https://wpfrank.com/wp-content/uploads/2026/09/Untitled-2-1-1024x768.png" alt="Shopcy Premium"
332						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-100"
333						data-card="1" data-index="0"
334						loading="eager" />
335										<img src="https://wpfrank.com/wp-content/uploads/2023/10/marine-theme-image-1024x768.webp" alt="Marin Premium"
336						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
337						data-card="1" data-index="1"
338						loading="lazy" />
339										<img src="https://wpfrank.com/wp-content/uploads/2026/02/Homerix-Free-WordPress-Theme-1024x881.webp" alt="Homerix"
340						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
341						data-card="1" data-index="2"
342						loading="lazy" />
343										<img src="https://wpfrank.com/wp-content/uploads/2025/12/anime-600x450-1.webp" alt="Webenvo Pro"
344						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
345						data-card="1" data-index="3"
346						loading="lazy" />
347										<img src="https://wpfrank.com/wp-content/uploads/2025/07/screenshot-1024x768.webp" alt="Modern House"
348						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
349						data-card="1" data-index="4"
350						loading="lazy" />
351									</div>
352				
353								<!-- Bottom-Right Card -->
354				<div class="absolute bottom-10 right-0 w-72 rounded-xl shadow-2xl border border-gray-100 overflow-hidden z-10" style="height: 240px;">
355										<img src="https://wpfrank.com/wp-content/uploads/2025/12/paws3.webp" alt="Paws and Care Premium"
356						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-100"
357						data-card="2" data-index="0"
358						loading="eager" />
359										<img src="https://wpfrank.com/wp-content/uploads/2021/04/Business-expo-1024x768.webp" alt="BusinessExpo Premium"
360						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
361						data-card="2" data-index="1"
362						loading="lazy" />
363										<img src="https://wpfrank.com/wp-content/uploads/2026/01/screenshot-1024x768.png" alt="Paws and Care"
364						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
365						data-card="2" data-index="2"
366						loading="lazy" />
367										<img src="https://wpfrank.com/wp-content/uploads/2025/12/Envo-Main-768x576-1.webp" alt="Envo Pro"
368						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
369						data-card="2" data-index="3"
370						loading="lazy" />
371										<img src="https://wpfrank.com/wp-content/uploads/2021/10/Screenshot-Architecture-1024x694.jpg" alt="Architect Design"
372						class="hero-cycle-img absolute inset-0 w-full h-full object-cover transition-opacity duration-[1200ms] ease-in-out opacity-0"
373						data-card="2" data-index="4"
374						loading="lazy" />
375									</div>
376							</div>
377
378			
378<script>
379			document.addEventListener('DOMContentLoaded', function() {
380				var cards = [0, 1, 2];
381				var currentIndex = {};
382				cards.forEach(function(cardId) {
383					currentIndex[cardId] = 0;
384				});
385
386				function cycleCard(cardId, imgs) {
387					var cur = currentIndex[cardId];
388					var next = (cur + 1) % imgs.length;
389					imgs[next].style.opacity = '1';
390					setTimeout(function() {
391						imgs[cur].style.opacity = '0';
392					}, 300);
393					currentIndex[cardId] = next;
394				}
395
396				// First change happens quickly, then regular 5s interval
397				var firstDelay = [1500, 2500, 3500];
398
399				cards.forEach(function(cardId, idx) {
400					var imgs = document.querySelectorAll('.hero-cycle-img[data-card="' + cardId + '"]');
401					if (imgs.length <= 1) return;
402
403					// First swap happens early
404					setTimeout(function() {
405						cycleCard(cardId, imgs);
406						// Then continue every 5s
407						setInterval(function() {
408							cycleCard(cardId, imgs);
409						}, 5000);
410					}, firstDelay[idx]);
411				});
412			});
413			</script>
413
414		</div>
415	</div>
416</section>
417
418<!-- Partners Section -->
419<div class="py-16 bg-primary">
420	<div class="max-w-7xl mx-auto px-6 text-center">
421		<p class="text-white text-xs font-bold mb-10 uppercase tracking-widest font-display">Compatible with Your Favorite Tools</p>
422		<div class="flex flex-wrap justify-center gap-12 items-center text-white/80">
423						<div class="flex flex-col items-center gap-3">
424				<span class="material-symbols-outlined text-4xl text-white">php</span>
425				<span class="text-xs font-semibold font-display text-white">WordPress</span>
426			</div>
427						<div class="flex flex-col items-center gap-3">
428				<span class="material-symbols-outlined text-4xl text-white">shopping_cart</span>
429				<span class="text-xs font-semibold font-display text-white">WooCommerce</span>
430			</div>
431						<div class="flex flex-col items-center gap-3">
432				<span class="material-symbols-outlined text-4xl text-white">layers</span>
433				<span class="text-xs font-semibold font-display text-white">Elementor</span>
434			</div>
435						<div class="flex flex-col items-center gap-3">
436				<span class="material-symbols-outlined text-4xl text-white">traffic</span>
437				<span class="text-xs font-semibold font-display text-white">Yoast SEO</span>
438			</div>
439						<div class="flex flex-col items-center gap-3">
440				<span class="material-symbols-outlined text-4xl text-white">article</span>
441				<span class="text-xs font-semibold font-display text-white">Gutenberg</span>
442			</div>
443						<div class="flex flex-col items-center gap-3">
444				<span class="material-symbols-outlined text-4xl text-white">analytics</span>
445				<span class="text-xs font-semibold font-display text-white">Analytics</span>
446			</div>
447					</div>
448	</div>
449</div>
450
451<!-- Marketplace Section -->
452<section class="py-32 bg-background-alt section-divider" id="marketplace">
453	<div class="max-w-7xl mx-auto px-6">
454		<div class="flex flex-col lg:flex-row justify-between items-end mb-20 gap-8">
455			<div class="max-w-2xl w-full">
456								<span class="text-accent font-medium text-xs tracking-[0.2em] uppercase mb-4 block">Latest Themes</span>
457												<h2 class="text-4xl md:text-5xl font-bold text-text-main leading-tight">Start with our professionally designed themes or easily craft a unique layout.</h2>
458							</div>
459			<div class="flex gap-2 bg-gray-100/50 p-1.5 rounded-full border border-gray-200/50 overflow-x-auto">
460				<button type="button" id="tab-themes" onclick="switchMarketplaceTab('themes')" class="whitespace-nowrap px-8 py-2.5 btn-primary-refined rounded-full text-md cursor-pointer">Themes</button>
461				<button type="button" id="tab-plugins" onclick="switchMarketplaceTab('plugins')" class="whitespace-nowrap px-8 py-2.5 hover:bg-white text-text-muted rounded-full font-semibold text-md transition-all duration-300 cursor-pointer">Plugins</button>
462			</div>
463		</div>
464
465		<!-- Themes Grid -->
466		<div id="grid-themes" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
467							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
468					<!-- Card Image -->
469					<div class="h-64 bg-gray-50 relative overflow-hidden">
470													<img width="1024" height="768" src="https://wpfrank.com/w
470p-content/uploads/2026/09/Untitled-2-1-1024x768.png" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 wp-post-image" alt="Untitled 2 1" decoding="async" fetchpriority="high" srcset="https://wpfrank.com/wp-content/uploads/2026/09/Untitled-2-1-1024x768.png 1024w, https://wpfrank.com/wp-content/uploads/2026/09/Untitled-2-1-300x225.png 300w, https://wpfrank.com/wp-content/uploads/2026/09/Untitled-2-1-768x576.png 768w, https://wpfrank.com/wp-content/uploads/2026/09/Untitled-2-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" title="Shopcy Premium 1">												<!-- Hover Overlay -->
471						<div class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center gap-4">
472							<a href="https://wpfrank.com/wordpress-themes/shopcy-premium/" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="View Details">
473								<span class="material-icons text-xl">visibility</span>
474							</a>
475														<a href="https://wpfrank.com/demo/shopcy/" target="_blank" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="Live Demo">
476								<span class="material-icons text-xl">desktop_windows</span>
477							</a>
478													</div>
479
480					</div>
481
482					<!-- Card Content -->
483					<div class="p-10 flex flex-col flex-grow">
484						<div class="flex justify-between items-start mb-4">
485							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
486								<a href="https://wpfrank.com/wordpress-themes/shopcy-premium/">Shopcy Premium</a>
487							</h3>
488													</div>
489						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
490							Ultra-premium, high-performance eCommerce &amp; Tech Storefront theme for WordPress and WooCommerce. Built with sleek modern aesthetics, dark mode...						</p>
491						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
492							<div class="flex items-center gap-2">
493								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
494								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
495							</div>
496							<span class="text-2xl font-bold text-text-main">$79.00</span>
497						</div>
498					</div>
499				</div>
500							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
501					<!-- Card Image -->
502					<div class="h-64 bg-gray-50 relative overflow-hidden">
503													<img width="1024" height="768" src="https://wpfrank.com/w
503p-content/uploads/2023/03/avantex-1024x768.webp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 wp-post-image" alt="avantex" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2023/03/avantex-1024x768.webp 1024w, https://wpfrank.com/wp-content/uploads/2023/03/avantex-300x225.webp 300w, https://wpfrank.com/wp-content/uploads/2023/03/avantex-768x576.webp 768w, https://wpfrank.com/wp-content/uploads/2023/03/avantex.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" title="Avantex Premium 2">												<!-- Hover Overlay -->
504						<div class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center gap-4">
505							<a href="https://wpfrank.com/wordpress-themes/avantex-premium/" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="View Details">
506								<span class="material-icons text-xl">visibility</span>
507							</a>
508														<a href="https://wpfrank.com/demo/avantex-pro/" target="_blank" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="Live Demo">
509								<span class="material-icons text-xl">desktop_windows</span>
510							</a>
511													</div>
512
513					</div>
514
515					<!-- Card Content -->
516					<div class="p-10 flex flex-col flex-grow">
517						<div class="flex justify-between items-start mb-4">
518							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
519								<a href="https://wpfrank.com/wordpress-themes/avantex-premium/">Avantex Premium</a>
520							</h3>
521														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">5.0 <span class="material-icons text-sm">star</span></div>
522													</div>
523						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
524							Avantex Premium is a versatile WordPress theme designed for multiple websites. Enjoy a variety of attractive and responsive...						</p>
525						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
526							<div class="flex items-center gap-2">
527								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
528								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
529							</div>
530							<span class="text-2xl font-bold text-text-main">$49.00</span>
531						</div>
532					</div>
533				</div>
534							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
535					<!-- Card Image -->
536					<div class="h-64 bg-gray-50 relative overflow-hidden">
537													<img width="768" height="576" src="https://wpfrank.com/w
537p-content/uploads/2025/12/paws3.webp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 wp-post-image" alt="paws3" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2025/12/paws3.webp 768w, https://wpfrank.com/wp-content/uploads/2025/12/paws3-300x225.webp 300w" sizes="(max-width: 768px) 100vw, 768px" title="Paws and Care Premium 3">												<!-- Hover Overlay -->
538						<div class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center gap-4">
539							<a href="https://wpfrank.com/wordpress-themes/paws-and-care-premium/" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="View Details">
540								<span class="material-icons text-xl">visibility</span>
541							</a>
542														<a href="https://wpfrank.com/demo/paws-and-care-premium/" target="_blank" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="Live Demo">
543								<span class="material-icons text-xl">desktop_windows</span>
544							</a>
545													</div>
546
547					</div>
548
549					<!-- Card Content -->
550					<div class="p-10 flex flex-col flex-grow">
551						<div class="flex justify-between items-start mb-4">
552							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
553								<a href="https://wpfrank.com/wordpress-themes/paws-and-care-premium/">Paws and Care Premium</a>
554							</h3>
555														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">5.0 <span class="material-icons text-sm">star</span></div>
556													</div>
557						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
558							Transform your pet care business with a stunning, modern website that your clients and their furry friends will...						</p>
559						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
560							<div class="flex items-center gap-2">
561								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
562								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
563							</div>
564							<span class="text-2xl font-bold text-text-main">$59.00</span>
565						</div>
566					</div>
567				</div>
568							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
569					<!-- Card Image -->
570					<div class="h-64 bg-gray-50 relative overflow-hidden">
571													<img width="768" height="576" src="https://wpfrank.com/w
571p-content/uploads/2026/01/homefix.webp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 wp-post-image" alt="homefix" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2026/01/homefix.webp 768w, https://wpfrank.com/wp-content/uploads/2026/01/homefix-300x225.webp 300w" sizes="(max-width: 768px) 100vw, 768px" title="Homerix Pro 4">												<!-- Hover Overlay -->
572						<div class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center gap-4">
573							<a href="https://wpfrank.com/wordpress-themes/homerix-pro/" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="View Details">
574								<span class="material-icons text-xl">visibility</span>
575							</a>
576														<a href="https://wpfrank.com/demo/homerix-pro/" target="_blank" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="Live Demo">
577								<span class="material-icons text-xl">desktop_windows</span>
578							</a>
579													</div>
580
581					</div>
582
583					<!-- Card Content -->
584					<div class="p-10 flex flex-col flex-grow">
585						<div class="flex justify-between items-start mb-4">
586							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
587								<a href="https://wpfrank.com/wordpress-themes/homerix-pro/">Homerix Pro</a>
588							</h3>
589													</div>
590						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
591							Homerix Pro is a robust WordPress theme tailored for home service professionals. It features built-in booking, technician profiles,...						</p>
592						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
593							<div class="flex items-center gap-2">
594								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
595								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
596							</div>
597							<span class="text-2xl font-bold text-text-main">$59.00</span>
598						</div>
599					</div>
600				</div>
601							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
602					<!-- Card Image -->
603					<div class="h-64 bg-gray-50 relative overflow-hidden">
604													<img width="1024" height="768" src="https://wpfrank.com/w
604p-content/uploads/2023/10/marine-theme-image-1024x768.webp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 wp-post-image" alt="marine theme image" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2023/10/marine-theme-image-1024x768.webp 1024w, https://wpfrank.com/wp-content/uploads/2023/10/marine-theme-image-300x225.webp 300w, https://wpfrank.com/wp-content/uploads/2023/10/marine-theme-image-768x576.webp 768w, https://wpfrank.com/wp-content/uploads/2023/10/marine-theme-image.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" title="Marin Premium 5">												<!-- Hover Overlay -->
605						<div class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center gap-4">
606							<a href="https://wpfrank.com/wordpress-themes/marin-premium/" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="View Details">
607								<span class="material-icons text-xl">visibility</span>
608							</a>
609														<a href="https://wpfrank.com/demo/marin/" target="_blank" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="Live Demo">
610								<span class="material-icons text-xl">desktop_windows</span>
611							</a>
612													</div>
613
614					</div>
615
616					<!-- Card Content -->
617					<div class="p-10 flex flex-col flex-grow">
618						<div class="flex justify-between items-start mb-4">
619							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
620								<a href="https://wpfrank.com/wordpress-themes/marin-premium/">Marin Premium</a>
621							</h3>
622														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">5.0 <span class="material-icons text-sm">star</span></div>
623													</div>
624						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
625							The Marin Premium is a versatile WordPress theme suitable for a wide range of websites, from blogs to...						</p>
626						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
627							<div class="flex items-center gap-2">
628								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
629								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
630							</div>
631							<span class="text-2xl font-bold text-text-main">$49.00</span>
632						</div>
633					</div>
634				</div>
635							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
636					<!-- Card Image -->
637					<div class="h-64 bg-gray-50 relative overflow-hidden">
638													<img width="1024" height="768" src="https://wpfrank.com/w
638p-content/uploads/2021/04/Business-expo-1024x768.webp" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 wp-post-image" alt="Business expo Premium WordPress Theme" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2021/04/Business-expo-1024x768.webp 1024w, https://wpfrank.com/wp-content/uploads/2021/04/Business-expo-300x225.webp 300w, https://wpfrank.com/wp-content/uploads/2021/04/Business-expo-768x576.webp 768w, https://wpfrank.com/wp-content/uploads/2021/04/Business-expo.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" title="BusinessExpo Premium 6">												<!-- Hover Overlay -->
639						<div class="absolute inset-0 bg-primary/80 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center gap-4">
640							<a href="https://wpfrank.com/wordpress-themes/businessexpo-premium/" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="View Details">
641								<span class="material-icons text-xl">visibility</span>
642							</a>
643														<a href="https://wpfrank.com/demo/businessexpo-premium/" target="_blank" class="w-12 h-12 bg-white text-primary rounded-full shadow-lg hover:scale-110 transition-transform flex items-center justify-center" aria-label="Live Demo">
644								<span class="material-icons text-xl">desktop_windows</span>
645							</a>
646													</div>
647
648					</div>
649
650					<!-- Card Content -->
651					<div class="p-10 flex flex-col flex-grow">
652						<div class="flex justify-between items-start mb-4">
653							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
654								<a href="https://wpfrank.com/wordpress-themes/businessexpo-premium/">BusinessExpo Premium</a>
655							</h3>
656														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">5.0 <span class="material-icons text-sm">star</span></div>
657													</div>
658						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
659							BusinessExpo premium is the best WordPress theme in 2022 for any business, corporate, agency, or portfolio website. The...						</p>
660						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
661							<div class="flex items-center gap-2">
662								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
663								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
664							</div>
665							<span class="text-2xl font-bold text-text-main">$49.00</span>
666						</div>
667					</div>
668				</div>
669					</div>
670
671		<!-- Plugins Grid (hidden by default) -->
672		<div id="grid-plugins" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10" style="display: none;">
673							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
674					<!-- Minimal Plugin Card -->
675					<div class="relative overflow-hidden" style="height: 224px; background: linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #f87171 100%);">
676						<!-- Icon + Title -->
677						<div class="absolute inset-0 flex items-center justify-center text-white">
678							<div class="w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center group-hover:scale-105 transition-transform duration-500">
679								<span class="material-icons text-[32px]">photo_library</span>
680							</div>
681						</div>
682						
683						<!-- Hover Overlay (Bottom Buttons) -->
684						<div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-3 z-10 transition-all duration-300 opacity-0 group-hover:opacity-100 translate-y-4 group-hover:translate-y-0">
685							<a href="https://wpfrank.com/wordpress-plugins/filter-gallery-pro/" class="bg-white/90 backdrop-blur text-primary px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary hover:text-white transition-all uppercase tracking-widest whitespace-nowrap">
686								<span class="material-icons text-xs">visibility</span> Preview
687							</a>
688														<a href="https://wpfrank.com/account/signup/filter-gallery-pro" target="_blank" class="bg-primary text-white px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary-dark transition-all uppercase tracking-widest whitespace-nowrap">
689								<span class="material-icons text-xs">shopping_cart</span> Buy
690							</a>
691													</div>
692
693
694					</div>
695
696					<!-- Card Content -->
697					<div class="p-10 flex flex-col flex-grow">
698						<div class="flex justify-between items-start mb-4">
699							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
700								<a href="https://wpfrank.com/wordpress-plugins/filter-gallery-pro/">Filter Gallery Pro</a>
701							</h3>
702														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">4.6 <span class="material-icons text-sm">
702star</span></div>
703													</div>
704						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
705							Filter Gallery Pro is the best multi-level filter gallery WordPress plugin for any website with parent- and child-level...						</p>
706						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
707							<div class="flex items-center gap-2">
708								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
709								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
710							</div>
711							<span class="text-2xl font-bold text-text-main">$39.00</span>
712						</div>
713					</div>
714				</div>
715							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
716					<!-- Minimal Plugin Card -->
717					<div class="relative overflow-hidden" style="height: 224px; background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 50%, #a78bfa 100%);">
718						<!-- Icon + Title -->
719						<div class="absolute inset-0 flex items-center justify-center text-white">
720							<div class="w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center group-hover:scale-105 transition-transform duration-500">
721								<span class="material-icons text-[32px]">slideshow</span>
722							</div>
723						</div>
724						
725						<!-- Hover Overlay (Bottom Buttons) -->
726						<div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-3 z-10 transition-all duration-300 opacity-0 group-hover:opacity-100 translate-y-4 group-hover:translate-y-0">
727							<a href="https://wpfrank.com/wordpress-plugins/ultimate-responsive-image-slider-pro/" class="bg-white/90 backdrop-blur text-primary px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary hover:text-white transition-all uppercase tracking-widest whitespace-nowrap">
728								<span class="material-icons text-xs">visibility</span> Preview
729							</a>
730														<a href="https://wpfrank.com/account/signup/ultimate-responsive-image-slider-pro" target="_blank" class="bg-primary text-white px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary-dark transition-all uppercase tracking-widest whitespace-nowrap">
731								<span class="material-icons text-xs">shopping_cart</span> Buy
732							</a>
733													</div>
734
735
736					</div>
737
738					<!-- Card Content -->
739					<div class="p-10 flex flex-col flex-grow">
740						<div class="flex justify-between items-start mb-4">
741							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
742								<a href="https://wpfrank.com/wordpress-plugins/ultimate-responsive-image-slider-pro/">Ultimate Responsive Image Slider Pro</a>
743							</h3>
744														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">4.9 <span class="material-icons text-sm">star</span></div>
745													</div>
746						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
747							Ultimate Responsive Image Slider Pro is a fully responsive image slideshow plugin for WordPress blogs and websites. Add...						</p>
748						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
749							<div class="flex items-center gap-2">
750								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
751								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
752							</div>
753							<span class="text-2xl font-bold text-text-main">$39.00</span>
754						</div>
755					</div>
756				</div>
757							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
758					<!-- Minimal Plugin Card -->
759					<div class="relative overflow-hidden" style="height: 224px; background: linear-gradient(135deg, #e11d48 0%, #ec4899 50%, #fb923c 100%);">
760						<!-- Icon + Title -->
761						<div class="absolute inset-0 flex items-center justify-center text-white">
762							<div class="w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center group-hover:scale-105 transition-transform duration-500">
763								<span class="material-icons text-[32px]">rocket_launch</span>
764							</div>
765						</div>
766						
767						<!-- Hover Overlay (Bottom Buttons) -->
768						<div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-3 z-10 transition-all duration-300 opacity-0 group-hover:opacity-100 translate-y-4 group-hover:translate-y-0">
769							<a href="https://wpfrank.com/wordpress-plugins/coming-soon-maintenance-mode-pro/" class="bg-white/90 backdrop-blur text-primary px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary hover:text-white transition-all uppercase tracking-widest whitespace-nowrap">
770								<span class="material-icons text-xs">visibility</span> Preview
771							</a>
772														<a href="https://wpfrank.com/account/signup/coming-soon-maintenance-mode-pro" target="_blank" class="bg-primary text-white px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary-dark transition-all uppercase tracking-widest whitespace-nowrap">
773								<span class="material-icons text-xs">shopping_cart</span> Buy
774							</a>
775													</div>
776
777
778					</div>
779
780					<!-- Card Content -->
781					<div class="p-10 flex flex-col flex-grow">
782						<div class="flex justify-between items-start mb-4">
783							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
784								<a href="https://wpfrank.com/wordpress-plugins/coming-soon-maintenance-mode-pro/">Coming Soon Maintenance Mode Pro</a>
785							</h3>
786														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">4.7 <span class="material-icons text-sm">
786star</span></div>
787													</div>
788						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
789							Display a "coming soon" or "maintenance mode" page to visitors while the website is under construction or undergoing...						</p>
790						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
791							<div class="flex items-center gap-2">
792								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
793								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
794							</div>
795							<span class="text-2xl font-bold text-text-main">$21.00</span>
796						</div>
797					</div>
798				</div>
799							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
800					<!-- Minimal Plugin Card -->
801					<div class="relative overflow-hidden" style="height: 224px; background: linear-gradient(135deg, #db2777 0%, #f43f5e 50%, #f87171 100%);">
802						<!-- Icon + Title -->
803						<div class="absolute inset-0 flex items-center justify-center text-white">
804							<div class="w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center group-hover:scale-105 transition-transform duration-500">
805								<span class="material-icons text-[32px]">collections</span>
806							</div>
807						</div>
808						
809						<!-- Hover Overlay (Bottom Buttons) -->
810						<div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-3 z-10 transition-all duration-300 opacity-0 group-hover:opacity-100 translate-y-4 group-hover:translate-y-0">
811							<a href="https://wpfrank.com/wordpress-plugins/flickr-album-gallery-pro/" class="bg-white/90 backdrop-blur text-primary px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary hover:text-white transition-all uppercase tracking-widest whitespace-nowrap">
812								<span class="material-icons text-xs">visibility</span> Preview
813							</a>
814														<a href="https://wpfrank.com/account/signup/flickr-album-gallery-pro" target="_blank" class="bg-primary text-white px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary-dark transition-all uppercase tracking-widest whitespace-nowrap">
815								<span class="material-icons text-xs">shopping_cart</span> Buy
816							</a>
817													</div>
818
819
820					</div>
821
822					<!-- Card Content -->
823					<div class="p-10 flex flex-col flex-grow">
824						<div class="flex justify-between items-start mb-4">
825							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
826								<a href="https://wpfrank.com/wordpress-plugins/flickr-album-gallery-pro/">Flickr Album Gallery Pro</a>
827							</h3>
828														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">4.6 <span class="material-icons text-sm">star</span></div>
829													</div>
830						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
831							Flickr album gallery pro is a Flickr JS API plugin to display album galleries on WordPress websites and...						</p>
832						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
833							<div class="flex items-center gap-2">
834								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
835								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
836							</div>
837							<span class="text-2xl font-bold text-text-main">$39.00</span>
838						</div>
839					</div>
840				</div>
841							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
842					<!-- Minimal Plugin Card -->
843					<div class="relative overflow-hidden" style="height: 224px; background: linear-gradient(135deg, #0891b2 0%, #0ea5e9 50%, #60a5fa 100%);">
844						<!-- Icon + Title -->
845						<div class="absolute inset-0 flex items-center justify-center text-white">
846							<div class="w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center group-hover:scale-105 transition-transform duration-500">
847								<span class="material-icons text-[32px]">view_carousel</span>
848							</div>
849						</div>
850						
851						<!-- Hover Overlay (Bottom Buttons) -->
852						<div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-3 z-10 transition-all duration-300 opacity-0 group-hover:opacity-100 translate-y-4 group-hover:translate-y-0">
853							<a href="https://wpfrank.com/wordpress-plugins/slider-factory-pro/" class="bg-white/90 backdrop-blur text-primary px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary hover:text-white transition-all uppercase tracking-widest whitespace-nowrap">
854								<span class="material-icons text-xs">visibility</span> Preview
855							</a>
856														<a href="https://wpfrank.com/account/signup/slider-factory-pro" target="_blank" class="bg-primary text-white px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary-dark transition-all uppercase tracking-widest whitespace-nowrap">
857								<span class="material-icons text-xs">shopping_cart</span> Buy
858							</a>
859													</div>
860
861
862					</div>
863
864					<!-- Card Content -->
865					<div class="p-10 flex flex-col flex-grow">
866						<div class="flex justify-between items-start mb-4">
867							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
868								<a href="https://wpfrank.com/wordpress-plugins/slider-factory-pro/">Slider Factory Pro</a>
869							</h3>
870														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">4.3 <span class="material-icons text-sm">
870star</span></div>
871													</div>
872						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
873							Slider Factory Pro is one of the best WordPress Slider plugins to add automatic slide shows on the...						</p>
874						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
875							<div class="flex items-center gap-2">
876								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
877								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
878							</div>
879							<span class="text-2xl font-bold text-text-main">$39.00</span>
880						</div>
881					</div>
882				</div>
883							<div class="bg-white rounded-3xl border border-gray-100 overflow-hidden shadow-soft hover-card-effect group relative flex flex-col h-full">
884					<!-- Minimal Plugin Card -->
885					<div class="relative overflow-hidden" style="height: 224px; background: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #e879f9 100%);">
886						<!-- Icon + Title -->
887						<div class="absolute inset-0 flex items-center justify-center text-white">
888							<div class="w-16 h-16 rounded-2xl bg-white/20 flex items-center justify-center group-hover:scale-105 transition-transform duration-500">
889								<span class="material-icons text-[32px]">dashboard_customize</span>
890							</div>
891						</div>
892						
893						<!-- Hover Overlay (Bottom Buttons) -->
894						<div class="absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-3 z-10 transition-all duration-300 opacity-0 group-hover:opacity-100 translate-y-4 group-hover:translate-y-0">
895							<a href="https://wpfrank.com/wordpress-plugins/ultimate-portfolio-pro/" class="bg-white/90 backdrop-blur text-primary px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary hover:text-white transition-all uppercase tracking-widest whitespace-nowrap">
896								<span class="material-icons text-xs">visibility</span> Preview
897							</a>
898														<a href="https://wpfrank.com/account/signup/ultimate-portfolio-pro" target="_blank" class="bg-primary text-white px-4 py-2 rounded-full text-[10px] font-bold shadow-md flex items-center gap-2 hover:bg-primary-dark transition-all uppercase tracking-widest whitespace-nowrap">
899								<span class="material-icons text-xs">shopping_cart</span> Buy
900							</a>
901													</div>
902
903
904					</div>
905
906					<!-- Card Content -->
907					<div class="p-10 flex flex-col flex-grow">
908						<div class="flex justify-between items-start mb-4">
909							<h3 class="font-serif font-bold text-text-main text-2xl group-hover:text-primary transition-colors duration-500">
910								<a href="https://wpfrank.com/wordpress-plugins/ultimate-portfolio-pro/">Ultimate Portfolio Pro</a>
911							</h3>
912														<div class="flex items-center gap-1.5 text-sm text-amber-500 font-bold">5.0 <span class="material-icons text-sm">star</span></div>
913													</div>
914						<p class="text-text-muted mb-8 line-clamp-2 leading-relaxed font-light">
915							Ultimate Portfolio Pro plugin empowers you to craft stunning showcases that reflect your creativity and professionalism. Its intuitive...						</p>
916						<div class="flex justify-between items-center border-t border-gray-50 pt-6 mt-auto">
917							<div class="flex items-center gap-2">
918								<div class="w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center"><span class="material-icons text-[10px] text-primary">verified</span></div>
919								<span class="text-xs text-text-muted font-semibold">WP Frank</span>
920							</div>
921							<span class="text-2xl font-bold text-text-main">$35.00</span>
922						</div>
923					</div>
924				</div>
925					</div>
926	</div>
927</section>
928
929<script>
930function switchMarketplaceTab(tab) {
931	var themesGrid = document.getElementById('grid-themes');
932	var pluginsGrid = document.getElementById('grid-plugins');
933	var themesBtn = document.getElementById('tab-themes');
934	var pluginsBtn = document.getElementById('tab-plugins');
935	
936	if (tab === 'themes') {
937		themesGrid.style.display = '';
938		pluginsGrid.style.display = 'none';
939		themesBtn.className = 'whitespace-nowrap px-8 py-2.5 btn-primary-refined rounded-full text-md cursor-pointer';
940		pluginsBtn.className = 'whitespace-nowrap px-8 py-2.5 hover:bg-white text-text-muted rounded-full font-semibold text-md transition-all duration-300 cursor-pointer';
941	} else {
942		themesGrid.style.display = 'none';
943		pluginsGrid.style.display = '';
944		pluginsBtn.className = 'whitespace-nowrap px-8 py-2.5 btn-primary-refined rounded-full text-md cursor-pointer';
945		themesBtn.className = 'whitespace-nowrap px-8 py-2.5 hover:bg-white text-text-muted rounded-full font-semibold text-md transition-all duration-300 cursor-pointer';
946	}
947}
948</script>
948
949
950
951<!-- Features Section (Why Choose WP Frank) -->
952<section class="py-32 bg-white" id="features">
953	<div class="max-w-7xl mx-auto px-6">
954		<div class="flex flex-col lg:flex-row gap-24 items-start">
955			<div class="lg:w-1/3 lg:sticky lg:top-32 transition-all duration-1000">
956				<span class="inline-block text-primary text-[10px] font-bold uppercase tracking-[0.2em] mb-6">Core Philosophy</span>
957				<h2 class="text-5xl md:text-6xl font-serif font-medium text-text-main leading-tight mb-8">
958					Why Choose <span class="text-primary italic">WP Frank?</span>
959				</h2>
960				<p class="text-text-muted font-light text-xl leading-relaxed mb-10">
961					We build WordPress products that are fast, beautiful, and easy to use. Every theme and plugin is crafted with care.
962				</p>
963				<div class="h-1.5 w-24 bg-primary/10 rounded-full relative overflow-hidden">
964					<div class="absolute inset-0 bg-primary w-1/2"></div>
965				</div>
966			</div>
967			<div class="lg:w-2/3 space-y-32">
968								<div class="group transition-all duration-700 reveal-item">
969					<div class="mb-8 p-6 bg-blue-50/50 border border-blue-100/50 rounded-2xl w-fit group-hover:bg-primary group-hover:text-white transition-all duration-500">
970						<span class="material-symbols-outlined text-4xl">smartphone</span>
971					</div>
972					<h3 class="text-3xl font-serif font-medium text-text-main mb-4">Mobile Responsive</h3>
973										<p class="text-lg text-slate-600 leading-relaxed font-light">Flawlessly adapts to any screen size, ensuring your website looks stunning and functions perfectly on smartphones, tablets, and desktops alike.</p>
974									</div>
975								<div class="group transition-all duration-700 reveal-item">
976					<div class="mb-8 p-6 bg-blue-50/50 border border-blue-100/50 rounded-2xl w-fit group-hover:bg-primary group-hover:text-white transition-all duration-500">
977						<span class="material-symbols-outlined text-4xl">settings</span>
978					</div>
979					<h3 class="text-3xl font-serif font-medium text-text-main mb-4">Easy to Setup</h3>
980										<p class="text-lg text-slate-600 leading-relaxed font-light">Get your website up and running in minutes with a simple, intuitive installation process that requires absolutely no coding knowledge.</p>
981									</div>
982								<div class="group transition-all duration-700 reveal-item">
983					<div class="mb-8 p-6 bg-blue-50/50 border border-blue-100/50 rounded-2xl w-fit group-hover:bg-primary group-hover:text-white transition-all duration-500">
984						<span class="material-symbols-outlined text-4xl">translate</span>
985					</div>
986					<h3 class="text-3xl font-serif font-medium text-text-main mb-4">Translation Ready</h3>
987										<p class="text-lg text-slate-600 leading-relaxed font-light">Reach a global audience effortlessly. Fully compatible with popular translation plugins to easily present your content in multiple languages.</p>
988									</div>
989								<div class="group transition-all duration-700 reveal-item">
990					<div class="mb-8 p-6 bg-blue-50/50 border border-blue-100/50 rounded-2xl w-fit group-hover:bg-primary group-hover:text-white transition-all duration-500">
991						<span class="material-symbols-outlined text-4xl">laptop_mac</span>
992					</div>
993					<h3 class="text-3xl font-serif font-medium text-text-main mb-4">Attractive Design</h3>
994										<p class="text-lg text-slate-600 leading-relaxed font-light">Captivate your visitors with a sleek, premium aesthetic designed to maximize engagement and leave a lasting professional impression.</p>
995									</div>
996								<div class="group transition-all duration-700 reveal-item">
997					<div class="mb-8 p-6 bg-blue-50/50 border border-blue-100/50 rounded-2xl w-fit group-hover:bg-primary group-hover:text-white transition-all duration-500">
998						<span class="material-symbols-outlined text-4xl">support_agent</span>
999					</div>
1000					<h3 class="text-3xl font-serif font-medium text-text-main mb-4">Easily Customizable</h3>
1001										<p class="text-lg text-slate-600 leading-relaxed font-light">Tailor every aspect of your site through our intuitive options panel. Personalize colors, layouts, and typography to perfectly match your brand.</p>
1002									</div>
1003								<div class="group transition-all duration-700 reveal-item">
1004					<div class="mb-8 p-6 bg-blue-50/50 border border-blue-100/50 rounded-2xl w-fit group-hover:bg-primary group-hover:text-white transition-all duration-500">
1005						<span class="material-symbols-outlined text-4xl">search</span>
1006					</div>
1007					<h3 class="text-3xl font-serif font-medium text-text-main mb-4">SEO Optimized</h3>
1008										<p class="text-lg text-slate-600 leading-relaxed font-light">Built with best SEO practices in mind to help your website rank higher in search engine results and drive more organic traffic to your business.</p>
1009									</div>
1010							</div>
1011		</div>
1012	</div>
1013</section>
1014
1015<section class="py-20 bg-primary text-white">
1016	<div class="max-w-7xl mx-auto px-6">
1017		<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-white/10">
1018						<div>
1019								<span class="material-symbols-outlined text-4xl text-white/60 mb-3 block">groups</span>
1020								<div class="text-5xl font-serif font-bold mb-2 wpfrank-counter" data-target="5000" data-speed="2000">0</div>
1021				<div class="text-sm text-white/70 uppercase tracking-widest font-display">Happy Clients</div>
1022			</div>
1023						<div>
1024								<span class="material-symbols-outlined text-4xl text-white/60 mb-3 block">description</span>
1025								<div class="text-5xl font-serif font-bold mb-2 wpfrank-counter" data-target="75" data-speed="2000">0</div>
1026				<div class="text-sm text-white/70 uppercase tracking-widest font-display">Projects Done</div>
1027			</div>
1028						<div>
1029								<span class="material-symbols-outlined text-4xl text-white/60 mb-3 block">redeem</span>
1030								<div class="text-5xl font-serif font-bold mb-2 wpfrank-counter" data-target="15" data-speed="2000">0</div>
1031				<div class="text-sm text-white/70 uppercase tracking-widest font-display">Years Experiance</div>
1032			</div>
1033						<div>
1034								<span class="material-symbols-outlined text-4xl text-white/60 mb-3 block">schedule</span>
1035								<div class="text-5xl font-serif font-bold mb-2 wpfrank-counter" data-target="21912" data-speed="2000">0</div>
1036				<div class="text-sm text-white/70 uppercase tracking-widest font-display">Working Hours</div>
1037			</div>
1038					</div>
1039	</div>
1040</section>
1041<script>
1042document.addEventListener('DOMContentLoaded', function() {
1043	var counters = document.querySelectorAll('.wpfrank-counter');
1044	var observer = new IntersectionObserver(function(entries) {
1045		entries.forEach(function(entry) {
1046			if (entry.isIntersecting) {
1047				var el = entry.target;
1048				var target = parseInt(el.getAttribute('data-target'));
1049				var speed = parseInt(el.getAttribute('data-speed')) || 2000;
1050				var step = Math.ceil(target / (speed / 16));
1051				var current = 0;
1052				var timer = setInterval(function() {
1053					current += step;
1054					if (current >= target) { current = target; clearInterval(timer); }
1055					el.textContent = current.toLocaleString();
1056				}, 16);
1057				observer.unobserve(el);
1058			}
1059		});
1060	}, { threshold: 0.3 });
1061	counters.forEach(function(c) { observer.observe(c); });
1062});
1063</script>
1063
1064
1065
1066<!-- Testimonials Section -->
1067<section class="py-32 bg-electric-blue text-white overflow-hidden">
1068	<div class="max-w-7xl mx-auto px-6">
1069		<div class="text-center mb-20">
1070			<span class="material-icons text-5xl text-white/40 mb-6">format_quote</span>
1071						<h2 class="text-4xl md:text-5xl font-serif font-medium text-white mb-4">What Our Awesome Custemers Say?</h2>
1072									<p class="text-white/70 font-display font-light max-w-xl mx-auto">Setup your site as one of these or easily create new layouts that fit your needs.</p>
1073					</div>
1074		<div class="grid md:grid-cols-2 gap-8">
1075							<div class="bg-white/10 backdrop-blur-sm p-10 rounded-2xl border border-white/10 flex flex-col justify-between">
1076					<div>
1077						<h3 class="text-2xl font-serif font-medium mb-6 leading-relaxed italic">"Super theme and excellent support."</h3>
1078					</div>
1079					<div class="flex items-center gap-4 pt-8 border-t border-white/10">
1080						<div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center text-xl font-bold font-serif">
1081							MA						</div>
1082						<div>
1083							<h4 class="font-bold text-md font-display tracking-wide uppercase">makdomen</h4>
1084							<p class="text-[10px] text-white/60 font-display uppercase tracking-wider">User of Marin Premium</p>
1085						</div>
1086					</div>
1087				</div>
1088							<div class="bg-white/10 backdrop-blur-sm p-10 rounded-2xl border border-white/10 flex flex-col justify-between">
1089					<div>
1090						<h3 class="text-2xl font-serif font-medium mb-6 leading-relaxed italic">"Quick response to questions, and stuck with me until we figured it out!"</h3>
1091					</div>
1092					<div class="flex items-center gap-4 pt-8 border-t border-white/10">
1093						<div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center text-xl font-bold font-serif">
1094							BA						</div>
1095						<div>
1096							<h4 class="font-bold text-md font-display tracking-wide uppercase">babs4104</h4>
1097							<p class="text-[10px] text-white/60 font-display uppercase tracking-wider">User of Flickr Album Gallery Pro</p>
1098						</div>
1099					</div>
1100				</div>
1101							<div class="bg-white/10 backdrop-blur-sm p-10 rounded-2xl border border-white/10 flex flex-col justify-between">
1102					<div>
1103						<h3 class="text-2xl font-serif font-medium mb-6 leading-relaxed italic">"This is the best carousel plugin that I can ask for. This is one such plugin that can handle images with different aspect ratios. This plugin fulfills all the slider needs for your website."</h3>
1104					</div>
1105					<div class="flex items-center gap-4 pt-8 border-t border-white/10">
1106						<div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center text-xl font-bold font-serif">
1107							JE						</div>
1108						<div>
1109							<h4 class="font-bold text-md font-display tracking-wide uppercase">jennifer_MWB</h4>
1110							<p class="text-[10px] text-white/60 font-display uppercase tracking-wider">User of Slider Factory Pro</p>
1111						</div>
1112					</div>
1113				</div>
1114							<div class="bg-white/10 backdrop-blur-sm p-10 rounded-2xl border border-white/10 flex flex-col justify-between">
1115					<div>
1116						<h3 class="text-2xl font-serif font-medium mb-6 leading-relaxed italic">"When an unrelated plugin interfered with this one, WP Frank went above and beyond to troubleshoot and correct the issue. Thank you!"</h3>
1117					</div>
1118					<div class="flex items-center gap-4 pt-8 border-t border-white/10">
1119						<div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center text-xl font-bold font-serif">
1120							GE						</div>
1121						<div>
1122							<h4 class="font-bold text-md font-display tracking-wide uppercase">genxcel</h4>
1123							<p class="text-[10px] text-white/60 font-display uppercase tracking-wider">User of Flickr Album Gallery Pro</p>
1124						</div>
1125					</div>
1126				</div>
1127					</div>
1128	</div>
1129</section>
1130
1131
1132<!-- Latest Blog Posts Section -->
1133<section class="py-32 bg-white border-t border-gray-100" id="news">
1134	<div class="max-w-7xl mx-auto px-6">
1135		<div class="flex flex-col md:flex-row justify-between items-end mb-16 gap-6">
1136			<div class="max-w-xl">
1137								<span class="text-accent font-semibold text-xs tracking-[0.2em] uppercase mb-4 block">Latest Tips Trends and Tutorials</span>
1138												<h2 class="text-4xl font-serif font-bold text-text-main leading-tight">Unlock tips, tutorials, and insights to supercharge your website.</h2>
1139							</div>
1140			<a class="text-md font-semibold text-accent hover:text-primary flex items-center gap-2 mb-2 no-underline" href="https://wpfrank.com/blog/">
1141				View all articles <span class="material-symbols-outlined text-base">arrow_forward</span>
1142			</a>
1143		</div>
1144		<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
1145							<div class="group flex flex-col h-full">
1146					<a href="https://wpfrank.com/work-order-software-features-most-teams-overlook/" class="block aspect-[16/10] overflow-hidden rounded-2xl mb-6 bg-gray-100 flex-shrink-0">
1147													<img width="768" height="432" src="https://wpfrank.com/wp-content/uploads/2025/10/Work-Order-Software-Features-768x432.jpg" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 wp-post-image" alt="Work Order Software Features" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2025/10/Work-Order-Software-Features-768x432.jpg 768w, https://wpfrank.com/wp-content/uploads/2025/10/Work-Order-Software-Features-300x169.jpg 300w, https://wpfrank.com/wp-content/uploads/2025/10/Work-Order-Software-Features-1024x576.jpg 1024w, https://wpfrank.com/wp-content/uploads/2025/10/Work-Order-Software-Features.jpg 1280w" sizes="(max-width: 768px) 100vw, 768px" title="The Work Order Software Features Most Teams Overlook (And Why They Matter) 7">											</a>
1148					<div class="flex flex-col flex-grow">
1149						<span class="text-[10px] font-semibold tracking-widest text-accent mb-3 block uppercase">ALL</span>
1150						<h3 class="text-2xl font-serif font-bold text-text-main mb-4 group-hover:text-accent transition-colors">
1151							<a href="https://wpfrank.com/work-order-software-features-most-teams-overlook/">The Work Order Software Features Most Teams Overlook (And Why They Matter)</a>
1152						</h3>
1153						<p class="text-text-muted text-md leading-[1.6] mb-6 line-clamp-2 flex-grow">Most maintenance teams shopping for work order management tools focu
1153s on basic operational needs: logging tickets, assigning technicians, and marking&hellip;</p>
1154						<a href="https://wpfrank.com/work-order-software-features-most-teams-overlook/" class="text-primary font-semibold text-md flex items-center gap-2 hover:gap-3 transition-all mt-auto">
1155							Read Article <span class="material-symbols-outlined text-md">trending_flat</span>
1156						</a>
1157					</div>
1158				</div>
1159							<div class="group flex flex-col h-full">
1160					<a href="https://wpfrank.com/temporary-number-to-register-on-whatsapp/" class="block aspect-[16/10] overflow-hidden rounded-2xl mb-6 bg-gray-100 flex-shrink-0">
1161													<img width="768" height="432" src="https://wpfrank.com/wp-content/uploads/2025/11/Temporary-Number-to-Register-on-WhatsApp-768x432.jpg" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 wp-post-image" alt="Temporary Number to Register on WhatsApp" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2025/11/Temporary-Number-to-Register-on-WhatsApp-768x432.jpg 768w, https://wpfrank.com/w
1161p-content/uploads/2025/11/Temporary-Number-to-Register-on-WhatsApp-300x169.jpg 300w, https://wpfrank.com/wp-content/uploads/2025/11/Temporary-Number-to-Register-on-WhatsApp-1024x576.jpg 1024w, https://wpfrank.com/wp-content/uploads/2025/11/Temporary-Number-to-Register-on-WhatsApp.jpg 1280w" sizes="(max-width: 768px) 100vw, 768px" title="Why Using a Temporary Number to Register on WhatsApp Is a Game-Changer 8">											</a>
1162					<div class="flex flex-col flex-grow">
1163						<span class="text-[10px] font-semibold tracking-widest text-accent mb-3 block uppercase">ALL</span>
1164						<h3 class="text-2xl font-serif font-bold text-text-main mb-4 group-hover:text-accent transition-colors">
1165							<a href="https://wpfrank.com/temporary-number-to-register-on-whatsapp/">Why Using a Temporary Number to Register on WhatsApp Is a Game-Changer</a>
1166						</h3>
1167						<p class="text-text-muted text-md leading-[1.6] mb-6 line-clamp-2 flex-grow">Your mobile phone number has evolved into your primary cryptographic identity. It anchors two-factor authentications, unlocks banking apps, and links&hellip;</p>
1168						<a href="https://wpfrank.com/temporary-number-to-register-on-whatsapp/" class="text-primary font-semibold text-md flex items-center gap-2 hover:gap-3 transition-all mt-auto">
1169							Read Article <span class="material-symbols-outlined text-md">trending_flat</span>
1170						</a>
1171					</div>
1172				</div>
1173							<div class="group flex flex-col h-full">
1174					<a href="https://wpfrank.com/how-to-choose-high-performance-templates-for-website/" class="block aspect-[16/10] overflow-hidden rounded-2xl mb-6 bg-gray-100 flex-shrink-0">
1175													<img width="768" height="432" src="https://wpfrank.com/w
1175p-content/uploads/2026/09/Choose-High-Performance-Templates-for-Website-768x432.jpg" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 wp-post-image" alt="Choose High-Performance Templates for Website" decoding="async" srcset="https://wpfrank.com/wp-content/uploads/2026/09/Choose-High-Performance-Templates-for-Website-768x432.jpg 768w, https://wpfrank.com/wp-content/uploads/2026/09/Choose-High-Performance-Templates-for-Website-300x169.jpg 300w, https://wpfrank.com/wp-content/uploads/2026/09/Choose-High-Performance-Templates-for-Website-1024x576.jpg 1024w, https://wpfrank.com/wp-content/uploads/2026/09/Choose-High-Performance-Templates-for-Website.jpg 1280w" sizes="(max-width: 768px) 100vw, 768px" title="How to Choose High-Performance Templates for Website Projects (Without Wrecking Core Web Vitals) 9">											</a>
1176					<div class="flex flex-col flex-grow">
1177						<span class="text-[10px] font-semibold tracking-widest text-accent mb-3 block uppercase">ALL</span>
1178						<h3 class="text-2xl font-serif font-bold text-text-main mb-4 group-hover:text-accent transition-colors">
1179							<a href="https://wpfrank.com/how-to-choose-high-performance-templates-for-website/">How to Choose High-Performance Templates for Website Projects (Without Wrecking Core Web Vitals)</a>
1180						</h3>
1181						<p class="text-text-muted text-md leading-[1.6] mb-6 line-clamp-2 flex-grow">Picking the wrong design starting point is one of the quickest ways to doom a web project before writing a&hellip;</p>
1182						<a href="https://wpfrank.com/how-to-choose-high-performance-templates-for-website/" class="text-primary font-semibold text-md flex items-center gap-2 hover:gap-3 transition-all mt-auto">
1183							Read Article <span class="material-symbols-outlined text-md">trending_flat</span>
1184						</a>
1185					</div>
1186				</div>
1187					</div>
1188	</div>
1189</section>
1190
1191
1192<!-- FAQ Section -->
1193<section class="py-32 bg-background-alt border-y border-gray-100" id="faq">
1194	<div class="max-w-3xl mx-auto px-6">
1195		<div class="text-center mb-16">
1196			<span class="text-primary font-bold text-[10px] tracking-[0.2em] uppercase mb-4 block">Knowledge Base</span>
1197			<h2 class="text-4xl font-serif font-medium text-text-main">Frequently Asked Questions</h2>
1198		</div>
1199		<div class="space-y-4">
1200							<details class="group bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm transition-all duration-300 open:shadow-md">
1201					<summary class="flex justify-between items-center p-6 cursor-pointer list-none">
1202						<h3 class="text-xl font-serif font-medium text-text-main">Are the themes compatible with Gutenberg?</h3>
1203						<span class="material-icons text-primary transition-transform duration-300 group-open:rotate-180">expand_more</span>
1204					</summary>
1205					<div class="px-6 pb-6 pt-0">
1206						<p class="text-text-muted leading-relaxed font-display text-base">Yes, all our themes are built from the ground up to be fully compatible with the Gutenberg block editor, offering custom blocks and patterns for a seamless experience.</p>
1207					</div>
1208				</details>
1209							<details class="group bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm transition-all duration-300 open:shadow-md">
1210					<summary class="flex justify-between items-center p-6 cursor-pointer list-none">
1211						<h3 class="text-xl font-serif font-medium text-text-main">What kind of license comes with my purchase?</h3>
1212						<span class="material-icons text-primary transition-transform duration-300 group-open:rotate-180">expand_more</span>
1213					</summary>
1214					<div class="px-6 pb-6 pt-0">
1215						<p class="text-text-muted leading-relaxed font-display text-base">All our products are GPL licensed. We offer both free and premium tiers with single-site and unlimited-site license options for both themes and plugins.</p>
1216					</div>
1217				</details>
1218							<details class="group bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm transition-all duration-300 open:shadow-md">
1219					<summary class="flex justify-between items-center p-6 cursor-pointer list-none">
1220						<h3 class="text-xl font-serif font-medium text-text-main">Do I get lifetime updates?</h3>
1221						<span class="material-icons text-primary transition-transform duration-300 group-open:rotate-180">expand_more</span>
1222					</summary>
1223					<div class="px-6 pb-6 pt-0">
1224						<p class="text-text-muted leading-relaxed font-display text-base">Lifetime updates are included with our Bundle packages. Single item purchases typically include 1 year of support and updates, with affordable renewal options.
1224</p>
1225					</div>
1226				</details>
1227							<details class="group bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm transition-all duration-300 open:shadow-md">
1228					<summary class="flex justify-between items-center p-6 cursor-pointer list-none">
1229						<h3 class="text-xl font-serif font-medium text-text-main">Can I request a custom feature?</h3>
1230						<span class="material-icons text-primary transition-transform duration-300 group-open:rotate-180">expand_more</span>
1231					</summary>
1232					<div class="px-6 pb-6 pt-0">
1233						<p class="text-text-muted leading-relaxed font-display text-base">Absolutely. We value user feedback highly. You can submit feature requests through our contact page or community forum, and we regularly implement popular requests.</p>
1234					</div>
1235				</details>
1236					</div>
1237	</div>
1238</section>
1239
1240<!-- Integrations Marquee -->
1241<section class="py-24 bg-white overflow-hidden border-b border-gray-100">
1242	<div class="max-w-7xl mx-auto px-6 mb-12 text-center">
1243		<p class="text-text-muted/60 text-[10px] font-bold uppercase tracking-[0.3em]">Seamlessly integrates with your favorite tools</p>
1244	</div>
1245	<div class="flex">
1246		<div class="animate-marquee gap-24 items-center whitespace-nowrap">
1247							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1248					<span class="material-symbols-outlined text-4xl">php</span>
1249					<span class="font-bold text-xl">WordPress</span>
1250				</div>
1251							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1252					<span class="material-symbols-outlined text-4xl">shopping_cart</span>
1253					<span class="font-bold text-xl">WooCommerce</span>
1254				</div>
1255							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1256					<span class="material-symbols-outlined text-4xl">category</span>
1257					<span class="font-bold text-xl">Elementor</span>
1258				</div>
1259							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1260					<span class="material-symbols-outlined text-4xl">bolt</span>
1261					<span class="font-bold text-xl">Zapier</span>
1262				</div>
1263							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1264					<span class="material-symbols-outlined text-4xl">chat_bubble</span>
1265					<span class="font-bold text-xl">Slack</span>
1266				</div>
1267							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1268					<span class="material-symbols-outlined text-4xl">trending_up</span>
1269					<span class="font-bold text-xl">Yoast</span>
1270				</div>
1271							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1272					<span class="material-symbols-outlined text-4xl">php</span>
1273					<span class="font-bold text-xl">WordPress</span>
1274				</div>
1275							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1276					<span class="material-symbols-outlined text-4xl">shopping_cart</span>
1277					<span class="font-bold text-xl">WooCommerce</span>
1278				</div>
1279							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1280					<span class="material-symbols-outlined text-4xl">category</span>
1281					<span class="font-bold text-xl">Elementor</span>
1282				</div>
1283							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1284					<span class="material-symbols-outlined text-4xl">bolt</span>
1285					<span class="font-bold text-xl">Zapier</span>
1286				</div>
1287							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1288					<span class="material-symbols-outlined text-4xl">chat_bubble</span>
1289					<span class="font-bold text-xl">Slack</span>
1290				</div>
1291							<div class="flex items-center gap-3 grayscale opacity-40 hover:opacity-100 hover:grayscale-0 transition-all cursor-default">
1292					<span class="material-symbols-outlined text-4xl">trending_up</span>
1293					<span class="font-bold text-xl">Yoast</span>
1294				</div>
1295					</div>
1296	</div>
1297</section>
1298
1299
1300<!-- CTA Section -->
1301<section class="py-24 bg-slate-50 text-slate-900 relative overflow-hidden border-t border-[#cccccc47] border-b border-slate-100">
1302	<div class="absolute inset-0  opacity-10 mix-blend-overlay"></div>
1303	<div class="absolute inset-0 bg-gradient-to-tr from-blue-50/50 to-transparent pointer-events-none"></div>
1304	<div class="container mx-auto px-6 relative z-10 text-center">
1305		<h2 class="heading-serif text-4xl md:text-5xl font-bold mb-6 text-slate-900">
1306			Ready to Build Something Amazing?		</h2>
1307				<p class="text-xl text-slate-600 font-light max-w-2xl mx-auto mb-10 leading-relaxed">
1308			Join thousands of creators who have elevated their web presence with WP Frank. Premium themes, powerful plugins, and expert support.		</p>
1309				<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
1310						<a href="https://wpfrank.com/premium-wordpress-themes/" class="px-8 py-4 bg-primary text-white rounded-full font-bold shadow-lg shadow-blue-900/20 transition-all hover:-translate-y-1 hover:shadow-xl active:translate-y-0 tracking-wide hover:bg-blue-600">
1311				Browse Themes			</a>
1312									<a href="https://wpfrank.com/premium-wordpress-plugins/" class="px-8 py-4 bg-white border border-slate-200 text-slate-700 rounded-full font-bold hover:bg-slate-50 hover:border-slate-300 transition-all flex items-center gap-2 tracking-wide shadow-sm">
1313				Browse Plugins			</a>
1314					</div>
1315	</div>
1316</section>
1317
1318
1319
1320
1321<!-- Brand-Focused Blue Footer -->
1322<footer class="bg-primary text-white w-full">
1323	<!-- Top Section: Brand, Tagline, Links -->
1324	<div class="max-w-4xl mx-auto px-6 pt-20 pb-12 text-center">
1325		<!-- Brand -->
1326		<a href="https://wpfrank.com/" class="text-4xl font-extrabold tracking-tight text-white no-underline inline-block mb-6">
1327			WP <span class="text-blue-200 italic font-serif">Frank</span>
1328		</a>
1329		
1330		<!-- Tagline -->
1331		<p class="text-blue-100/90 text-[15px] leading-relaxed mb-10 max-w-lg mx-auto">
1332			The premium marketplace for performance-focused WordPress themes and plugins. Empowering creators to build the next generation of the web with clean code, modern design, and exceptional speed.		</p>
1333		
1334		<!-- Navigation Links -->
1335		<nav class="flex flex-wrap justify-center gap-x-8 gap-y-4 font-bold text-white text-[15px]">
1336			<a class="text-white hover:text-blue-200 transition-colors font-medium text-blue-200" href="https://wpfrank.com/">Home</a><a class="text-white hover:text-blue-200 transition-colors font-medium" href="https://wpfrank.com/blog/">Blog</a><a class="text-white hover:text-blue-200 transition-colors font-medium" href="https://wpfrank.com/contact/">Contact</a><a class="text-white hover:text-blue-200 transition-colors font-medium" href="https://wpfrank.com/sitemap/">Sitemap</a>
1336		</nav>
1337	</div>
1338
1339	<!-- Bottom Section: Copyright & Socials -->
1340
1341		<div class="max-w-4xl mx-auto px-6 py-8 flex flex-col items-center gap-8 border-t border-white/10">
1342			
1343			<!-- Copyright & Legal -->
1344			<div class="flex flex-wrap items-center justify-center gap-4 text-blue-200/90 text-sm font-medium">
1345				<span>&copy; 2026 WP Frank. Built for modern performance.</span>
1346				<div class="w-1 h-1 rounded-full bg-blue-200/50 hidden sm:block"></div>
1347				<div class="flex gap-4">
1348					<a class="hover:text-white transition-colors" href="https://wpfrank.com/privacy-policy/">Privacy</a>
1349					<a class="hover:text-white transition-colors" href="https://wpfrank.com/refund-policy/">Refund</a>
1350					<a class="hover:text-white transition-colors" href="https://wpfrank.com/terms-and-conditions/">Terms</a>
1351				</div>
1352			</div>
1353
1354			<!-- Social Icons -->
1355			<div class="flex items-center gap-4">
1356								<a aria-label="X (Twitter)" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-all text-white" href="https://x.com/WPFrank2" target="_blank">
1357					<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg>
1358				</a>
1359												<a aria-label="WordPress" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-all text-white" href="https://profiles.wordpress.org/farazfrank" target="_blank">
1360					<svg class="w-4 h-4 fill-current" viewBox="0 0 16 16">
1361						<path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48 0-.63.478-1.218 1.152-1.218q.03 0 .058.003l.031.003A6.84 6.84 0 0 0 8 1.137 6.86 6.86 0 0 0 2.266 4.23c.16.005.313.009.442.009.717 0 1.828-.087 1.828-.087.37-.022.414.521.044.565 0 0-.371.044-.785.065l2.5 7.434 1.5-4.506-1.07-2.929c-.369-.022-.719-.065-.719-.065-.37-.022-.326-.588.043-.566 0 0 1.134.087 1.808.087.718 0 1.83-.087 1.83-.087.37-.022.413.522.043.566 0 0-.372.043-.785.065l2.48 7.377.684-2.287.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.86 6.86 0 0 0 3.868 6.176L1.73 5.206A6.8 6.8 0 0 0 1.137 8"/>
1362						<path d="M6.061 14.583 8.121 8.6l2.109 5.78q.02.05.049.094a6.85 6.85 0 0 1-4.218.109m7.96-9.876q.046.328.047.706c0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"/>
1363						<path fill-rule="evenodd" d="M0 8c0-4.411 3.589-8 8-8s8 3.589 8 8-3.59 8-8 8-8-3.589-8-8m.367 0c0 4.209 3.424 7.633 7.633 7.633S15.632 12.209 15.632 8C15.632 3.79 12.208.367 8 .367 3.79.367.367 3.79.367 8"/>
1364					</svg>
1365				</a>
1366								<a aria-label="YouTube" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-all text-white" href="https://www.youtube.com/@WPFrankOfficial" target="_blank">
1367					<svg class="w-4 h-4 fill-current" viewBox="0 0 16 16">
1368						<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/>
1369					</svg>
1370				</a>
1371			</div>
1372		</div>
1373
1374
1375	<!-- Back to Top -->
1376	<a id="back-to-top" class="fixed bottom-8 right-8 w-12 h-12 bg-white rounded-full shadow-2xl border border-gray-100 flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-all z-40 group opacity-0 pointer-events-none" href="#">
1377		<span class="material-icons group-hover:-translate-y-1 transition-transform">north</span>
1378	</a>
1379</footer>
1380
1381<script type="speculationrules">
1382{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/wpfrank/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1383</script>
1383
1384<!-- Google Tag Manager (noscript) -->
1385<!-- End Google Tag Manager (noscript) -->
1386    
1387<!-- Sign in with Google button added by Site Kit -->
1388		<style>
1389		.googlesitekit-sign-in-with-google__frontend-output-button{max-width:320px}
1390		.interim-login #login>.googlesitekit-sign-in-with-google__frontend-output-button{margin-bottom:16px}
1391		</style>
1392		
1392<script src="https://accounts.google.com/gsi/client"></script>
vendor: 1 bytes, line 1392
1392
1393<script data-siwg-config="{&quot;clientID&quot;:&quot;381618203717-22d7ffgj62e9r4sa9e6llgnk3mobr6ht.apps.googleusercontent.com&quot;,&quot;defaultButtonOptions&quot;:{&quot;theme&quot;:&quot;outline&quot;,&quot;text&quot;:&quot;signin_with&quot;,&quot;shape&quot;:&quot;rectangular&quot;},&quot;loginURI&quot;:&quot;https:\/\/wpfrank.com\/wp-login.php?action=googlesitekit_auth&quot;,&quot;isUserLoggedIn&quot;:false,&quot;isWPLogin&quot;:false,&quot;isPreview&quot;:false,&quot;isWooCommerce&quot;:false,&quot;isExistingUserFlow&quot;:false,&quot;connectNonce&quot;:&quot;&quot;,&quot;followsPostRedirect&quot;:false,&quot;redirectTo&quot;:&quot;&quot;,&quot;redirectCookieName&quot;:&quot;googlesitekit_auth_redirect_to&quot;,&quot;redirectCookiePath&quot;:&quot;\/&quot;,&quot;redirectCookieTTL&quot;:0,&quot;nonceCookieName&quot;:&quot;googlesitekit_auth_nonce&quot;,&quot;nonceCookiePath&quot;:&quot;\/&quot;,&quot;nonceCookieTTL&quot;:900,&quot;shouldShowOneTapPrompt&quot;:false}" src="https://wpfrank.com/wp-content/plugins/google-site-kit/dist/assets/js/sign-in-with-google-5a9e012872c712a23a12.js"></script>
1393
1394
1395<!-- End Sign in with Google button added by Site Kit -->
1396<script id="wpil-frontend-script-js-extra">
1397var wpilFrontend = {"ajaxUrl":"/wp-admin/admin-ajax.php","postId":"56","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}};
1398//# sourceURL=wpil-frontend-script-js-extra
1399</script>
vendor: 1 bytes, line 1399
1399
1400<script id="wpil-frontend-script-js" src="https://wpfrank.com/wp-content/plugins/link-whisper/js/frontend.min.js?ver=1787204813"></script>
vendor: 1 bytes, line 1400
1400
1401<script id="wpfrank-main-js-js-extra">
1402var wpfrank_ajax = {"url":"https://wpfrank.com/wp-admin/admin-ajax.php","nonce":"64c15a0e86"};
1403//# sourceURL=wpfrank-main-js-js-extra
1404</script>
vendor: 1 bytes, line 1404
1404
1405<script id="wpfrank-main-js-js" src="https://wpfrank.com/wp-content/themes/wpfrank/js/main.js?ver=2.0.0"></script>
vendor: 1 bytes, line 1405
1405
1406<script id="googlesitekit-consent-mode-js" src="https://wpfrank.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-755f1678e260138d789e.js"></script>
vendor: 1 bytes, line 1406
1406
1407<script id="googlesitekit-events-provider-content-events-js-before">
1408window._googlesitekit = window._googlesitekit || {};
1409window._googlesitekit.contentEvents = {"postID":56,"isSinglePost":false,"hasVimeoEmbed":false};
1410//# sourceURL=googlesitekit-events-provider-content-events-js-before
1411</script>
vendor: 1 bytes, line 1411
1411
1412<script id="googlesitekit-events-provider-content-events-js" src="https://wpfrank.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 1412
1412
1413<script id="wp-consent-api-js-extra">
1414var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]};
1415//# sourceURL=wp-consent-api-js-extra
1416</script>
vendor: 1 bytes, line 1416
1416
1417<script id="wp-consent-api-js" src="https://wpfrank.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.1.0"></script>
vendor: 1 bytes, line 1417
1417
1418<script id="wp-emoji-settings" type="application/json">
1419{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://wpfrank.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
1420</script>
vendor: 1 bytes, line 1420
1420
1421<script type="module">
1422/*! This file is auto-generated */
1423var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1424//# sourceURL=https://wpfrank.com/wp-includes/js/wp-emoji-loader.min.js
1425</script>
1425
1426</body>
1427</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.