diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..8e504c8 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,80 @@ + +body { + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: #F9FAFB; + color: #111827; +} + +.hero-section { + background: linear-gradient(135deg, #10B981, #34D399); + color: white; + padding: 6rem 0; +} + +.hero-section h1 { + font-weight: 700; + font-size: 3.5rem; +} + +.hero-section .lead { + font-size: 1.25rem; + opacity: 0.9; +} + +.btn-primary { + background-color: #10B981; + border-color: #10B981; + padding: 0.75rem 1.5rem; + font-weight: 600; + border-radius: 0.375rem; +} + +.btn-primary:hover { + background-color: #0F966B; + border-color: #0F966B; +} + +.btn-secondary { + background-color: #F97316; + border-color: #F97316; + padding: 0.75rem 1.5rem; + font-weight: 600; + border-radius: 0.375rem; +} + +.btn-secondary:hover { + background-color: #DD6B20; + border-color: #DD6B20; +} + +.quick-log-section { + background-color: #FFFFFF; + border-radius: 0.75rem; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + margin-top: -50px; + position: relative; + z-index: 10; +} + +.feature-card { + background-color: #FFFFFF; + border: 1px solid #E5E7EB; + border-radius: 0.5rem; + padding: 2rem; + text-align: center; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.feature-icon { + width: 50px; + height: 50px; + margin-bottom: 1rem; + color: #10B981; +} + +.toast-container { + position: fixed; + bottom: 1rem; + right: 1rem; + z-index: 1055; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..66b4106 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,26 @@ + +document.addEventListener('DOMContentLoaded', function () { + const logNowButton = document.getElementById('logNowBtn'); + if (logNowButton) { + logNowButton.addEventListener('click', function (e) { + e.preventDefault(); + const toastContainer = document.getElementById('toast-container'); + const toastHTML = ` + + `; + toastContainer.innerHTML = toastHTML; + + const toastElement = toastContainer.querySelector('.toast'); + const toast = new bootstrap.Toast(toastElement); + toast.show(); + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..00006b3 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,126 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + <?php echo htmlspecialchars(getenv('PROJECT_NAME') ?: 'Health Tracker'); ?> + + + + + + + + + + + + + -
-
-

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

-
-
- + + +
+
+ Health Tracker + + +
+
+ + +
+
+
+

Track Your Health, Master Your Life.

+

The simplest way to count calories, track your steps, and achieve your wellness goals. All in one beautiful app.

+ Get Started for Free +
+
+ + +
+
+
+
+

Quick Log

+
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+
+ + +
+
+
+

Everything You Need to Succeed

+

Powerful features designed for your success.

+
+
+
+
+ +
Effortless Tracking
+

Log meals and activities in seconds with our intuitive interface.

+
+
+
+
+ +
Personalized Plans
+

Get custom meal and fitness plans tailored to your unique goals.

+
+
+
+
+ +
Advanced Analytics
+

Visualize your progress with beautiful charts and insightful reports.

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