\n \n Welcome back, {user.username}!\n \n\n \n \n

\n setView(\"projects\")}\n variant=\"primary\"\n fullWidth\n >\n 🏗️ View Projects\n \n setView(\"clients\")}\n variant=\"accent\"\n fullWidth\n >\n 👥 Manage Clients\n \n

\n \n\n \n \n

No recent activity

\n \n \n \n );\n case \"projects\":\n return (\n

\n \n \n Projects Management\n \n \n

\n\n \n

Manage current projects and tasks.

\n \n \n );\n case \"clients\":\n return (\n

\n \n \n Clients Management\n \n \n

\n\n \n

View and manage client information.

\n \n \n );\n case \"profile\":\n return (\n

\n \n Your Profile\n \n\n \n \n

\n \n Account Information\n \n

\n Username: {user.username}\n

\n Role: {user.role}\n

\n\n

\n \n Security\n \n \n

\n \n \n );\n default:\n return (\n

\n \n Welcome to Oris Technology Solution\n \n

Select an option from the sidebar.

\n );\n }\n } else {\n // Public website views\n switch (view) {\n case \"home\":\n return (\n

\n \n \n Empowering Businesses with Smart Technology\n \n \n At Oris Technology Solution Ethiopia, we provide innovative and practical technology services designed\n to streamline operations, improve security, and boost efficiency across various sectors.\n

\n setView(\"services\")}\n variant=\"accent\"\n >\n Explore Our Services\n \n setView(\"contact\")}\n variant=\"light\"\n >\n Contact Us\n \n

\n \n\n

\n \n Why Choose Oris Technology?\n \n \n \n \n 🔧\n

Tailored software designed specifically for your business needs with cutting-edge technology.

\n \n \n \n 👨‍💻\n \n

Experienced professionals dedicated to delivering quality solutions with passion.

\n \n \n \n 🛠️\n \n

Ongoing maintenance and 24/7 support for all our products and services.

\n \n \n \n\n

\n \n What Our Clients Say\n \n

\n {testimonials.map((testimonial, index) => (\n \n \n \"{testimonial.quote}\"\n

\n {testimonial.author}\n

{testimonial.role}

\n ))}\n \n {testimonials.map((_, index) => (\n setActiveTestimonial(index)}\n style={{\n width: \"12px\",\n height: \"12px\",\n borderRadius: \"50%\",\n border: \"none\",\n backgroundColor: index === activeTestimonial ? COLORS.primary : \"#ddd\",\n cursor: \"pointer\",\n transition: \"background-color 0.3s ease\",\n }}\n />\n ))}\n \n \n

\n \n );\n case \"services\":\n return (\n

\n \n Our Services\n \n\n

\n \n Custom System Development\n \n \n We develop tailored software solutions for various sectors to meet your specific needs with precision\n and innovation.\n

\n\n \n \n

Student management, grading, and scheduling systems to streamline educational administration.

\n setView(\"contact\")}\n variant=\"primary\"\n style={{ marginTop: \"16px\" }}\n >\n Learn More\n \n \n \n

\n Patient records, appointments, and medical inventory systems for efficient healthcare management.\n

\n setView(\"contact\")}\n variant=\"secondary\"\n style={{ marginTop: \"16px\" }}\n >\n Learn More\n \n \n \n

Product tracking, resource planning, and process automation for manufacturing efficiency.

\n setView(\"contact\")}\n variant=\"accent\"\n style={{ marginTop: \"16px\" }}\n >\n Learn More\n \n \n \n

Employee management systems for HR, payroll, and attendance tracking.

\n setView(\"contact\")}\n variant=\"primary\"\n style={{ marginTop: \"16px\" }}\n >\n Learn More\n \n \n

\n\n

\n \n Website Development\n \n \n

\n We design modern, mobile-friendly, and responsive websites to help you build a strong digital\n presence. Our websites are optimized for performance, accessibility, and user experience across\n all devices.\n

\n \n

Custom website design

E-commerce solutions

Content management systems

SEO optimization

\n \n setView(\"contact\")}\n variant=\"primary\"\n style={{ marginTop: \"16px\" }}\n >\n Get a Website Quote\n \n

\n {\n e.currentTarget.style.transform = \"scale(1.02)\";\n }}\n onMouseOut={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n }}\n />\n

\n \n

\n\n

\n \n Networking Solutions\n \n \n

\n {\n e.currentTarget.style.transform = \"scale(1.02)\";\n }}\n onMouseOut={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n }}\n />\n

\n From setup to maintenance, we ensure secure and reliable networking infrastructure for\n businesses and institutions. Our solutions include network design, implementation, and ongoing\n support with enterprise-grade security.\n

\n \n

Network design and implementation

Wireless networking solutions

Network security and firewalls

Ongoing maintenance and support

\n \n setView(\"contact\")}\n variant=\"primary\"\n style={{ marginTop: \"16px\" }}\n >\n Request Network Audit\n \n

\n \n

\n\n

\n \n Advanced GPS Vehicle Tracking\n \n \n \n \n \n Take full control of your vehicle or fleet with our state-of-the-art GPS technology featuring\n real-time monitoring and advanced analytics.\n

\n setView(\"contact\")}\n variant=\"accent\"\n >\n Demo GPS Tracking\n \n

\n \n \n \n \n \n \n \n

\n ✓ Real-Time Location\n

\n ✓ Theft Protection\n

\n ✓ Route History\n

\n ✓ Speed Monitoring\n

\n ✓ Fuel Efficiency\n

\n ✓ 24/7 Support\n

\n \n \n \n \n \n );\n case \"contact\":\n return (\n

\n \n Get in Touch\n \n\n {formSubmitted && (\n \n \n ✓\n

Thank you for your message! We'll get back to you soon.

\n \n )}\n\n \n

\n \n Your Name *\n \n \n

\n\n

\n \n Email Address *\n \n \n

\n\n

\n \n Phone Number\n \n \n

\n\n

\n \n Service Interested In\n \n \n \n \n \n \n \n \n \n

\n\n

\n \n Your Message *\n \n \n

\n\n \n Send Message\n \n \n

\n\n \n \n Prefer to email us directly?\n \n

\n Send your inquiries to: ezezsolomonferede@gmail.com\n

\n window.location.href = \"mailto:ezezsolomonferede@gmail.com\"}\n variant=\"secondary\"\n >\n Open Email Client\n \n \n \n );\n case \"login\":\n return (\n \n

\n \n \n 🔒\n \n

\n \n Employee Login\n \n

\n Access your Oris Technology account\n

\n \n\n {\n e.preventDefault();\n const form = e.target as HTMLFormElement;\n const username = (form.elements.namedItem(\"username\") as HTMLInputElement).value;\n const password = (form.elements.namedItem(\"password\") as HTMLInputElement).value;\n handleLogin(username, password);\n }}\n >\n

\n \n Username\n \n \n

\n\n

\n \n Password\n \n \n

\n\n \n Login\n \n\n

\n setView(\"home\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: COLORS.primary,\n cursor: \"pointer\",\n textDecoration: \"underline\",\n fontSize: \"0.9rem\",\n }}\n >\n ← Back to Home\n \n

\n \n \n );\n default:\n return (\n

\n \n Welcome to Oris Technology Solution Ethiopia\n \n

Page not found.

\n );\n }\n }\n };\n\n return (\n \n {user && (\n \n \n \n 💻\n \n \n Oris Technology\n \n \n Employee Portal\n

\n \n\n

\n setView(\"dashboard\")}\n variant={view === \"dashboard\" ? \"accent\" : \"light\"}\n fullWidth\n style={{\n marginBottom: \"12px\",\n justifyContent: \"flex-start\",\n paddingLeft: \"20px\",\n }}\n >\n 📊 Dashboard\n \n\n setView(\"projects\")}\n variant={view === \"projects\" ? \"accent\" : \"light\"}\n fullWidth\n style={{\n marginBottom: \"12px\",\n justifyContent: \"flex-start\",\n paddingLeft: \"20px\",\n }}\n >\n 🏗️ Projects\n \n\n setView(\"clients\")}\n variant={view === \"clients\" ? \"accent\" : \"light\"}\n fullWidth\n style={{\n marginBottom: \"12px\",\n justifyContent: \"flex-start\",\n paddingLeft: \"20px\",\n }}\n >\n 👥 Clients\n \n

\n\n \n setView(\"profile\")}\n variant={view === \"profile\" ? \"accent\" : \"light\"}\n fullWidth\n style={{\n justifyContent: \"flex-start\",\n paddingLeft: \"20px\",\n }}\n >\n 👤 Profile\n \n \n \n )}\n\n \n {user\n ? (\n \n \n Oris Technology Employee Portal\n \n

\n setIsDropdownOpen(!isDropdownOpen)}\n variant=\"light\"\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n }}\n >\n \n {user.username.charAt(0).toUpperCase()}\n \n {user.username} ({user.role})\n \n {isDropdownOpen && (\n \n {\n setView(\"profile\");\n setIsDropdownOpen(false);\n }}\n style={{\n width: \"100%\",\n padding: \"12px 16px\",\n textAlign: \"left\",\n backgroundColor: \"transparent\",\n border: \"none\",\n cursor: \"pointer\",\n transition: \"background-color 0.2s\",\n \"&:hover\": {\n backgroundColor: COLORS.light,\n },\n }}\n >\n 👤 Profile\n \n \n 🚪 Logout\n \n

\n )}\n \n \n )\n : (\n \n setView(\"home\")}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n cursor: \"pointer\",\n gap: \"12px\",\n }}\n >\n \n OT\n \n \n Oris Technology\n \n \n\n {/* Desktop Navigation */}\n \n setView(\"home\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: view === \"home\" ? COLORS.primary : COLORS.dark,\n cursor: \"pointer\",\n fontWeight: view === \"home\" ? 600 : 400,\n fontSize: \"1rem\",\n transition: \"color 0.2s\",\n \"&:hover\": {\n color: COLORS.primary,\n },\n }}\n >\n Home\n \n setView(\"services\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: view === \"services\" ? COLORS.primary : COLORS.dark,\n cursor: \"pointer\",\n fontWeight: view === \"services\" ? 600 : 400,\n fontSize: \"1rem\",\n transition: \"color 0.2s\",\n \"&:hover\": {\n color: COLORS.primary,\n },\n }}\n >\n Services\n \n setView(\"contact\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: view === \"contact\" ? COLORS.primary : COLORS.dark,\n cursor: \"pointer\",\n fontWeight: view === \"contact\" ? 600 : 400,\n fontSize: \"1rem\",\n transition: \"color 0.2s\",\n \"&:hover\": {\n color: COLORS.primary,\n },\n }}\n >\n Contact\n \n setView(\"login\")}\n variant=\"primary\"\n style={{ marginLeft: \"12px\" }}\n >\n Employee Login\n \n \n\n {/* Mobile Menu Button */}\n setIsMenuOpen(!isMenuOpen)}\n style={{\n display: { xs: \"block\", md: \"none\" },\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: \"8px\",\n }}\n >\n \n \n \n \n \n )}\n\n {/* Mobile Menu */}\n {!user && isMenuOpen && (\n \n {\n setView(\"home\");\n setIsMenuOpen(false);\n }}\n style={{\n background: \"none\",\n border: \"none\",\n color: view === \"home\" ? COLORS.primary : COLORS.dark,\n cursor: \"pointer\",\n fontWeight: view === \"home\" ? 600 : 400,\n fontSize: \"1rem\",\n padding: \"12px\",\n textAlign: \"left\",\n borderRadius: \"8px\",\n transition: \"all 0.2s\",\n \"&:hover\": {\n backgroundColor: COLORS.light,\n },\n }}\n >\n Home\n \n {\n setView(\"services\");\n setIsMenuOpen(false);\n }}\n style={{\n background: \"none\",\n border: \"none\",\n color: view === \"services\" ? COLORS.primary : COLORS.dark,\n cursor: \"pointer\",\n fontWeight: view === \"services\" ? 600 : 400,\n fontSize: \"1rem\",\n padding: \"12px\",\n textAlign: \"left\",\n borderRadius: \"8px\",\n transition: \"all 0.2s\",\n \"&:hover\": {\n backgroundColor: COLORS.light,\n },\n }}\n >\n Services\n \n {\n setView(\"contact\");\n setIsMenuOpen(false);\n }}\n style={{\n background: \"none\",\n border: \"none\",\n color: view === \"contact\" ? COLORS.primary : COLORS.dark,\n cursor: \"pointer\",\n fontWeight: view === \"contact\" ? 600 : 400,\n fontSize: \"1rem\",\n padding: \"12px\",\n textAlign: \"left\",\n borderRadius: \"8px\",\n transition: \"all 0.2s\",\n \"&:hover\": {\n backgroundColor: COLORS.light,\n },\n }}\n >\n Contact\n \n {\n setView(\"login\");\n setIsMenuOpen(false);\n }}\n variant=\"primary\"\n fullWidth\n style={{ marginTop: \"8px\" }}\n >\n Employee Login\n \n \n )}\n\n \n \n {renderContent()}\n \n \n\n {!user && (\n \n \n

\n \n Oris Technology\n \n \n Empowering Businesses, Institutions & Individuals with Smart Technology Solutions.\n

\n\n

\n \n Quick Links\n \n \n

\n setView(\"home\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: \"rgba(255,255,255,0.7)\",\n cursor: \"pointer\",\n textAlign: \"left\",\n padding: 0,\n \"&:hover\": {\n color: COLORS.white,\n },\n }}\n >\n Home\n \n

\n setView(\"services\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: \"rgba(255,255,255,0.7)\",\n cursor: \"pointer\",\n textAlign: \"left\",\n padding: 0,\n \"&:hover\": {\n color: COLORS.white,\n },\n }}\n >\n Services\n \n

\n setView(\"contact\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: \"rgba(255,255,255,0.7)\",\n cursor: \"pointer\",\n textAlign: \"left\",\n padding: 0,\n \"&:hover\": {\n color: COLORS.white,\n },\n }}\n >\n Contact\n \n

\n setView(\"login\")}\n style={{\n background: \"none\",\n border: \"none\",\n color: \"rgba(255,255,255,0.7)\",\n cursor: \"pointer\",\n textAlign: \"left\",\n padding: 0,\n \"&:hover\": {\n color: COLORS.white,\n },\n }}\n >\n Employee Login\n \n

\n \n

\n\n

\n \n Contact Us\n \n \n

\n ✉️ ezezsolomonferede@gmail.com\n

\n 📍 Addis Ababa, Ethiopia\n

\n \n

\n \n\n \n © {new Date().getFullYear()} Oris Technology Solution Ethiopia. All rights reserved.\n \n \n )}\n \n \n );\n}\n\nexport default App;","deleted","label",[170,153],"components","permalink","https://www.val.town/x/solomonferedeezez/oris/code/components/app.tsx","extension","actionData","errors"]