diff --git a/src/App.tsx b/src/App.tsx index 7785ff3..139ad71 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -41,6 +41,7 @@ import WebinarsListing from "./components/WebinarsListing"; import WebinarDetail from "./components/WebinarDetail"; import { LearningOnline } from "./components/LearningOnline"; import { Terms } from "./components/Terms"; +import HomePage from './pages/HomePage'; // import EnrollPlaceholder from "./components/EnrollPlaceholder"; // import ForgotPasswordPlaceholder from "./components/ForgotPasswordPlaceholder"; // import DashboardPlaceholder from "./components/DashboardPlaceholder"; @@ -134,22 +135,22 @@ export default function App() { } // Home Page Component (extracted from your default landing page) -function HomePage() { - return ( - <> - - - - - - - - - - - - ); -} +// function HomePage() { +// return ( +// <> +// +// +// +// +// +// +// +// +// +// +// +// ); +// } // 404 Not Found Component function NotFound() { diff --git a/src/assets/klc-logo-dark.png b/src/assets/klc-logo-dark.png new file mode 100644 index 0000000..4d4b90e Binary files /dev/null and b/src/assets/klc-logo-dark.png differ diff --git a/src/assets/klc-logo.png b/src/assets/klc-logo.png new file mode 100644 index 0000000..ff70e16 Binary files /dev/null and b/src/assets/klc-logo.png differ diff --git a/src/components/AIChatbot.tsx b/src/components/AIChatbot.tsx index ab1401b..73d0c28 100644 --- a/src/components/AIChatbot.tsx +++ b/src/components/AIChatbot.tsx @@ -118,7 +118,7 @@ export function AIChatbot() { const [inputValue, setInputValue] = useState(''); const [isTyping, setIsTyping] = useState(false); const messagesEndRef = useRef(null); - const inactivityTimerRef = useRef(); + const inactivityTimerRef = useRef(null); // Show chatbot after user activity useEffect(() => { @@ -326,7 +326,7 @@ export function AIChatbot() { {/* Chat Content */} {!isMinimized && ( - + {/* Messages */}
@@ -373,11 +373,11 @@ export function AIChatbot() { borderColor: 'var(--color-primary)' }} onClick={() => handleSuggestionClick(suggestion)} - onMouseEnter={(e) => { + onMouseEnter={(e:React.MouseEvent) => { e.currentTarget.style.backgroundColor = 'var(--color-primary)'; e.currentTarget.style.borderColor = 'var(--color-primary)'; }} - onMouseLeave={(e) => { + onMouseLeave={(e:React.MouseEvent) => { e.currentTarget.style.backgroundColor = 'transparent'; e.currentTarget.style.borderColor = 'var(--color-primary)'; }} @@ -452,12 +452,12 @@ export function AIChatbot() { fontSize: 'var(--font-body)', fontFamily: 'var(--font-family-base)' }} - onMouseEnter={(e) => { + onMouseEnter={(e:React.MouseEvent) => { if (!e.currentTarget.disabled) { e.currentTarget.style.backgroundColor = '#030359'; } }} - onMouseLeave={(e) => { + onMouseLeave={(e:React.MouseEvent) => { if (!e.currentTarget.disabled) { e.currentTarget.style.backgroundColor = 'var(--color-primary)'; } diff --git a/src/components/BookingModal.tsx b/src/components/BookingModal.tsx index c3828fa..7fb9eb7 100644 --- a/src/components/BookingModal.tsx +++ b/src/components/BookingModal.tsx @@ -49,7 +49,7 @@ export function BookingModal({ isOpen, onClose, initialFacilityZone = "" }: Book }; return ( - { + { if (!open) { onClose(); } @@ -129,7 +129,7 @@ export function BookingModal({ isOpen, onClose, initialFacilityZone = "" }: Book
- updateFormField('teamSize', value)}> @@ -146,7 +146,7 @@ export function BookingModal({ isOpen, onClose, initialFacilityZone = "" }: Book
- updateFormField('facilityZone', value)}> diff --git a/src/components/CorporateSignIn.tsx b/src/components/CorporateSignIn.tsx index e6411a3..444c889 100644 --- a/src/components/CorporateSignIn.tsx +++ b/src/components/CorporateSignIn.tsx @@ -34,7 +34,7 @@ export function CorporateSignIn() { setTimeout(() => { setIsLoading(false); // Navigate to dashboard or success page - navigateTo('/dashboard'); + navigateTo('https://klc-hr.wdiprojects.com'); }, 1500); }; diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx index e208679..e6fae2a 100644 --- a/src/components/Navigation.tsx +++ b/src/components/Navigation.tsx @@ -1,4 +1,4 @@ -import klcLogo from 'figma:asset/e98caa8afd8d11246bbff1dde75bbaae6f6a0894.png'; +import klcLogo from '../assets/klc-logo-dark.png'; import { ArrowRight, BookMarked, @@ -42,6 +42,7 @@ import { SheetTitle, SheetTrigger, } from './ui/sheet'; +import { useLocation, useNavigate } from 'react-router-dom'; interface NavigationProps { currentPage?: string; @@ -163,16 +164,18 @@ const signInOptions = [ ]; function NavLink({ item, isMobile = false }: { item: NavLink; isMobile?: boolean }) { + const navigate = useNavigate(); + const location = useLocation(); const [isOpen, setIsOpen] = useState(false); if (item.href) { return (
- {/* Main navigation header - ENHANCED STICKY */} + {/* Main navigation header */}
navigateTo('/')} + onClick={() => navigate('/')} > {/* Desktop Navigation */} -
+
{navigationItems.map((item) => ( ))} @@ -563,11 +523,8 @@ export function Navigation({ currentPage }: NavigationProps) { {/* Right Side Actions */}
- - {/* Cart Icon - Always visible */} - {/* Authentication Button/Profile */} {isAuthenticated && user ? (
@@ -575,7 +532,7 @@ export function Navigation({ currentPage }: NavigationProps) { ) : (
- - + {/* ... mobile user info and buttons with navigate() */}
) : (
@@ -837,7 +837,7 @@ export function LearningFacility() { {/* Carousel Container */}
-
- +

{feature.title}

- +

{feature.description}

@@ -901,66 +901,68 @@ export function LearningFacility() { World-Class Amenities

- Premium amenities and services to ensure comfort, productivity, and an + Premium amenities and services to ensure comfort, productivity, and an exceptional learning environment for all participants.

-
-
- {[0,1].map((loop) => ( -
- {amenities.map((amenity, index) => { - const Icon = amenity.icon; - return ( -
+
+
+
+
+ {[0, 1].map((loop) => ( +
+ {amenities.map((amenity, index) => { + const Icon = amenity.icon; + return (
- +
+ +
+ + {amenity.name} +
- - {amenity.name} - -
- ); - })} -
- ))} -
-
- {[0,1].map((loop) => ( -
- {amenities.map((amenity, index) => { - const Icon = amenity.icon; - return ( -
+ ); + })} +
+ ))} +
+
+ {[0, 1].map((loop) => ( +
+ {amenities.map((amenity, index) => { + const Icon = amenity.icon; + return (
- +
+ +
+ + {amenity.name} +
- - {amenity.name} - -
- ); - })} -
- ))} + ); + })} +
+ ))} +
-
{/* Virtual Tour Section */} @@ -1009,10 +1011,10 @@ export function LearningFacility() { {/* Carousel Container */}
-
- {/* Tour Header */}
-
- + {/* Navigation Arrows */} - +
@@ -1211,7 +1212,7 @@ export function LearningFacility() { <>
-
@@ -1235,7 +1236,7 @@ export function LearningFacility() { className="w-full h-full object-cover" />
- - +
@@ -1303,7 +1304,7 @@ export function LearningFacility() { setBookingForm({...bookingForm, companyName: e.target.value})} + onChange={(e) => setBookingForm({ ...bookingForm, companyName: e.target.value })} required />
@@ -1312,7 +1313,7 @@ export function LearningFacility() { setBookingForm({...bookingForm, contactName: e.target.value})} + onChange={(e) => setBookingForm({ ...bookingForm, contactName: e.target.value })} required />
@@ -1325,7 +1326,7 @@ export function LearningFacility() { id="email" type="email" value={bookingForm.email} - onChange={(e) => setBookingForm({...bookingForm, email: e.target.value})} + onChange={(e) => setBookingForm({ ...bookingForm, email: e.target.value })} required />
@@ -1334,7 +1335,7 @@ export function LearningFacility() { setBookingForm({...bookingForm, phone: e.target.value})} + onChange={(e) => setBookingForm({ ...bookingForm, phone: e.target.value })} required />
@@ -1346,13 +1347,13 @@ export function LearningFacility() { setBookingForm({...bookingForm, role: e.target.value})} + onChange={(e) => setBookingForm({ ...bookingForm, role: e.target.value })} required />
- setBookingForm({ ...bookingForm, teamSize: value })}> @@ -1369,7 +1370,7 @@ export function LearningFacility() {
- setBookingForm({ ...bookingForm, facilityZone: value })}> @@ -1388,7 +1389,7 @@ export function LearningFacility() {