diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..7bbe1c1 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,50 @@ + +body { + font-family: 'Open Sans', sans-serif; + background-color: #F7F9F9; + color: #293241; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Poppins', sans-serif; +} + +.btn-primary { + background-color: #FF6B6B; + border-color: #FF6B6B; +} + +.btn-primary:hover { + background-color: #e05a5a; + border-color: #e05a5a; +} + +.btn-secondary { + background-color: #4ECDC4; + border-color: #4ECDC4; +} + +.btn-secondary:hover { + background-color: #45b8af; + border-color: #45b8af; +} + +.hero { + background: linear-gradient(45deg, #FF6B6B, #FFC3A0); + color: white; + padding: 100px 0; + text-align: center; +} + +.feature-card { + background-color: #FFFFFF; + border: none; + border-radius: 12px; + padding: 30px; + margin-bottom: 20px; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); +} + +#auth-section { + padding: 60px 0; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..da67c25 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,20 @@ + +document.addEventListener('DOMContentLoaded', function() { + const signUpButton = document.querySelector('#signup-button'); + const getStartedButton = document.querySelector('#get-started-button'); + const authSection = document.querySelector('#auth-section'); + + if (signUpButton && authSection) { + signUpButton.addEventListener('click', function(e) { + e.preventDefault(); + authSection.scrollIntoView({ behavior: 'smooth' }); + }); + } + + if (getStartedButton && authSection) { + getStartedButton.addEventListener('click', function(e) { + e.preventDefault(); + authSection.scrollIntoView({ behavior: 'smooth' }); + }); + } +}); diff --git a/auth.php b/auth.php new file mode 100644 index 0000000..e2a6775 --- /dev/null +++ b/auth.php @@ -0,0 +1,31 @@ + + + + + + + + Registration Successful + + + + +
+
+
+
+
+

Welcome!

+

You have successfully registered with the email:

+ Go to Homepage +
+
+
+
+
+ + diff --git a/db/migrations/001_create_users_table.sql b/db/migrations/001_create_users_table.sql new file mode 100644 index 0000000..7f152c0 --- /dev/null +++ b/db/migrations/001_create_users_table.sql @@ -0,0 +1,8 @@ + +-- 001_create_users_table.sql +CREATE TABLE IF NOT EXISTS users ( + id INT AUTO_INCREMENT PRIMARY KEY, + email VARCHAR(255) NOT NULL UNIQUE, + password VARCHAR(255) NOT NULL, + created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP +); diff --git a/index.php b/index.php index 7205f3d..fc1606b 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,114 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + period 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

-
-
- + +
+
+
+ + Period Tracker + + + + +
+ + +
+
+
+
+ +
+
+
+

Track your cycle with confidence.

+

Understand your body better. Get predictions you can trust.

+

+ Get Started +

+
+
+ +
+
+
+
+
+

Track

+

Log your period, symptoms, and moods effortlessly.

+
+
+
+
+

Predict

+

Get accurate predictions for your next cycle and fertile window.

+
+
+
+
+

Understand

+

Gain insights into your health with personalized charts and history.

+
+
+
+
+
+ +
+
+
+
+

Create your account

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

Already have an account? Log in

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