diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..b8c1d2f --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,68 @@ + +body { + font-family: 'Inter', sans-serif; + background-color: #F8F9FA; + color: #212529; +} + +.gradient-text { + background: linear-gradient(45deg, #0D6EFD, #549BFF); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + text-fill-color: transparent; +} + +.kpi-card { + background-color: #FFFFFF; + border: none; + border-radius: 0.75rem; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; +} + +.kpi-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.08); +} + +.kpi-icon { + width: 48px; + height: 48px; + stroke-width: 1.5; +} + +.bottom-nav { + position: fixed; + bottom: 0; + left: 0; + right: 0; + background-color: #FFFFFF; + box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08); + border-top-left-radius: 1.25rem; + border-top-right-radius: 1.25rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; +} + +.nav-link { + color: #6C757D; + transition: color 0.2s; +} + +.nav-link.active { + color: #0D6EFD; +} + +.nav-link .icon { + width: 28px; + height: 28px; + stroke-width: 2; + margin-bottom: 0.125rem; +} + +.nav-link .label { + font-size: 0.75rem; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..01485cc --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,4 @@ +// Placeholder for future interactivity +document.addEventListener('DOMContentLoaded', function () { + console.log("Dashboard loaded."); +}); diff --git a/index.php b/index.php index 7205f3d..3f8fa1e 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,169 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + + Earn X + + + + + + + + + + + + + + + + + + + - -
-
-

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

-
-
- + + +
+
+
+ +

Earn X

+ +
+
+
+ +
+
+

Dashboard

+

Welcome back, User!

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

$1,250.75

+

Total Earning

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

342

+

Tasks Done

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

1,488

+

Ads Watched

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

5,200

+

Total Views

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

$310.50

+

Withdrawable Amount

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

$450.00

+

Available Balance

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