<p>{"id":15854,"date":"2025-07-23T07:31:09","date_gmt":"2025-07-23T07:31:09","guid":{"rendered":"https:\/\/siteskyline.com\/?page_id=15854"},"modified":"2026-05-09T06:25:15","modified_gmt":"2026-05-09T06:25:15","slug":"skylang-auto-translate-for-polylang","status":"publish","type":"page","link":"https:\/\/siteskyline.com\/it\/skylang-auto-translate-for-polylang\/","title":{"rendered":"</p><p>Skylang Pro<\/p>"},"content":{"rendered":"\n<!-- ==========================================\n         1. HERO SECTION (ABOVE THE FOLD)\n    =========================================== -->\n<section class='\"relative' pt-16 pb-20 lg:pt-24 lg:pb-28 overflow-hidden border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"lg:grid' lg:grid-cols-12 lg:gap-16 items-center>\n\n            <!-- Left: Copy & CTA -->\n            <div class='\"lg:col-span-6' text-center lg:text-left>\n\n                <!-- Trust Indicator -->\n                <div class='\"flex' items-center justify-center lg:justify-start gap-2 mb-6>\n                    <div class='\"flex' text-yellow-400>\n                        <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                            <path d='\"M9.049'><\/path>\n                        <\/svg>\n                        <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                            <path d='\"M9.049'><\/path>\n                        <\/svg>\n                        <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                            <path d='\"M9.049'><\/path>\n                        <\/svg>\n                        <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                            <path d='\"M9.049'><\/path>\n                        <\/svg>\n                        <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                            <path d='\"M9.049'><\/path>\n                        <\/svg>\n                    <\/div>\n                    <span class='\"text-sm' font-medium text-gray-700>Trusted by Global WordPress Sites<\/span>\n                <\/div>\n\n                <!-- SEO H1 Headline & H2 Subheadline -->\n                <h1 class='\"text-4xl' sm:text-5xl lg:text-6xl font-bold tracking-tight text-gray-900 mb-6 leading-tight>\n                    AI Auto Translate Addon for <span class='\"text-brand\"'>Polylang.<\/span>\n                <\/h1>\n                <h2 class='\"text-lg' sm:text-xl text-scandi-muted mb-8 leading-relaxed max-w-2xl mx-auto lg:mx-0>\n                    Unlock global audiences with the most powerful AI translation plugin for Polylang. Skylang, powered\n                    by Gemini AI, offers seamless, one-click automatic translation for your entire WordPress website.\n                <\/h2>\n\n                <!-- CTAs -->\n                <div class='\"flex' flex-col sm:flex-row gap-4 justify-center lg:justify-start>\n                    <a href="%5C%22#plans%5C%22" class='\"inline-flex' justify-center items-center px-8 py-4 text-base font-semibold bg-brand hover:bg-brand-hover rounded-lg shadow-sm hover:shadow-md transition-all duration-200>\n                        Buy Now\n                        <svg class='\"ml-2' w-5 h-5 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M14'><\/path>\n                        <\/svg>\n                    <\/a>\n                    <button onclick="\"document.getElementById('videoModal').classList.remove('hidden')\"" class='\"inline-flex' justify-center items-center px-8 py-4 text-base font-medium text-gray-700 bg-white border border-scandi-border hover:bg-gray-50 rounded-lg transition-all duration-200>\n                        <svg class='\"w-5' h-5 mr-no-shrink mr-2 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M14.752'><\/path>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M21'><\/path>\n                        <\/svg>\n                        Watch Video\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Right: Hero Image -->\n            <div class='\"lg:col-span-6' mt-16 lg:mt-0>\n                <div class='\"relative' w-full max-w-lg mx-auto lg:max-w-none bg-scandi-surface rounded-2xl p-4 border border-scandi-border scandi-shadow>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/skylang-plugin.png%5C%22" alt='\"Skylang' pro auto translate plugin class='\"w-full' h-auto object-contain rounded-xl fetchpriority='\"high\"'>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Video Modal -->\n<div id='\"videoModal\"' class='\"fixed' inset-0 z-50 flex items-center justify-center hidden bg-black backdrop-blur-sm transition-opacity onclick="\"this.classList.add('hidden');" document.getelementbyid>\n    <div class='\"relative' w-full max-w-4xl mx-4 aspect-video bg-black rounded-xl shadow-2xl border border-white onclick='\"event.stopPropagation();\"'>\n        <button onclick="\"document.getElementById('videoModal').classList.add('hidden');" document.getelementbyid class='\"absolute' right-0 text-white hover:text-white mb-2 z-50 flex items-center gap-2 transition-colors>\n            Close\n            <svg class='\"w-6' h-6 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'><path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M6'><\/path><\/svg>\n        <\/button>\n        <div class='\"w-full' h-full rounded-xl overflow-hidden>\n            <iframe id='\"videoFrame\"' class='\"w-full' h-full src="%5C%22https:%5C/%5C/www.youtube.com%5C/embed%5C/rjmvqRqAVnA%5C%22" title='\"YouTube' video frameborder='\"0\"' allow='\"accelerometer;' autoplay clipboard-write encrypted-media gyroscope picture-in-picture allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ==========================================\n         2. THE PROCESS (How It Works)\n    =========================================== -->\n<section class='\"py-20' bg-scandi-surface border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"text-center' max-w-3xl mx-auto mb-16>\n            <h2 class='\"text-3xl' md:text-4xl font-bold text-gray-900 mb-4>Effortless Translation for Your Multilingual\n                WordPress Site<\/h2>\n            </h2><p class='\"text-lg' text-scandi-muted>Making your website accessible to a global audience shouldn\u2019t be a\n                complex chore. Skylang simplifies the entire process in 3 steps.<\/p>\n        <\/div>\n\n        </p><div class='\"grid' md:grid-cols-3 gap-10 text-center>\n            <!-- Step 1 -->\n            <div class='\"relative\"'>\n                <div class='\"w-16' h-16 mx-auto bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl font-bold mb-6 relative z-10 border-4 border-scandi-surface shadow-sm>\n                    1<\/div>\n                <h3 class='\"text-xl' font-bold text-gray-900 mb-3>Install & Configure<\/h3>\n                </h3><p class='\"text-scandi-muted' leading-relaxed>Simply install the addon alongside Polylang and connect it\n                    to Google’s powerful Gemini AI in seconds.<\/p>\n                </p><div class='\"hidden' md:block absolute top-8 left- w-full h- bg-brand-light><\/div>\n            <\/div>\n            <!-- Step 2 -->\n            <div class='\"relative\"'>\n                <div class='\"w-16' h-16 mx-auto bg-brand text-white rounded-full flex items-center justify-center text-2xl font-bold mb-6 relative z-10 border-4 border-scandi-surface shadow-sm>\n                    2<\/div>\n                <h3 class='\"text-xl' font-bold text-gray-900 mb-3>1-Click Translation<\/h3>\n                </h3><p class='\"text-scandi-muted' leading-relaxed>Choose to translate individual pages, or use the Bulk\n                    Translation tool to translate your entire website instantly.<\/p>\n                </p><div class='\"hidden' md:block absolute top-8 left- w-full h- bg-brand-light><\/div>\n            <\/div>\n            <!-- Step 3 -->\n            <div class='\"relative\"'>\n                <div class='\"w-16' h-16 mx-auto bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl font-bold mb-6 relative z-10 border-4 border-scandi-surface shadow-sm>\n                    3<\/div>\n                <h3 class='\"text-xl' font-bold text-gray-900 mb-3>Rank Globally<\/h3>\n                </h3><p class='\"text-scandi-muted' leading-relaxed>With SEO metadata automatically translated, you’ll start\n                    indexing and ranking in over 100+ languages effortlessly.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ==========================================\n         3. THE BODY: Features & Benefits\n    =========================================== -->\n\n<!-- Feature 1: 1-Click Translation -->\n<section id='\"features\"' class='\"py-16' lg:py-24 bg-white border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"lg:grid' lg:grid-cols-2 gap-16 items-center>\n\n            <!-- Left: Image -->\n            <div class='\"mb-12' lg:mb-0>\n                <div class='\"rounded-2xl' overflow-hidden bg-scandi-surface p-2 border border-scandi-border scandi-shadow>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/one-click-translate.png%5C%22" alt='\"1-Click' translation class='\"w-full' h-auto rounded-xl object-cover loading='\"lazy\"'>\n                <\/div>\n            <\/div>\n\n            <!-- Right: Text -->\n            <div>\n                <h2 class='\"text-3xl' lg:text-4xl font-bold text-gray-900 mb-8><span class='\"text-brand\"'>1-Click<\/span>\n                    Auto Translation<\/h2>\n                <ul class='\"space-y-6\"'>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>Seamless Polylang Integration:<\/strong>\n                                Flawlessly extends Polylang’s functionality with powerful, integrated AI\n                                translation.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>One-Click Bulk Translation:<\/strong>\n                                Instantly translate your entire website with just a single click.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>Individual Page Translation:<\/strong>\n                                Easily translate single pages or posts directly within the admin dashboard.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>Elementor Compatibility:<\/strong>\n                                Effortlessly translate all content built with the Elementor page builder.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Feature 2: Powered by Gemini -->\n<section class='\"py-16' lg:py-24 bg-scandi-surface border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"lg:grid' lg:grid-cols-2 gap-16 items-center flex flex-col-reverse>\n\n            <!-- Left: Text -->\n            <div class='\"mt-12' lg:mt-0>\n                <h2 class='\"text-3xl' lg:text-4xl font-bold text-gray-900 mb-8>Powered by <span class='\"text-brand\"'>Gemini\n                        AI<\/span><\/h2>\n                <ul class='\"space-y-5\"'>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand flex items-center justify-center text-white flex-shrink-0 mt-0.5>\n                            <svg class='\"w-3.5' h-3.5 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"3\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 font-bold text-base>Superior Contextual Translation<\/span>\n                            <span class='\"block' text-sm text-scandi-muted mt-1>Gemini understands context, providing\n                                natural and fluent AI translations unlike traditional machine translators.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand flex items-center justify-center text-white flex-shrink-0 mt-0.5>\n                            <svg class='\"w-3.5' h-3.5 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"3\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 font-bold text-base>Extensive Language Reach<\/span>\n                            <span class='\"block' text-sm text-scandi-muted mt-1>Instantly translate your website content\n                                into over 100 languages.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand flex items-center justify-center text-white flex-shrink-0 mt-0.5>\n                            <svg class='\"w-3.5' h-3.5 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"3\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 font-bold text-base>Cost-Effective, High-Quality AI<\/span>\n                            <span class='\"block' text-sm text-scandi-muted mt-1>Get affordable access to a powerful,\n                                top-tier translation model without per-word limits.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Right: Image -->\n            <div class='\"mb-12' lg:mb-0>\n                <div class='\"rounded-2xl' overflow-hidden border border-scandi-border bg-white p-2 scandi-shadow>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/ai-gemini-translation.png%5C%22" alt='\"Powered' by gemini ai class='\"w-full' h-auto rounded-xl object-cover loading='\"lazy\"'>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Feature 3: SEO Ready Translations -->\n<section class='\"py-16' lg:py-24 bg-white border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"lg:grid' lg:grid-cols-2 gap-16 items-center>\n            <!-- Left: Image -->\n            <div class='\"mb-12' lg:mb-0>\n                <div class='\"rounded-2xl' overflow-hidden border border-scandi-border bg-scandi-surface p-2 scandi-shadow>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/seo-skylang.png%5C%22" alt='\"SEO-Ready' translations class='\"w-full' h-auto rounded-xl object-cover loading='\"lazy\"'>\n                <\/div>\n            <\/div>\n\n            <!-- Right: Text -->\n            <div>\n                <h2 class='\"text-3xl' lg:text-4xl font-bold text-gray-900 mb-6><span class='\"text-brand\"'><a href="%5C%22https:%5C/%5C/siteskyline.com%5C/skyseomanagerpro%5C/%5C%22">SEO-Ready<\/a><\/span>\n                    Translations<\/h2>\n                <p class='\"text-lg' text-scandi-muted mb-8>Reach a wider audience and climb the search engine rankings in\n                    every language. Skylang is fully compatible with:<\/p>\n\n                </p><ul class='\"space-y-6\"'>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>Rank Math:<\/strong> Automatically\n                                translate all your Rank Math SEO titles and meta descriptions.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>Yoast SEO:<\/strong> Seamlessly translate\n                                Yoast SEO metadata for optimized multilingual SEO.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                                <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 text-base><strong>All in One SEO:<\/strong> Ensure your All\n                                in One SEO meta titles and descriptions are perfectly translated for global search\n                                engines.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Feature 4: String Translation -->\n<section class='\"py-16' lg:py-24 bg-scandi-surface border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"lg:grid' lg:grid-cols-2 gap-16 items-center flex flex-col-reverse>\n\n            <!-- Left: Text -->\n            <div class='\"mt-12' lg:mt-0>\n                <h2 class='\"text-3xl' lg:text-4xl font-bold text-gray-900 mb-8>Automatic <span class='\"text-brand\"'>String\n                        Translation<\/span><\/h2>\n                <ul class='\"space-y-5\"'>\n                    <li class='\"flex' items-start gap-4>\n                        <div class='\"w-6' h-6 rounded-full bg-brand-light flex items-center justify-center text-brand flex-shrink-0 mt-0.5>\n                            <svg class='\"w-4' h-4 fill='\"currentColor\"' viewbox='\"0'>\n                                <path fill-rule='\"evenodd\"' d='\"M16.707' clip-rule='\"evenodd\"'><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <span class='\"block' text-gray-900 font-bold text-base>Say goodbye to manually translating\n                                theme and plugin strings.<\/span>\n                            <span class='\"block' text-sm text-scandi-muted mt-1>Skylang offers an intuitive option to\n                                automatically translate strings directly within the Polylang interface.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Right: Image -->\n            <div class='\"mb-12' lg:mb-0>\n                <div class='\"rounded-2xl' overflow-hidden border border-scandi-border bg-white p-2 scandi-shadow>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/Manual-Translation.png%5C%22" alt='\"Automatic' string translation class='\"w-full' h-auto rounded-xl object-cover loading='\"lazy\"'>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ==========================================\n         4. SCREENSHOTS \/ UI PREVIEW\n    =========================================== -->\n<section class='\"py-20' bg-white border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8 text-center>\n        <h2 class='\"text-3xl' font-bold text-gray-900 mb-4>Screenshots<\/h2>\n        </h2><p class='\"text-lg' text-scandi-muted mb-12 max-w-2xl mx-auto>View plugin preview (what to expect)<\/p>\n\n        </p><div class='\"grid' grid-cols-1 md:grid-cols-2 gap-8>\n            <!-- Screen 1 -->\n            <div class='\"bg-scandi-surface' rounded-xl p-2 border border-scandi-border shadow-sm hover:shadow-md transition-shadow group>\n                <div class='\"overflow-hidden' rounded-lg>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/skylang-dashboard-scaled.png%5C%22" alt='\"Skylang' dashboard class='\"w-full' h-auto object-cover object-top group-hover:scale-105 transition-transform duration-300 loading='\"lazy\"'>\n                <\/div>\n                <p class='\"text-sm' font-semibold text-gray-900 mt-4 mb-2 px-2>Skylang Dashboard<\/p>\n            <\/div>\n            <!-- Screen 2 -->\n            </p><div class='\"bg-scandi-surface' rounded-xl p-2 border border-scandi-border shadow-sm hover:shadow-md transition-shadow group>\n                <div class='\"overflow-hidden' rounded-lg>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/auto-translate-strings-scaled.png%5C%22" alt='\"String' translation class='\"w-full' h-auto object-cover object-top group-hover:scale-105 transition-transform duration-300 loading='\"lazy\"'>\n                <\/div>\n                <p class='\"text-sm' font-semibold text-gray-900 mt-4 mb-2 px-2>String Translation<\/p>\n            <\/div>\n            <!-- Screen 3 -->\n            </p><div class='\"bg-scandi-surface' rounded-xl p-2 border border-scandi-border shadow-sm hover:shadow-md transition-shadow group>\n                <div class='\"overflow-hidden' rounded-lg>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/individual-auto-translate-button.png%5C%22" alt='\"Individual' translate button class='\"w-full' h-auto object-cover object-top group-hover:scale-105 transition-transform duration-300 loading='\"lazy\"'>\n                <\/div>\n                <p class='\"text-sm' font-semibold text-gray-900 mt-4 mb-2 px-2>Individual Translate Button<\/p>\n            <\/div>\n            <!-- Screen 4 -->\n            </p><div class='\"bg-scandi-surface' rounded-xl p-2 border border-scandi-border shadow-sm hover:shadow-md transition-shadow group>\n                <div class='\"overflow-hidden' rounded-lg>\n                    <img decoding='\"async\"' src="%5C%22https:%5C/%5C/siteskyline.com%5C/wp-content%5C/uploads%5C/Bulk-auto-translate-button.png%5C%22" alt='\"Bulk' translate button class='\"w-full' h-auto object-cover object-top group-hover:scale-105 transition-transform duration-300 loading='\"lazy\"'>\n                <\/div>\n                <p class='\"text-sm' font-semibold text-gray-900 mt-4 mb-2 px-2>Bulk Translate Button<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ==========================================\n         5. SOCIAL PROOF (Testimonials)\n    =========================================== -->\n<section class='\"py-20' bg-brand-light border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"text-center' mb-12>\n            <h2 class='\"text-3xl' font-bold text-gray-900>Loved by WordPress Agencies & Creators<\/h2>\n        <\/div>\n\n        <div class='\"grid' md:grid-cols-2 gap-8 max-w-4xl mx-auto>\n            <div class='\"bg-white' p-8 rounded-2xl shadow-sm border border-brand>\n                <div class='\"flex' text-yellow-400 mb-4>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                <\/div>\n                <p class='\"text-gray-700' italic mb-6>“Translating Elementor pages used to take hours of manual\n                    copy-pasting. With Skylang’s 1-click feature, it’s instant, and the Gemini AI translations read\n                    incredibly naturally.”<\/p>\n                </p><div class='\"flex' items-center gap-3>\n                    <div class='\"w-10' h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold>\n                        AK<\/div>\n                    <div>\n                        <div class='\"font-bold' text-gray-900 text-sm>Anna K.<\/div>\n                        <div class='\"text-xs' text-scandi-muted>Freelance Web Designer<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class='\"bg-white' p-8 rounded-2xl shadow-sm border border-brand>\n                <div class='\"flex' text-yellow-400 mb-4>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                    <svg class='\"w-5' h-5 fill-current viewbox='\"0'>\n                        <path d='\"M9.049'><\/path>\n                    <\/svg>\n                <\/div>\n                <p class='\"text-gray-700' italic mb-6>“The fact that it translates Yoast SEO metadata automatically is\n                    what sold me. My Spanish and German traffic has doubled since implementing Skylang.”<\/p>\n                </p><div class='\"flex' items-center gap-3>\n                    <div class='\"w-10' h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold>\n                        MR<\/div>\n                    <div>\n                        <div class='\"font-bold' text-gray-900 text-sm>Mark R.<\/div>\n                        <div class='\"text-xs' text-scandi-muted>Digital Marketing Agency<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- ==========================================\n         6. PRICING & GUARANTEE (Risk Reversal)\n    =========================================== -->\n<section id='\"plans\"' class='\"py-24' bg-scandi-surface border-b border-scandi-border>\n    <div class='\"max-w-[1200px]' mx-auto w-full px-4 sm:px-6 lg:px-8>\n        <div class='\"text-center' max-w-2xl mx-auto mb-16>\n            <h2 class='\"text-3xl' md:text-4xl font-bold text-gray-900 mb-4>Choose Your Pro Plan<\/h2>\n            </h2><p class='\"text-lg' text-scandi-muted>Unlock powerful features to migrate your blog seamlessly. All plans are\n                billed annually.<\/p>\n        <\/div>\n\n        <!-- Pricing Grid -->\n        </p><div class='\"grid' md:grid-cols-3 gap-8 max-w-6xl mx-auto mb-16>\n\n            <!-- Plan 1 -->\n            <div class='\"bg-white' rounded-2xl border border-scandi-border p-8 flex flex-col hover:shadow-lg transition-shadow duration-300>\n                <h3 class='\"text-xl' font-semibold text-gray-900 mb-2>1 Site License<\/h3>\n                </h3><p class='\"text-scandi-muted' text-sm mb-6>Perfect for a single blog.<\/p>\n                </p><div class='\"mb-6' border-b border-scandi-border pb-6>\n                    <span class='\"text-4xl' font-bold text-gray-900>$45<\/span>\n                    <span class='\"text-scandi-muted\"'>\/Year<\/span>\n                <\/div>\n                <ul class='\"space-y-4' mb-8 flex-1>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        Auto Translate Post, Pages, Taxanomy & Custom Post type\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        Elementor Compatibility\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        String Translation\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        Priority Support\n                    <\/li>\n                <\/ul>\n                <a rel='\"nofollow\"' href="%5C%22https:%5C/%5C/app.siteskyline.com%5C/product%5C/skylang-pro%5C/?add-to-cart=993&variation_id=994&attribute_sites=1%20Site%5C%22" class='\"block' w-full py-3 px-4 bg-brand-light text-brand font-semibold text-center rounded-lg hover:bg-brand hover:text-white transition-colors>\n                    Choose Plan\n                <\/a>\n            <\/div>\n\n            <!-- Plan 2 (Highlighted) -->\n            <div class='\"bg-white' rounded-2xl border-2 border-brand p-8 flex flex-col relative shadow-xl transform md:-translate-y-4>\n                <div class='\"absolute' top-0 left-1 bg-brand text-white px-4 py-1 rounded-full text-sm font-semibold tracking-wide>\n                    MOST POPULAR\n                <\/div>\n                <h3 class='\"text-xl' font-semibold text-gray-900 mb-2>5 Sites License<\/h3>\n                </h3><p class='\"text-scandi-muted' text-sm mb-6>Ideal for multiple projects or client work.<\/p>\n                </p><div class='\"mb-6' border-b border-scandi-border pb-6>\n                    <span class='\"text-4xl' font-bold text-gray-900>$99<\/span>\n                    <span class='\"text-scandi-muted\"'>\/Year<\/span>\n                <\/div>\n                <ul class='\"space-y-4' mb-8 flex-1>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        Auto Translate Post, Pages, Taxanomy & Custom Post type\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        Elementor Compatibility\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        String Translation\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-700 text-sm>\n                        <svg class='\"w-5' h-5 text-brand flex-shrink-0 fill='\"none\"' stroke='\"currentColor\"' viewbox='\"0'>\n                            <path stroke-linecap='\"round\"' stroke-linejoin='\"round\"' stroke-width='\"2\"' d='\"M5'>\n                            <\/path>\n                        <\/svg>\n                        Priority Support\n                    <\/li>\n                    <li class='\"flex' items-center gap-3 text-gray-900 font-bold text-sm>\n                        </li></path></svg></li></path></svg></li></path></svg></li></path></svg></li></ul></span></span></div></div></div></a></path></svg></li></path></svg></li></path></svg></li></path></svg></li></ul></span></span></div></div></div></div></div></section></div></div></div></div></div></path></svg></path></svg></path></svg></path></svg></path></svg></div></div></div></div></div></div></div></path></svg></path></svg></path></svg></path></svg></path></svg></div></div></div></h2></div></div></section></p></div></div></div></div></div></div></div></div></div></div></section></div></div></span></span></div></path></svg></div></li></ul></span></h2></div></div></div></section></strong></span></div></path></svg></div></li></strong></span></div></path></svg></div></li></strong></span></div></path></svg></div></li></ul></a></span></h2></div></div></div></div></div></section></div></div></span></span></div></path></svg></div></li></span></span></div></path></svg></div></li></span></span></div></path></svg></div></li></ul></span></h2></div></div></div></section></strong></span></div></path></svg></div></li></strong></span></div></path></svg></div></li></strong></span></div></path></svg></div></li></strong></span></div></path></svg></div></li></ul></span></h2></div></div></div></div></div></section></p></div></div></div></div></div></div></div></div></div></div></div></section></iframe></div></path></svg></button></div></div></div></div></path></path></svg></button></path></svg></a></div></h2></span></h1></span></path></svg></path></svg></path></svg></path></svg></path></svg></div></div></div></div></div></section></p>
