diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..3cde11c --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,69 @@ +/* Custom Styles for TeaTime Payroll */ + +body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: #F9FAFB; +} + +.navbar { + box-shadow: 0 2px 4px rgba(0,0,0,.05); +} + +.navbar-brand { + color: #4F46E5 !important; +} + +.btn-primary { + background-color: #4F46E5; + border-color: #4F46E5; + border-radius: 0.5rem; + padding: 0.75rem 1.5rem; +} + +.btn-primary:hover { + background-color: #4338CA; + border-color: #4338CA; +} + +.hero-section { + padding: 10rem 0; + background: linear-gradient(135deg, #4f46e5, #10b981); +} + +#features .card { + border-radius: 0.5rem; + transition: transform .2s ease-in-out, box-shadow .2s ease-in-out; +} + +#features .card:hover { + transform: translateY(-5px); + box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1) !important; +} + +.text-primary { + color: #4F46E5 !important; +} + +/* Dashboard */ +.dashboard-header { + background-color: #FFFFFF; + box-shadow: 0 2px 4px rgba(0,0,0,.05); +} + +.card-dashboard { + border-radius: 0.5rem; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 3px 0 rgba(0,0,0,.05); +} + +.form-switch .form-check-input { + width: 3.5em; + height: 1.75em; + cursor: pointer; +} + +.form-switch .form-check-input:disabled { + cursor: not-allowed; + background-color: #e9ecef; + opacity: .7; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..8234e1c --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1 @@ +// Main javascript file for TeaTime Payroll diff --git a/dashboard.php b/dashboard.php new file mode 100644 index 0000000..82fa1ea --- /dev/null +++ b/dashboard.php @@ -0,0 +1,55 @@ + + + + + + Dashboard - TeaTime Payroll + + + + + + + +
+
+ TeaTime Payroll +
+ Welcome, Employee! + Logout +
+
+
+ +
+
+
+

Your Dashboard

+
+
+
+
+
+
+
Tax Withholding Settings
+
+
+

Control whether federal and state taxes are withheld from your paycheck.

+
+
+ +

Taxes will be automatically calculated and withheld.

+
+ +
+
This feature is coming soon! You will be able to manage your tax preferences from here.
+
+
+
+
+
+ + + + + diff --git a/index.php b/index.php index 7205f3d..ff95b37 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,105 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + TeaTime Payroll + + + + + + + + + + + -
-
-

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

-
-
- + + + +
+
+

Your Pay, Your Way.

+

Finally, a payroll service that gives you control. Opt-out of tax withholding and access your earnings when you need them.

+ Get Started Now +
+
+ +
+
+

A New Era of Payroll

+
+
+
+
+ +

You Control Your Taxes

+

Choose to opt-out of employee tax withholding and manage your own tax obligations. We'll still show you the estimates.

+
+
+
+
+
+
+ +

Access Pay Early

+

Don't wait for payday. Draw from your approved hours a week in advance when emergencies come up.

+
+
+
+
+
+
+ +

Flexible Pay Schedules

+

Get paid weekly or bi-weekly. You decide what works best for your financial rhythm.

+
+
+
+
+
+
+ +
+
+

Simple, Transparent Pricing

+

Contact us for a custom quote for your business.

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