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 & 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 & 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 & 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 & 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 & Plugins » Feed" href="https://wpfrank.com/feed/" /> 49<link rel="alternate" type="application/rss+xml" title="WP Frank - Premium WordPress Themes & Plugins » 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&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&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&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&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 & 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 & 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…</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…</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…</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>© 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="{"clientID":"381618203717-22d7ffgj62e9r4sa9e6llgnk3mobr6ht.apps.googleusercontent.com","defaultButtonOptions":{"theme":"outline","text":"signin_with","shape":"rectangular"},"loginURI":"https:\/\/wpfrank.com\/wp-login.php?action=googlesitekit_auth","isUserLoggedIn":false,"isWPLogin":false,"isPreview":false,"isWooCommerce":false,"isExistingUserFlow":false,"connectNonce":"","followsPostRedirect":false,"redirectTo":"","redirectCookieName":"googlesitekit_auth_redirect_to","redirectCookiePath":"\/","redirectCookieTTL":0,"nonceCookieName":"googlesitekit_auth_nonce","nonceCookiePath":"\/","nonceCookieTTL":900,"shouldShowOneTapPrompt":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.