diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..89fedb4 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,47 @@ + +body { + background-color: #F9FAFB; /* Gray-50 */ + color: #111827; /* Gray-900 */ + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; +} + +.card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +} + +.form-control, .form-select { + border-radius: 0.5rem; + padding: 1rem; + border: 1px solid #D1D5DB; /* Gray-300 */ +} + +.form-control:focus, .form-select:focus { + border-color: #6366F1; /* Indigo */ + box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2); +} + +.btn-primary { + background-image: linear-gradient(to right, #6366F1, #4f46e5); + border: none; + border-radius: 0.5rem; + padding: 1rem 2rem; + font-weight: 600; + color: white; + transition: transform 0.2s; +} + +.btn-primary:hover { + transform: translateY(-2px); + box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3); +} + +.logo { + font-weight: 800; + color: #111827; +} + +.toast-container { + z-index: 1090; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..8181816 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,26 @@ +document.addEventListener('DOMContentLoaded', function () { + const form = document.getElementById('pagehack-form'); + const toastElement = document.getElementById('liveToast'); + const toast = new bootstrap.Toast(toastElement); + + form.addEventListener('submit', function (event) { + event.preventDefault(); + + const url = document.getElementById('url').value; + if (!url) { + alert('Please enter a URL.'); + return; + } + + // Show toast notification + toast.show(); + + // You can add an AJAX call here later to submit the form asynchronously + // For now, it just shows a notification. + console.log('Form submitted with URL:', url); + console.log('Language:', document.getElementById('language').value); + + // Optional: clear the form after submission + // form.reset(); + }); +}); diff --git a/generate.php b/generate.php new file mode 100644 index 0000000..8a0985e --- /dev/null +++ b/generate.php @@ -0,0 +1,5 @@ + 'success', 'message' => 'Request received. Processing will start soon.']); diff --git a/index.php b/index.php index 7205f3d..cb6330d 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,72 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + PAGEHACK — AI Page Conversion + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

+ +
+
+

PAGEHACK

+

Clone, rewrite, and translate any sales page for maximum conversion.

+
+ +
+
+
+
+
+ + +
+
+ + +
+
+ +
+
+
+
+
-
- + + +
+ +
+ + + + + - + \ No newline at end of file