{"id":2,"date":"2024-04-25T01:33:15","date_gmt":"2024-04-25T01:33:15","guid":{"rendered":"https:\/\/onehourdental.com\/?page_id=2"},"modified":"2025-09-09T21:52:33","modified_gmt":"2025-09-09T21:52:33","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/onehourdental.com\/","title":{"rendered":"Home Page"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/><br \/>\n  <title>Dentist Website Generator<\/title><br \/>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n<\/head><br \/>\n<body class=\"bg-gradient-to-br from-teal-50 to-white min-h-screen flex flex-col items-center py-10\"><\/p>\n<p>  <!-- Hero Section --><\/p>\n<section class=\"text-center mb-10 animate-fadeIn\">\n<div class=\"inline-block p-4 bg-teal-100 rounded-full animate-bounce mb-4\">\n      <span class=\"text-5xl\">\ud83e\uddb7<\/span><\/div>\n<h1 class=\"text-4xl font-extrabold text-teal-700 mb-2\">AI-Powered Dentist Website Generator<\/h1>\n<p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\n      Instantly create a modern, mobile-friendly dental website with <span class=\"font-semibold text-teal-600\">AI<\/span>.<br \/>\n      No coding, no delays \u2014 just your practice details, and you\u2019re live in minutes.<\/p>\n<\/section>\n<p>  <!-- Main Card --><\/p>\n<div class=\"bg-white shadow-2xl rounded-2xl p-8 w-full max-w-5xl\">\n    <!-- Dentist Input Form --><\/p>\n<form id=\"websiteForm\" class=\"space-y-4\">\n<div>\n        <label class=\"block font-semibold\">Practice Name<\/label><br \/>\n        <input type=\"text\" name=\"practice\" required class=\"w-full p-3 border rounded-lg shadow-sm focus:ring-2 focus:ring-teal-500\"><\/div>\n<div>\n        <label class=\"block font-semibold\">Dentist Name<\/label><br \/>\n        <input type=\"text\" name=\"dentist\" required class=\"w-full p-3 border rounded-lg shadow-sm focus:ring-2 focus:ring-teal-500\"><\/div>\n<div>\n        <label class=\"block font-semibold\">Type of Practice<\/label><br \/>\n        <input type=\"text\" name=\"type\" required placeholder=\"e.g., Orthodontics, Cosmetic Dentistry\" class=\"w-full p-3 border rounded-lg shadow-sm focus:ring-2 focus:ring-teal-500\"><\/div>\n<div>\n        <label class=\"block font-semibold\">Customer Email<\/label><br \/>\n        <input type=\"email\" name=\"email\" required placeholder=\"you@example.com\" class=\"w-full p-3 border rounded-lg shadow-sm focus:ring-2 focus:ring-teal-500\"><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n<div>\n          <label class=\"block font-semibold\">Upload Logo<\/label><br \/>\n          <input type=\"file\" name=\"logo\" accept=\"image\/*\" class=\"w-full\"><\/div>\n<div>\n          <label class=\"block font-semibold\">Upload Practice Image<\/label><br \/>\n          <input type=\"file\" name=\"practiceImage\" accept=\"image\/*\" class=\"w-full\"><\/div>\n<\/div>\n<p><button type=\"button\" id=\"generateBtn\"\n        class=\"w-full bg-gradient-to-r from-teal-500 to-teal-700 text-white p-3 rounded-xl hover:scale-105 transition transform shadow-lg\"><br \/>\n        \u2728 Generate My Website<br \/>\n      <\/button><br \/>\n    <\/form>\n<p>    <!-- Status \/ Clock --><\/p>\n<div id=\"loadingBar\" class=\"hidden w-full mt-6\">\n<div class=\"w-full bg-gray-200 rounded-full h-4 overflow-hidden\">\n<div class=\"animate-pulse bg-teal-500 h-4 w-2\/3\"><\/div>\n<\/div>\n<p id=\"loadingClock\" class=\"mt-2 text-center text-gray-600 text-sm\">\n<\/div>\n<p><!-- Live Preview & Buy Now --><\/p>\n<div id=\"previewSection\" class=\"w-full mt-8 hidden\">\n<h2 class=\"text-2xl font-semibold mb-4 text-teal-700\">\ud83d\udd0e Your Full Website Preview<\/h2>\n<p><iframe id=\"previewFrame\" class=\"w-full h-[800px] bg-white border rounded-xl shadow-lg\"><\/iframe><\/p>\n<p>      <!-- Token usage --><\/p>\n<div id=\"tokenUsage\" class=\"mt-4 text-gray-700 text-sm\"><\/div>\n<h2 class=\"text-xl font-semibold mt-6 mb-3 text-teal-700\">\ud83d\udcb3 Buy Now to Download Your Site<\/h2>\n<div id=\"paypal-button-container\"><\/div>\n<\/div>\n<\/div>\n<p><!-- Gallery Section --><\/p>\n<section class=\"mt-12 w-full max-w-6xl\">\n<h2 class=\"text-3xl font-bold text-center text-teal-700 mb-6\">\u2728 Recently Generated Dental Sites<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n<div class=\"rounded-xl overflow-hidden shadow-lg hover:scale-105 transition\">\n        <img decoding=\"async\" src=\"sites\/sample1-thumb.jpg\" alt=\"Sample Site 1\" class=\"w-full\"><\/div>\n<div class=\"rounded-xl overflow-hidden shadow-lg hover:scale-105 transition\">\n        <img decoding=\"async\" src=\"sites\/sample2-thumb.jpg\" alt=\"Sample Site 2\" class=\"w-full\"><\/div>\n<div class=\"rounded-xl overflow-hidden shadow-lg hover:scale-105 transition\">\n        <img decoding=\"async\" src=\"sites\/sample3-thumb.jpg\" alt=\"Sample Site 3\" class=\"w-full\"><\/div>\n<\/div>\n<\/section>\n<p>  <!-- Why AI Section --><\/p>\n<section class=\"mt-16 text-center max-w-5xl mx-auto\">\n<h2 class=\"text-3xl font-bold text-teal-700 mb-6\">\ud83d\ude80 Why Choose AI Over Traditional Web Design?<\/h2>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-left\">\n<div class=\"p-6 bg-white rounded-xl shadow hover:shadow-lg transition\">\n<h3 class=\"font-bold text-xl mb-2\">\u26a1 Instant Launch<\/h3>\n<p class=\"text-gray-600\">Go live in minutes instead of waiting weeks for old-school developers.<\/p>\n<\/div>\n<div class=\"p-6 bg-white rounded-xl shadow hover:shadow-lg transition\">\n<h3 class=\"font-bold text-xl mb-2\">\ud83d\udcb0 Cost-Effective<\/h3>\n<p class=\"text-gray-600\">Only pay a fraction of traditional design costs \u2014 no hidden fees.<\/p>\n<\/div>\n<div class=\"p-6 bg-white rounded-xl shadow hover:shadow-lg transition\">\n<h3 class=\"font-bold text-xl mb-2\">\ud83c\udf10 Always Modern<\/h3>\n<p class=\"text-gray-600\">AI ensures your site uses the latest designs and best practices.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p>  <!-- PayPal SDK --><br \/>\n  <script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=ARd8U9b7dZtYRZuiShkzxMkJNSfDlxJ_VgAcMX0yoEXNg0maiPldtRFV4PC0ZjDwznQY7EuZZRDXYDaA&#038;currency=USD\"><\/script><\/p>\n<p>  <!-- Script (same as before) --><br \/>\n  <script>\n  const generateBtn = document.getElementById(\"generateBtn\");\n  const loadingBar = document.getElementById(\"loadingBar\");\n  const loadingClock = document.getElementById(\"loadingClock\");\n  const previewSection = document.getElementById(\"previewSection\");\n  const previewFrame = document.getElementById(\"previewFrame\");\n  const tokenUsage = document.getElementById(\"tokenUsage\");<\/p>\n<p>  let elapsedSeconds = 0;\n  let previewFileUrl = '';\n  let zipFileUrl = '';\n  let logId = '';\n  let formEmail = '';<\/p>\n<p>  function startClock() {\n    elapsedSeconds = 0;\n    loadingClock.textContent = elapsedSeconds + \"s elapsed\u2026\";\n    return setInterval(() => {\n      elapsedSeconds++;\n      loadingClock.textContent = elapsedSeconds + \"s elapsed\u2026\";\n    }, 1000);\n  }<\/p>\n<p>  generateBtn.addEventListener(\"click\", async () => {\n    const form = document.getElementById(\"websiteForm\");\n    const formData = new FormData(form);\n    formEmail = formData.get(\"email\");<\/p>\n<p>    \/\/ Show loading bar\n    loadingBar.classList.remove(\"hidden\");\n    previewSection.classList.add(\"hidden\");\n    const clockInterval = startClock();<\/p>\n<p>    try {\n      const response = await fetch('worker.php', { method: 'POST', body: formData });\n      const result = await response.json();<\/p>\n<p>      if (result.status === \"ok\") {\n        previewFileUrl = result.previewUrl;\n        zipFileUrl = result.zipUrl;\n        logId = result.logId || '';\n        previewFrame.src = previewFileUrl;<\/p>\n<p>        tokenUsage.innerHTML = `<\/p>\n<p><strong>Token Usage:<\/strong><\/p>\n<ul class=\"list-disc ml-5\">\n<li>Prompt: ${result.tokens.prompt}<\/li>\n<li>Completion: ${result.tokens.completion}<\/li>\n<li>Total: ${result.tokens.total}<\/li>\n<\/ul>\n<p>        `;<\/p>\n<p>        previewSection.classList.remove(\"hidden\");<\/p>\n<p>        paypal.Buttons({\n          createOrder: function(data, actions) {\n            return actions.order.create({\n              purchase_units: [{ amount: { value: '1.99' } }]\n            });\n          },\n          onApprove: function(data, actions) {\n            return actions.order.capture().then(function(details) {\n              const payerEmail = details.payer.email_address || '';\n              const params = new URLSearchParams({\n                log_id: logId,\n                zip_url: zipFileUrl,\n                preview_url: previewFileUrl,\n                form_email: formEmail,\n                paypal_email: payerEmail,\n                order_id: data.orderID\n              });\n              window.location.href = 'success.php?' + params.toString();\n            });\n          },\n          onError: function(err) {\n            alert('Payment could not be processed. Please try again.');\n            console.error(err);\n          }\n        }).render('#paypal-button-container');\n      } else {\n        alert(\"Error generating site: \" + result.message);\n      }\n    } catch (err) {\n      console.error(err);\n      alert(\"An error occurred during site generation.\");\n    } finally {\n      loadingBar.classList.add(\"hidden\");\n    }\n  });\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dentist Website Generator \ud83e\uddb7 AI-Powered Dentist Website Generator Instantly create a modern, mobile-friendly dental website with AI. No coding, no delays \u2014 just your practice details, and you\u2019re live in minutes. Practice Name Dentist Name Type of Practice Customer Email Upload Logo Upload Practice Image \u2728 Generate My Website \ud83d\udd0e Your Full Website Preview \ud83d\udcb3&hellip; <br \/> <a class=\"button small blue\" href=\"https:\/\/onehourdental.com\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onehourdental.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onehourdental.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onehourdental.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onehourdental.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onehourdental.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/onehourdental.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/onehourdental.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/onehourdental.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}