diff --git a/assets/css/custom.css b/assets/css/custom.css
new file mode 100644
index 0000000..b077a39
--- /dev/null
+++ b/assets/css/custom.css
@@ -0,0 +1,87 @@
+
+body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ background-color: #F9FAFB;
+ color: #111827;
+}
+
+.navbar-brand {
+ font-weight: 700;
+}
+
+.hero {
+ position: relative;
+ padding: 10rem 0;
+ color: white;
+ text-align: center;
+ background: linear-gradient(45deg, rgba(79, 70, 229, 0.9), rgba(16, 185, 129, 0.9)), url('https://picsum.photos/seed/hrtech/1600/900') no-repeat center center;
+ background-size: cover;
+}
+
+.hero h1 {
+ font-weight: 700;
+ font-size: 3.5rem;
+}
+
+.hero p {
+ font-size: 1.25rem;
+ margin-bottom: 2rem;
+}
+
+.btn-primary {
+ background-color: #4F46E5;
+ border-color: #4F46E5;
+ padding: 0.75rem 1.5rem;
+ border-radius: 0.5rem;
+ font-weight: 600;
+ transition: background-color 0.3s ease;
+}
+
+.btn-primary:hover {
+ background-color: #4338CA;
+ border-color: #4338CA;
+}
+
+.services {
+ padding: 6rem 0;
+}
+
+.section-title {
+ text-align: center;
+ margin-bottom: 4rem;
+ font-weight: 700;
+ font-size: 2.5rem;
+}
+
+.service-card {
+ background-color: #FFFFFF;
+ border: 1px solid #E5E7EB;
+ border-radius: 0.5rem;
+ padding: 2.5rem;
+ text-align: center;
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+ height: 100%;
+}
+
+.service-card:hover {
+ transform: translateY(-10px);
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.service-card .icon {
+ font-size: 3rem;
+ color: #4F46E5;
+ margin-bottom: 1.5rem;
+}
+
+.service-card h3 {
+ font-weight: 600;
+ font-size: 1.5rem;
+ margin-bottom: 1rem;
+}
+
+.footer {
+ background-color: #111827;
+ color: #D1D5DB;
+ padding: 3rem 0;
+}
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 0000000..145099f
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,12 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+ const getStartedBtn = document.querySelector('.get-started-btn');
+ if (getStartedBtn) {
+ getStartedBtn.addEventListener('click', function(e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ }
+});
diff --git a/index.php b/index.php
index 6f7ffab..796e10a 100644
--- a/index.php
+++ b/index.php
@@ -1,131 +1,131 @@
-
-
+
-
-
- New Style
-
-
-
-
+
+
+ TalentForge AI - AI-Powered Training & Onboarding
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
Analyzing your requirements and generating your website…
-
- Loading…
-
-
= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWiZZy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.
-
This page will update automatically as the plan is implemented.
-
Runtime: PHP = htmlspecialchars($phpVersion) ?> — UTC = htmlspecialchars($now) ?>
-
-
-
- Page updated: = htmlspecialchars($now) ?> (UTC)
-
+
+
+
+
+
+
+
+
+
+
How can we help?
+
+
+
+
+
Onboarding
+
Create structured 30-60-90 day plans that make new hires productive, faster.
+
+
+
+
+
+
Functional Skill
+
Develop targeted training for specific roles and operational needs.
+
+
+
+
+
+
Technical Skill
+
Build learning paths for software, machinery, and technical processes.
+
+
+
+
+
+
Soft Skills
+
Cultivate leadership, communication, and collaborative behaviors.
+
+
+
+
+
+
+
+
+
+
+
About Us
+
We bridge the gap between your team's potential and peak performance. Traditional training is often generic and ineffective. TalentForge AI provides a guided, diagnostic approach to build learning programs that are tailored to your business problems and based on proven L&D frameworks.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+