{"id":13,"date":"2026-05-04T02:54:03","date_gmt":"2026-05-04T02:54:03","guid":{"rendered":"https:\/\/locallayout.com\/?page_id=13"},"modified":"2026-05-04T19:33:53","modified_gmt":"2026-05-04T19:33:53","slug":"home","status":"publish","type":"page","link":"https:\/\/locallayout.com\/","title":{"rendered":"home"},"content":{"rendered":"<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.min.js\"><\/script><main><section class=\"pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-white\">\n  <div class=\"max-w-7xl mx-auto\">\n    <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n      <div class=\"space-y-8\">\n        <div>\n          <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-[#0F2A4D] leading-tight mb-6\">Local Marketing Tools That Actually Work<\/h1>\n          <div class=\"text-xl md:text-2xl text-gray-600 mb-8 leading-relaxed max-w-2xl\"><p>Stop paying agencies $2,000+\/month. Get professional SEO, reviews, and content tools built specifically for local businesses.<\/p>\n<\/div>\n        <\/div>\n        <div class=\"flex flex-col sm:flex-row gap-4 relative\">\n          <div class=\"absolute inset-0 bg-[#0EA5E9] blur-3xl opacity-20 -z-10\"><\/div>\n          <button class=\"inline-flex items-center justify-center gap-2 px-8 py-4 bg-[#0EA5E9] hover:bg-[#0284C7] text-white rounded-xl font-bold text-lg shadow-lg\">Start Free <span class=\"text-xl\">\u2192<\/span><\/button>\n          <button class=\"inline-flex items-center justify-center gap-2 px-8 py-4 bg-white border-2 border-gray-200 text-gray-900 hover:bg-gray-50 hover:border-[#0EA5E9] rounded-xl font-semibold text-lg shadow-sm\">See What&#039;s Included<\/button>\n        <\/div>\n        <div class=\"flex flex-col sm:flex-row items-start sm:items-center gap-6 pt-4\">\n          <div class=\"flex items-center gap-2\">\n            <div class=\"flex -space-x-2\">\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-[#0EA5E9] to-[#0284C7] flex items-center justify-center text-white font-bold text-sm border-2 border-white\">JD<\/div>\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-green-400 to-green-600 flex items-center justify-center text-white font-bold text-sm border-2 border-white\">SM<\/div>\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-purple-400 to-purple-600 flex items-center justify-center text-white font-bold text-sm border-2 border-white\">AL<\/div>\n            <\/div>\n            <div>\n              <div class=\"flex items-center gap-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><\/div>\n              <p class=\"text-sm text-gray-600 mt-1\"><strong class=\"text-gray-900\">2,800+ businesses trust us<\/strong><\/p>\n            <\/div>\n          <\/div>\n          <div class=\"hidden sm:block w-px h-12 bg-gray-200\"><\/div>\n          <div class=\"flex flex-col\">\n            <div class=\"flex items-center gap-1 mb-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"\/><\/svg><span class=\"ml-2 text-gray-900 font-bold\">4.9\/5<\/span><\/div>\n            <p class=\"text-sm text-gray-600\">Average user rating<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Dashboard mockup (static decorative) -->\n      <div class=\"relative\">\n        <div class=\"relative z-10\">\n          <div class=\"relative w-full max-w-4xl mx-auto\">\n            <div class=\"bg-white rounded-xl md:rounded-2xl shadow-2xl overflow-hidden border border-gray-200\" style=\"transform:rotateY(-5deg) rotateX(2deg)\">\n              <div class=\"hidden md:flex bg-gradient-to-r from-gray-100 to-gray-50 px-4 py-3 border-b border-gray-200 items-center gap-2\">\n                <div class=\"flex gap-1.5\">\n                  <div class=\"w-3 h-3 rounded-full bg-red-400\"><\/div>\n                  <div class=\"w-3 h-3 rounded-full bg-yellow-400\"><\/div>\n                  <div class=\"w-3 h-3 rounded-full bg-green-400\"><\/div>\n                <\/div>\n                <div class=\"flex-1 ml-4\"><div class=\"bg-white px-4 py-1.5 rounded-md text-xs text-gray-500 inline-block\">app.locallayout.com\/dashboard<\/div><\/div>\n              <\/div>\n              <div class=\"bg-white px-4 md:px-6 py-3 md:py-4 border-b border-gray-200 flex items-center justify-between\">\n                <div class=\"flex items-center gap-3 md:gap-4\">\n                  <div class=\"flex items-center gap-2 md:gap-3\">\n                    <div class=\"w-7 h-7 md:w-8 md:h-8 bg-gradient-to-br from-[#0EA5E9] to-[#0284C7] rounded-lg flex items-center justify-center text-white font-bold text-xs md:text-sm\">\n                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"text-white\"><path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"currentColor\"\/><path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n                    <\/div>\n                    <div><div class=\"text-xs md:text-sm font-bold text-[#0F2A4D]\">Sunrise Plumbing<\/div><div class=\"text-[10px] md:text-xs text-gray-500\">Local Business<\/div><\/div>\n                  <\/div>\n                  <div class=\"px-2 md:px-3 py-1 bg-green-50 text-green-700 text-[10px] md:text-xs font-semibold rounded-full border border-green-200\">\u2713 Optimized<\/div>\n                <\/div>\n                <div class=\"w-8 h-8 md:w-9 md:h-9 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-xs md:text-sm\">JD<\/div>\n              <\/div>\n              <div class=\"bg-gray-50 p-4 md:p-6 grid lg:grid-cols-3 gap-4 md:gap-6\">\n                <div class=\"lg:col-span-2 space-y-4\">\n                  <div class=\"bg-white rounded-xl p-6 shadow-sm border border-gray-200\">\n                    <h3 class=\"text-lg font-bold text-[#0F2A4D] mb-4 flex items-center gap-2\">\n                      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9]\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\n                      Local Visibility Growth\n                    <\/h3>\n                    <div class=\"relative h-40 mb-4\">\n                      <svg class=\"w-full h-full\" viewBox=\"0 0 400 160\" preserveAspectRatio=\"none\">\n                        <line x1=\"0\" y1=\"40\" x2=\"400\" y2=\"40\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                        <line x1=\"0\" y1=\"80\" x2=\"400\" y2=\"80\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                        <line x1=\"0\" y1=\"120\" x2=\"400\" y2=\"120\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                        <path d=\"M 0 140 L 50 130 L 100 120 L 150 110 L 200 95 L 250 85 L 300 70 L 350 50 L 400 30 L 400 160 L 0 160 Z\" fill=\"url(#llh-gradient)\" opacity=\"0.3\"\/>\n                        <path d=\"M 0 140 L 50 130 L 100 120 L 150 110 L 200 95 L 250 85 L 300 70 L 350 50 L 400 30\" fill=\"none\" stroke=\"#0EA5E9\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <circle cx=\"400\" cy=\"30\" r=\"5\" fill=\"#0EA5E9\" stroke=\"white\" stroke-width=\"2\"\/>\n                        <defs><linearGradient id=\"llh-gradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0EA5E9\"\/><stop offset=\"100%\" stop-color=\"#0EA5E9\" stop-opacity=\"0\"\/><\/linearGradient><\/defs>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"grid grid-cols-3 gap-4 pt-4 border-t border-gray-100\">\n                      <div><div class=\"text-xs text-gray-500 mb-1\">Rankings<\/div><div class=\"text-2xl font-bold text-[#0F2A4D]\">+32%<\/div><\/div>\n                      <div><div class=\"text-xs text-gray-500 mb-1\">Reviews<\/div><div class=\"text-2xl font-bold text-[#0F2A4D]\">+18%<\/div><\/div>\n                      <div><div class=\"text-xs text-gray-500 mb-1\">Leads<\/div><div class=\"text-2xl font-bold text-[#0F2A4D]\">+21%<\/div><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"hidden lg:block\">\n                  <div class=\"bg-white rounded-xl p-5 shadow-sm border border-gray-200\">\n                    <h4 class=\"text-sm font-bold text-[#0F2A4D] mb-4\">Quick Actions<\/h4>\n                    <div class=\"space-y-3\">\n                      <button class=\"w-full px-4 py-3 bg-gradient-to-r from-[#0EA5E9] to-[#0284C7] text-white rounded-lg text-sm font-semibold\">Optimize GBP<\/button>\n                      <button class=\"w-full px-4 py-3 bg-white border-2 border-gray-200 text-[#0F2A4D] rounded-lg text-sm font-semibold\">Generate Review Response<\/button>\n                      <button class=\"w-full px-4 py-3 bg-white border-2 border-gray-200 text-[#0F2A4D] rounded-lg text-sm font-semibold\">Create Social Post<\/button>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bottom stats row -->\n    <div class=\"grid md:grid-cols-3 gap-6 mt-20 pt-12 border-t border-gray-200\">\n      <div class=\"flex items-start gap-4\">\n        <div class=\"flex-shrink-0 w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl flex items-center justify-center\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-[#0EA5E9]\"><path d=\"M3 3v18h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M7 16l4-4 3 3 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <div><h3 class=\"text-lg font-bold text-[#0F2A4D] mb-1\">Rank Higher on Google<\/h3><p class=\"text-gray-600\">Optimize your Google Business Profile and climb local search rankings<\/p><\/div>\n      <\/div>\n      <div class=\"flex items-start gap-4\">\n        <div class=\"flex-shrink-0 w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl flex items-center justify-center\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-[#0EA5E9]\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" fill=\"currentColor\"\/><\/svg>\n        <\/div>\n        <div><h3 class=\"text-lg font-bold text-[#0F2A4D] mb-1\">Get More 5-Star Reviews<\/h3><p class=\"text-gray-600\">Request and respond to reviews with AI-powered templates<\/p><\/div>\n      <\/div>\n      <div class=\"flex items-start gap-4\">\n        <div class=\"flex-shrink-0 w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl flex items-center justify-center\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"text-[#0EA5E9]\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"currentColor\"\/><\/svg>\n        <\/div>\n        <div><h3 class=\"text-lg font-bold text-[#0F2A4D] mb-1\">Attract More Customers<\/h3><p class=\"text-gray-600\">Create engaging content that converts visitors into customers<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n    <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-[#F9FAFB]\">\n  <div class=\"max-w-7xl mx-auto\">\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n            <div class=\"bg-white rounded-2xl p-8 shadow-sm hover:shadow-md transition-shadow\">\n        <div class=\"inline-flex items-center justify-center w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl mb-4\">\n          <i data-lucide=\"trending-up\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-[#0F2A4D] mb-3\">Rank Higher Locally<\/h3>\n        <p class=\"text-[#4A5568] leading-relaxed\">Follow step-by-step optimization tools to improve local visibility.<\/p>\n      <\/div>\n            <div class=\"bg-white rounded-2xl p-8 shadow-sm hover:shadow-md transition-shadow\">\n        <div class=\"inline-flex items-center justify-center w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl mb-4\">\n          <i data-lucide=\"star\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-[#0F2A4D] mb-3\">Get More Reviews<\/h3>\n        <p class=\"text-[#4A5568] leading-relaxed\">Generate review requests and professional responses in seconds.<\/p>\n      <\/div>\n            <div class=\"bg-white rounded-2xl p-8 shadow-sm hover:shadow-md transition-shadow\">\n        <div class=\"inline-flex items-center justify-center w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl mb-4\">\n          <i data-lucide=\"pen-tool\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-[#0F2A4D] mb-3\">Post Consistently<\/h3>\n        <p class=\"text-[#4A5568] leading-relaxed\">Create social posts and local content without marketing experience.<\/p>\n      <\/div>\n            <div class=\"bg-white rounded-2xl p-8 shadow-sm hover:shadow-md transition-shadow\">\n        <div class=\"inline-flex items-center justify-center w-12 h-12 bg-[#0EA5E9]\/10 rounded-xl mb-4\">\n          <i data-lucide=\"file-text\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-[#0F2A4D] mb-3\">Improve Website Messaging<\/h3>\n        <p class=\"text-[#4A5568] leading-relaxed\">Build homepage copy that converts visitors into leads.<\/p>\n      <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n    <section id=\"whatyouget\" class=\"py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n  <div class=\"max-w-7xl mx-auto\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-4xl md:text-5xl font-bold text-[#0F2A4D] mb-4\">What You Get<\/h2>\n      <p class=\"text-xl text-gray-600 max-w-3xl mx-auto leading-relaxed\">A complete toolkit to manage and grow your local business presence.<\/p>\n    <\/div>\n    <div class=\"grid lg:grid-cols-2 gap-12\">\n      <!-- Tools list -->\n      <div class=\"space-y-4\">\n        <h3 class=\"text-2xl font-bold text-[#0F2A4D] mb-6\">Tools &amp; Features<\/h3>\n        <div class=\"space-y-3\">\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"map-pin\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Google Business Profile Optimizer<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Optimize your listing for maximum local visibility.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"message-square\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Review Response Generator<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Create professional review responses instantly.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"mail\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Review Request Template Builder<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Build effective review request campaigns.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"share-2\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Social Post Generator<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Generate engaging local social media content.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"hash\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Local Hashtag Builder<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Find the best hashtags for your local market.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"file-text\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Homepage Copy Builder<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Write converting website copy that ranks.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                    <div class=\"bg-white border-2 border-gray-200 rounded-xl p-5 hover:border-[#0EA5E9] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 group cursor-pointer\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-[#0EA5E9]\/10 to-[#0EA5E9]\/20 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-200\">\n                <i data-lucide=\"square-check-big\" class=\"text-[#0EA5E9]\" width=\"24\" height=\"24\"><\/i>\n              <\/div>\n              <div class=\"flex-1\">\n                <h4 class=\"font-bold text-[#0F2A4D] mb-1 text-lg\">Local SEO Checklist Tool<\/h4>\n                <p class=\"text-sm text-gray-600 mb-2 leading-relaxed\">Follow a proven step-by-step optimization guide.<\/p>\n                <span class=\"text-sm text-[#0EA5E9] group-hover:underline font-medium\">Open Tool \u2192<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n                  <\/div>\n      <\/div>\n\n      <!-- Member benefits -->\n      <div class=\"space-y-4\">\n        <h3 class=\"text-2xl font-bold text-[#0F2A4D] mb-6\">Member Benefits<\/h3>\n        <div class=\"bg-gradient-to-br from-[#0F2A4D] via-[#1E3A5F] to-[#0F2A4D] rounded-2xl p-8 shadow-xl border-2 border-[#0EA5E9]\/20\">\n          <div class=\"space-y-5\">\n                        <div class=\"flex items-center gap-4 text-white\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/div>\n              <span class=\"text-lg font-medium\">Dashboard access<\/span>\n            <\/div>\n                        <div class=\"flex items-center gap-4 text-white\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/div>\n              <span class=\"text-lg font-medium\">Save history<\/span>\n            <\/div>\n                        <div class=\"flex items-center gap-4 text-white\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/div>\n              <span class=\"text-lg font-medium\">Favorites<\/span>\n            <\/div>\n                        <div class=\"flex items-center gap-4 text-white\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/div>\n              <span class=\"text-lg font-medium\">Weekly growth tips<\/span>\n            <\/div>\n                        <div class=\"flex items-center gap-4 text-white\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/div>\n              <span class=\"text-lg font-medium\">Template vault access<\/span>\n            <\/div>\n                        <div class=\"flex items-center gap-4 text-white\">\n              <div class=\"flex-shrink-0 w-12 h-12 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n              <\/div>\n              <span class=\"text-lg font-medium\">Progress tracking<\/span>\n            <\/div>\n                      <\/div>\n          <div class=\"mt-8 pt-8 border-t border-white\/20\">\n            <p class=\"text-white\/90 mb-4 text-lg font-medium\">Get full access to all tools and features<\/p>\n            <button class=\"w-full bg-[#0EA5E9] hover:bg-[#0284C7] text-white text-center px-6 py-4 rounded-xl font-bold text-lg shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-200\">Start Free Trial<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n    <section class=\"py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n  <div class=\"max-w-7xl mx-auto\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-4xl md:text-5xl font-bold text-[#0F2A4D] mb-4\">How It Works<\/h2>\n      <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">Three simple steps to transform your local business presence<\/p>\n    <\/div>\n    <div class=\"grid md:grid-cols-3 gap-8 mb-12\">\n            <div class=\"relative group\">\n                <div class=\"hidden md:block absolute -right-4 top-1\/2 -translate-y-1\/2 z-10\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9]\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n        <\/div>\n                <div class=\"bg-white rounded-2xl border-2 border-gray-200 overflow-hidden shadow-lg hover:shadow-2xl hover:border-[#0EA5E9] transition-all hover:-translate-y-2\">\n          <div class=\"bg-gradient-to-br from-[#0EA5E9] to-[#0284C7] p-6 text-white\">\n            <div class=\"flex items-center gap-4 mb-3\">\n              <div class=\"w-14 h-14 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <span class=\"text-3xl font-bold\">1<\/span>\n              <\/div>\n              <div>\n                <h3 class=\"text-2xl font-bold\">Pick a Tool<\/h3>\n                <p class=\"text-sm text-white\/90\">Choose what you need<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"p-6 bg-gradient-to-br from-gray-50 to-white\">\n            <div class=\"space-y-3\">\n              <div class=\"h-10 bg-white border-2 border-[#0EA5E9] rounded-lg px-3 flex items-center\">\n                <div class=\"h-2 w-32 bg-gray-300 rounded\"><\/div>\n              <\/div>\n              <div class=\"h-10 bg-white border-2 border-gray-200 rounded-lg px-3 flex items-center\">\n                <div class=\"h-2 w-28 bg-gray-200 rounded\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n            <div class=\"relative group\">\n                <div class=\"hidden md:block absolute -right-4 top-1\/2 -translate-y-1\/2 z-10\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9]\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n        <\/div>\n                <div class=\"bg-white rounded-2xl border-2 border-gray-200 overflow-hidden shadow-lg hover:shadow-2xl hover:border-[#0EA5E9] transition-all hover:-translate-y-2\">\n          <div class=\"bg-gradient-to-br from-purple-500 to-purple-700 p-6 text-white\">\n            <div class=\"flex items-center gap-4 mb-3\">\n              <div class=\"w-14 h-14 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <span class=\"text-3xl font-bold\">2<\/span>\n              <\/div>\n              <div>\n                <h3 class=\"text-2xl font-bold\">Enter Your Info<\/h3>\n                <p class=\"text-sm text-white\/90\">Quick &amp; simple form<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"p-6 bg-gradient-to-br from-gray-50 to-white\">\n            <div class=\"space-y-3\">\n              <div class=\"h-10 bg-white border-2 border-[#0EA5E9] rounded-lg px-3 flex items-center\">\n                <div class=\"h-2 w-32 bg-gray-300 rounded\"><\/div>\n              <\/div>\n              <div class=\"h-10 bg-white border-2 border-gray-200 rounded-lg px-3 flex items-center\">\n                <div class=\"h-2 w-28 bg-gray-200 rounded\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n            <div class=\"relative group\">\n                <div class=\"bg-white rounded-2xl border-2 border-gray-200 overflow-hidden shadow-lg hover:shadow-2xl hover:border-[#0EA5E9] transition-all hover:-translate-y-2\">\n          <div class=\"bg-gradient-to-br from-green-500 to-green-700 p-6 text-white\">\n            <div class=\"flex items-center gap-4 mb-3\">\n              <div class=\"w-14 h-14 bg-white\/20 backdrop-blur-sm rounded-xl flex items-center justify-center\">\n                <span class=\"text-3xl font-bold\">3<\/span>\n              <\/div>\n              <div>\n                <h3 class=\"text-2xl font-bold\">Get Results<\/h3>\n                <p class=\"text-sm text-white\/90\">Copy &amp; use instantly<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"p-6 bg-gradient-to-br from-gray-50 to-white\">\n            <div class=\"space-y-3\">\n              <div class=\"h-10 bg-white border-2 border-[#0EA5E9] rounded-lg px-3 flex items-center\">\n                <div class=\"h-2 w-32 bg-gray-300 rounded\"><\/div>\n              <\/div>\n              <div class=\"h-10 bg-white border-2 border-gray-200 rounded-lg px-3 flex items-center\">\n                <div class=\"h-2 w-28 bg-gray-200 rounded\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n          <\/div>\n    <div class=\"text-center\">\n      <button class=\"inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-[#0EA5E9] to-[#0284C7] hover:from-[#0284C7] hover:to-[#0F2A4D] text-white rounded-xl font-bold text-lg transition-all hover:shadow-2xl hover:scale-105\">\n        \u2726 Try It Free \u2014 Takes Less Than 2 Minutes \u2192\n      <\/button>\n      <p class=\"text-sm text-gray-600 mt-4\">No credit card required \u2022 Free forever plan available<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n    <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-white\">\n  <div class=\"max-w-7xl mx-auto\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-4xl font-bold text-[#0F2A4D] mb-4\">Who It&#039;s For<\/h2>\n      <p class=\"text-lg text-[#4A5568] max-w-2xl mx-auto\">Built for local businesses and service providers who want to grow without hiring an agency.<\/p>\n    <\/div>\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-6\">\n            <div class=\"bg-[#F9FAFB] rounded-2xl p-6 text-center hover:bg-white hover:shadow-lg transition-all group\">\n        <div class=\"inline-flex items-center justify-center w-14 h-14 bg-[#0EA5E9]\/10 rounded-xl mb-4 group-hover:bg-[#0EA5E9]\/20 transition-colors\">\n          <i data-lucide=\"wrench\" class=\"text-[#0EA5E9]\" width=\"28\" height=\"28\"><\/i>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-[#0F2A4D] mb-2\">Home Services<\/h3>\n        <p class=\"text-sm text-[#4A5568]\">HVAC, plumbers, contractors<\/p>\n      <\/div>\n            <div class=\"bg-[#F9FAFB] rounded-2xl p-6 text-center hover:bg-white hover:shadow-lg transition-all group\">\n        <div class=\"inline-flex items-center justify-center w-14 h-14 bg-[#0EA5E9]\/10 rounded-xl mb-4 group-hover:bg-[#0EA5E9]\/20 transition-colors\">\n          <i data-lucide=\"scissors\" class=\"text-[#0EA5E9]\" width=\"28\" height=\"28\"><\/i>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-[#0F2A4D] mb-2\">Beauty<\/h3>\n        <p class=\"text-sm text-[#4A5568]\">Salons, spas, barbers<\/p>\n      <\/div>\n            <div class=\"bg-[#F9FAFB] rounded-2xl p-6 text-center hover:bg-white hover:shadow-lg transition-all group\">\n        <div class=\"inline-flex items-center justify-center w-14 h-14 bg-[#0EA5E9]\/10 rounded-xl mb-4 group-hover:bg-[#0EA5E9]\/20 transition-colors\">\n          <i data-lucide=\"dumbbell\" class=\"text-[#0EA5E9]\" width=\"28\" height=\"28\"><\/i>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-[#0F2A4D] mb-2\">Fitness<\/h3>\n        <p class=\"text-sm text-[#4A5568]\">Gyms, trainers, studios<\/p>\n      <\/div>\n            <div class=\"bg-[#F9FAFB] rounded-2xl p-6 text-center hover:bg-white hover:shadow-lg transition-all group\">\n        <div class=\"inline-flex items-center justify-center w-14 h-14 bg-[#0EA5E9]\/10 rounded-xl mb-4 group-hover:bg-[#0EA5E9]\/20 transition-colors\">\n          <i data-lucide=\"briefcase\" class=\"text-[#0EA5E9]\" width=\"28\" height=\"28\"><\/i>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-[#0F2A4D] mb-2\">Professional Services<\/h3>\n        <p class=\"text-sm text-[#4A5568]\">Law, dental, therapy, accounting<\/p>\n      <\/div>\n            <div class=\"bg-[#F9FAFB] rounded-2xl p-6 text-center hover:bg-white hover:shadow-lg transition-all group\">\n        <div class=\"inline-flex items-center justify-center w-14 h-14 bg-[#0EA5E9]\/10 rounded-xl mb-4 group-hover:bg-[#0EA5E9]\/20 transition-colors\">\n          <i data-lucide=\"users\" class=\"text-[#0EA5E9]\" width=\"28\" height=\"28\"><\/i>\n        <\/div>\n        <h3 class=\"text-lg font-bold text-[#0F2A4D] mb-2\">Agencies<\/h3>\n        <p class=\"text-sm text-[#4A5568]\">Multi-client workflows<\/p>\n      <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n    <section id=\"pricing\" class=\"py-24 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-gray-50 to-white\">\n  <div class=\"max-w-7xl mx-auto\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-4xl md:text-5xl font-bold text-[#0F2A4D] mb-4\">Simple, Transparent Pricing<\/h2>\n      <p class=\"text-xl text-gray-600 max-w-3xl mx-auto leading-relaxed\">Start free, upgrade when you&#039;re ready. No hidden fees, no contracts.<\/p>\n    <\/div>\n    <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto mb-8\">\n            <div class=\"bg-white rounded-2xl p-8 shadow-lg border-2 border-gray-200\">\n                <div class=\"mb-6\">\n          <h3 class=\"text-2xl font-bold text-[#0F2A4D] mb-2\">Free<\/h3>\n          <div class=\"flex items-baseline gap-2 mb-4\">\n            <span class=\"text-5xl font-bold text-[#0F2A4D]\">$0<\/span>\n            <span class=\"text-gray-600 text-lg\">forever<\/span>\n          <\/div>\n          <p class=\"text-gray-600 leading-relaxed\">Get started with essential tools and limited usage.<\/p>\n        <\/div>\n        <ul class=\"space-y-4 mb-8\">\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-gray-900 font-medium\">5 tool uses per week<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-gray-900 font-medium\">Access to all 7 tools<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-gray-900 font-medium\">Basic template library<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-gray-900 font-medium\">Weekly tips email<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-gray-900 font-medium\">Dashboard access<\/span>\n          <\/li>\n                  <\/ul>\n        <button class=\"w-full bg-white hover:bg-gray-50 text-[#0F2A4D] border-2 border-[#0F2A4D] hover:border-[#0EA5E9] text-center px-6 py-4 rounded-xl font-bold text-lg shadow-sm\">Start Free<\/button>\n      <\/div>\n            <div class=\"bg-gradient-to-br from-[#0F2A4D] via-[#1E3A5F] to-[#0F2A4D] rounded-2xl p-8 shadow-2xl relative border-2 border-[#0EA5E9]\">\n                <div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2\">\n          <div class=\"bg-gradient-to-r from-orange-400 to-yellow-400 text-white px-6 py-2 rounded-full text-sm font-bold shadow-lg\">BEST VALUE<\/div>\n        <\/div>\n                <div class=\"mb-6\">\n          <h3 class=\"text-3xl font-bold text-white mb-2\">Pro<\/h3>\n          <div class=\"flex items-baseline gap-2 mb-4\">\n            <span class=\"text-6xl font-bold text-white\">$29<\/span>\n            <span class=\"text-white\/80 text-lg\">\/ month<\/span>\n          <\/div>\n          <p class=\"text-white\/90 leading-relaxed text-lg\">Everything you need to dominate local search.<\/p>\n        <\/div>\n        <ul class=\"space-y-4 mb-8\">\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-white font-medium text-lg\">Unlimited tool usage<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-white font-medium text-lg\">Full template vault (50+)<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-white font-medium text-lg\">Save history &amp; favorites<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-white font-medium text-lg\">Priority support<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-white font-medium text-lg\">Advanced analytics<\/span>\n          <\/li>\n                    <li class=\"flex items-start gap-3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#0EA5E9] flex-shrink-0 mt-0.5\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            <span class=\"text-white font-medium text-lg\">Early access to new features<\/span>\n          <\/li>\n                  <\/ul>\n        <button class=\"w-full bg-[#0EA5E9] hover:bg-[#0284C7] text-white text-center px-8 py-5 rounded-xl font-bold text-xl shadow-xl\">Upgrade to Pro<\/button>\n      <\/div>\n          <\/div>\n    <div class=\"text-center mt-12\">\n      <div class=\"flex flex-wrap items-center justify-center gap-6 text-gray-600\">\n        <div class=\"flex items-center gap-2\"><span>\ud83d\udd12<\/span><span class=\"font-medium\">Secure Stripe Payments<\/span><\/div>\n        <span class=\"text-gray-400\">\u2022<\/span>\n        <div class=\"flex items-center gap-2\"><span>\u2715<\/span><span class=\"font-medium\">Cancel Anytime<\/span><\/div>\n        <span class=\"text-gray-400\">\u2022<\/span>\n        <div class=\"flex items-center gap-2\"><span>\ud83d\udcb3<\/span><span class=\"font-medium\">No Contracts<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n    <section id=\"faq\" class=\"py-24 px-4 sm:px-6 lg:px-8 bg-white\">\n  <div class=\"max-w-4xl mx-auto\">\n    <div class=\"text-center mb-16\">\n      <h2 class=\"text-4xl md:text-5xl font-bold text-[#0F2A4D] mb-4\">Frequently Asked Questions<\/h2>\n      <p class=\"text-xl text-gray-600 leading-relaxed\">Everything you need to know about LocalLayout<\/p>\n    <\/div>\n    <div class=\"space-y-4\">\n            <div class=\"bg-white border-2 border-gray-200 rounded-xl px-6 hover:border-[#0EA5E9] hover:shadow-lg transition-all duration-200\">\n        <button class=\"llh-faq-trigger flex w-full items-start justify-between gap-4 py-6 text-left text-lg font-bold text-[#0F2A4D] hover:text-[#0EA5E9] transition-colors\" aria-expanded=\"false\" aria-controls=\"llh-faq-41\">\n          Do I need marketing experience?          <svg class=\"llh-chevron flex-shrink-0 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n        <\/button>\n        <div id=\"llh-faq-41\" class=\"pb-6 text-gray-600 leading-relaxed\" style=\"display:none\">\n          No experience needed. Every tool guides you through the process step-by-step with simple prompts and pre-built templates.        <\/div>\n      <\/div>\n            <div class=\"bg-white border-2 border-gray-200 rounded-xl px-6 hover:border-[#0EA5E9] hover:shadow-lg transition-all duration-200\">\n        <button class=\"llh-faq-trigger flex w-full items-start justify-between gap-4 py-6 text-left text-lg font-bold text-[#0F2A4D] hover:text-[#0EA5E9] transition-colors\" aria-expanded=\"false\" aria-controls=\"llh-faq-42\">\n          Is this a replacement for hiring an agency?          <svg class=\"llh-chevron flex-shrink-0 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n        <\/button>\n        <div id=\"llh-faq-42\" class=\"pb-6 text-gray-600 leading-relaxed\" style=\"display:none\">\n          For most local businesses, yes. Our tools cover the core activities agencies charge thousands for \u2014 local SEO, review management, and content creation.        <\/div>\n      <\/div>\n            <div class=\"bg-white border-2 border-gray-200 rounded-xl px-6 hover:border-[#0EA5E9] hover:shadow-lg transition-all duration-200\">\n        <button class=\"llh-faq-trigger flex w-full items-start justify-between gap-4 py-6 text-left text-lg font-bold text-[#0F2A4D] hover:text-[#0EA5E9] transition-colors\" aria-expanded=\"false\" aria-controls=\"llh-faq-43\">\n          Can I cancel anytime?          <svg class=\"llh-chevron flex-shrink-0 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n        <\/button>\n        <div id=\"llh-faq-43\" class=\"pb-6 text-gray-600 leading-relaxed\" style=\"display:none\">\n          Absolutely. There are no contracts or cancellation fees. You can cancel your Pro plan at any time from your account settings.        <\/div>\n      <\/div>\n            <div class=\"bg-white border-2 border-gray-200 rounded-xl px-6 hover:border-[#0EA5E9] hover:shadow-lg transition-all duration-200\">\n        <button class=\"llh-faq-trigger flex w-full items-start justify-between gap-4 py-6 text-left text-lg font-bold text-[#0F2A4D] hover:text-[#0EA5E9] transition-colors\" aria-expanded=\"false\" aria-controls=\"llh-faq-44\">\n          Does this work for any local business?          <svg class=\"llh-chevron flex-shrink-0 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n        <\/button>\n        <div id=\"llh-faq-44\" class=\"pb-6 text-gray-600 leading-relaxed\" style=\"display:none\">\n          Yes! Our tools are designed for any local business \u2014 from restaurants and retail to contractors and professional services.        <\/div>\n      <\/div>\n            <div class=\"bg-white border-2 border-gray-200 rounded-xl px-6 hover:border-[#0EA5E9] hover:shadow-lg transition-all duration-200\">\n        <button class=\"llh-faq-trigger flex w-full items-start justify-between gap-4 py-6 text-left text-lg font-bold text-[#0F2A4D] hover:text-[#0EA5E9] transition-colors\" aria-expanded=\"false\" aria-controls=\"llh-faq-45\">\n          What&#039;s included in Pro?          <svg class=\"llh-chevron flex-shrink-0 transition-transform duration-200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n        <\/button>\n        <div id=\"llh-faq-45\" class=\"pb-6 text-gray-600 leading-relaxed\" style=\"display:none\">\n          Unlimited tool usage, the full template vault (50+ templates), saved history &amp; favorites, priority support, advanced analytics, and early access to new features.        <\/div>\n      <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n    <section class=\"py-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-[#0F2A4D] to-[#1E3A5F]\">\n  <div class=\"max-w-4xl mx-auto text-center\">\n    <h2 class=\"text-4xl sm:text-5xl font-bold text-white mb-6\">Start improving your local presence this week.<\/h2>\n    <p class=\"text-xl text-white\/90 mb-10 max-w-2xl mx-auto\">Create your first optimized listing or social post in minutes.<\/p>\n    <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n      <button class=\"bg-[#0EA5E9] hover:bg-[#0284C7] text-white px-8 py-4 rounded-xl text-center font-bold text-lg\">Start Free<\/button>\n      <button class=\"bg-white\/10 hover:bg-white\/20 text-white border-2 border-white\/30 px-8 py-4 rounded-xl text-center backdrop-blur-sm font-bold text-lg\">View Tools<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n    <\/main><script>if(typeof lucide!==\"undefined\"){lucide.createIcons();}<\/script><script>\n    document.addEventListener(\"DOMContentLoaded\",function(){\n      document.querySelectorAll(\".llh-faq-trigger\").forEach(function(btn){\n        btn.addEventListener(\"click\",function(){\n          var content=this.nextElementSibling;\n          var open=this.getAttribute(\"aria-expanded\")===\"true\";\n          this.setAttribute(\"aria-expanded\",open?\"false\":\"true\");\n          content.style.display=open?\"none\":\"block\";\n          this.querySelector(\".llh-chevron\").style.transform=open?\"rotate(0deg)\":\"rotate(180deg)\";\n        });\n      });\n    });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":2,"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/locallayout.com\/index.php\/wp-json\/wp\/v2\/categories?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}