Initialize website project structure

.env

@@ -0,0 +1,71 @@
+CONTAINER_PORT=7085
+UID=1000
+#--------------------------------------------------------------------
+# Example Environment Configuration file
+#
+# This file can be used as a starting point for your own
+# custom .env files, and contains most of the possible settings
+# available in a default install.
+#
+# By default, all of the settings are commented out. If you want
+# to override the setting, you must un-comment it by removing the '#'
+# at the beginning of the line.
+#--------------------------------------------------------------------
+
+#--------------------------------------------------------------------
+# ENVIRONMENT
+#--------------------------------------------------------------------
+
+# CI_ENVIRONMENT = production
+
+#--------------------------------------------------------------------
+# APP
+#--------------------------------------------------------------------
+
+# app.baseURL = ''
+# If you have trouble with `.`, you could also use `_`.
+# app_baseURL = ''
+# app.forceGlobalSecureRequests = false
+# app.CSPEnabled = false
+
+#--------------------------------------------------------------------
+# DATABASE
+#--------------------------------------------------------------------
+
+# database.default.hostname = localhost
+# database.default.database = ci4
+# database.default.username = root
+# database.default.password = root
+# database.default.DBDriver = MySQLi
+# database.default.DBPrefix =
+# database.default.port = 3306
+
+# If you use MySQLi as tests, first update the values of Config\Database::$tests.
+# database.tests.hostname = localhost
+# database.tests.database = ci4_test
+# database.tests.username = root
+# database.tests.password = root
+# database.tests.DBDriver = MySQLi
+# database.tests.DBPrefix =
+# database.tests.charset = utf8mb4
+# database.tests.DBCollat = utf8mb4_general_ci
+# database.tests.port = 3306
+
+#--------------------------------------------------------------------
+# ENCRYPTION
+#--------------------------------------------------------------------
+
+# encryption.key =
+
+#--------------------------------------------------------------------
+# SESSION
+#--------------------------------------------------------------------
+
+# session.driver = 'CodeIgniter\Session\Handlers\FileHandler'
+# session.savePath = null
+
+#--------------------------------------------------------------------
+# LOGGER
+#--------------------------------------------------------------------
+
+# logger.threshold = 4

LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2019 British Columbia Institute of Technology
+Copyright (c) 2019-2024 CodeIgniter Foundation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

apache_log/error.log

@@ -0,0 +1,83 @@
+[Sun Mar 23 21:13:30.257131 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Sun Mar 23 21:13:30.257401 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sun Mar 23 21:58:30.876109 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sun Mar 23 21:58:33.035390 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Sun Mar 23 21:58:33.035726 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sun Mar 23 22:44:39.756112 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sun Mar 23 22:44:44.562094 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Sun Mar 23 22:44:44.562283 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sat Apr 05 16:54:24.145967 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sun Apr 13 14:22:13.617241 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Sun Apr 13 14:22:13.617729 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Wed Apr 23 23:32:47.120083 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Wed Apr 23 23:33:20.009003 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Wed Apr 23 23:33:20.012759 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Thu May 08 20:20:59.072337 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Thu May 08 20:20:59.073198 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sun May 11 12:42:34.535854 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sun May 11 12:51:20.361923 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Sun May 11 12:51:20.363111 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Mon Jun 30 17:36:42.781874 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri Jul 25 20:39:34.346639 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Fri Jul 25 20:39:34.347667 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sun Jul 27 13:33:15.226896 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Thu Aug 07 20:48:41.838652 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Thu Aug 07 20:48:41.839832 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sat Aug 09 05:47:05.315203 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Sat Aug 09 05:47:05.327350 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Wed Aug 13 05:36:15.707644 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Thu Aug 14 17:19:38.797166 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Thu Aug 14 17:19:38.798808 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri Sep 05 15:04:13.257792 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Fri Sep 05 15:04:13.258290 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sat Sep 13 03:41:07.706838 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri Nov 21 16:22:17.764009 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Fri Nov 21 16:22:17.764692 2025] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Wed Nov 26 19:38:06.267721 2025] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Wed Jan 07 15:49:27.403411 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Wed Jan 07 15:49:27.405039 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Wed Jan 07 16:39:44.189024 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Wed Jan 07 16:41:33.486405 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Wed Jan 07 16:41:33.487172 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri Jan 16 14:05:22.199309 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri Jan 16 14:05:48.577656 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Fri Jan 16 14:05:48.579246 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Mon Feb 02 05:58:10.672724 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Mon Feb 02 05:58:10.675587 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Thu Feb 12 19:06:58.677959 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Mon Feb 23 04:27:35.522181 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Mon Feb 23 04:27:35.524945 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Tue Mar 10 14:48:24.478996 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Mon Mar 16 12:10:33.457492 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Mon Mar 16 12:10:33.484147 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri Mar 20 12:09:18.321141 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.62 (Debian) PHP/8.1.32 configured -- resuming normal operations
+[Fri Mar 20 12:09:18.335246 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 21:43:48.521161 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 21:43:48.521929 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 21:48:50.347922 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri May 29 21:48:51.845715 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 21:48:51.845844 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 22:17:18.687904 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri May 29 22:17:20.239916 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 22:17:20.240247 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 22:27:37.859910 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri May 29 22:27:39.311011 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 22:27:39.311233 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 22:37:05.750872 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri May 29 22:37:07.185158 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 22:37:07.185299 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 22:42:26.547135 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri May 29 22:42:28.009923 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 22:42:28.010010 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Fri May 29 22:51:54.566104 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Fri May 29 22:51:56.018742 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Fri May 29 22:51:56.019177 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sat May 30 00:03:56.443864 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sat May 30 00:03:58.009832 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Sat May 30 00:03:58.009952 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sat May 30 00:08:49.473828 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sat May 30 00:08:50.985884 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Sat May 30 00:08:50.985998 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'
+[Sat May 30 00:09:36.478198 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00170: caught SIGWINCH, shutting down gracefully
+[Sat May 30 00:09:37.986723 2026] [mpm_prefork:notice] [pid 1:tid 1] AH00163: Apache/2.4.65 (Debian) PHP/8.1.34 configured -- resuming normal operations
+[Sat May 30 00:09:37.986831 2026] [core:notice] [pid 1:tid 1] AH00094: Command line: 'apache2 -D FOREGROUND'

app/.htaccess

@@ -0,0 +1,6 @@
+<IfModule authz_core_module>
+	Require all denied
+</IfModule>
+<IfModule !authz_core_module>
+	Deny from all
+</IfModule>

app/Common.php

@@ -0,0 +1,15 @@
+<?php
+
+/**
+ * The goal of this file is to allow developers a location
+ * where they can overwrite core procedural functions and
+ * replace them with their own. This file is loaded during
+ * the bootstrap process and is called during the framework's
+ * execution.
+ *
+ * This can be looked at as a `master helper` file that is
+ * loaded early on, and may also contain additional functions
+ * that you'd like to use throughout your entire application
+ *
+ * @see: https://codeigniter.com/user_guide/extending/common.html
+ */

app/Config/App.php

@@ -0,0 +1,202 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class App extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Base Site URL
+     * --------------------------------------------------------------------------
+     *
+     * URL to your CodeIgniter root. Typically, this will be your base URL,
+     * WITH a trailing slash:
+     *
+     * E.g., http://example.com/
+     */
+    public string $baseURL = 'http://localhost:8080/';
+
+    /**
+     * Allowed Hostnames in the Site URL other than the hostname in the baseURL.
+     * If you want to accept multiple Hostnames, set this.
+     *
+     * E.g.,
+     * When your site URL ($baseURL) is 'http://example.com/', and your site
+     * also accepts 'http://media.example.com/' and 'http://accounts.example.com/':
+     *     ['media.example.com', 'accounts.example.com']
+     *
+     * @var list<string>
+     */
+    public array $allowedHostnames = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Index File
+     * --------------------------------------------------------------------------
+     *
+     * Typically, this will be your `index.php` file, unless you've renamed it to
+     * something else. If you have configured your web server to remove this file
+     * from your site URIs, set this variable to an empty string.
+     */
+    public string $indexPage = 'index.php';
+
+    /**
+     * --------------------------------------------------------------------------
+     * URI PROTOCOL
+     * --------------------------------------------------------------------------
+     *
+     * This item determines which server global should be used to retrieve the
+     * URI string. The default setting of 'REQUEST_URI' works for most servers.
+     * If your links do not seem to work, try one of the other delicious flavors:
+     *
+     *  'REQUEST_URI': Uses $_SERVER['REQUEST_URI']
+     * 'QUERY_STRING': Uses $_SERVER['QUERY_STRING']
+     *    'PATH_INFO': Uses $_SERVER['PATH_INFO']
+     *
+     * WARNING: If you set this to 'PATH_INFO', URIs will always be URL-decoded!
+     */
+    public string $uriProtocol = 'REQUEST_URI';
+
+    /*
+    |--------------------------------------------------------------------------
+    | Allowed URL Characters
+    |--------------------------------------------------------------------------
+    |
+    | This lets you specify which characters are permitted within your URLs.
+    | When someone tries to submit a URL with disallowed characters they will
+    | get a warning message.
+    |
+    | As a security measure you are STRONGLY encouraged to restrict URLs to
+    | as few characters as possible.
+    |
+    | By default, only these are allowed: `a-z 0-9~%.:_-`
+    |
+    | Set an empty string to allow all characters -- but only if you are insane.
+    |
+    | The configured value is actually a regular expression character group
+    | and it will be used as: '/\A[<permittedURIChars>]+\z/iu'
+    |
+    | DO NOT CHANGE THIS UNLESS YOU FULLY UNDERSTAND THE REPERCUSSIONS!!
+    |
+    */
+    public string $permittedURIChars = 'a-z 0-9~%.:_\-';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Default Locale
+     * --------------------------------------------------------------------------
+     *
+     * The Locale roughly represents the language and location that your visitor
+     * is viewing the site from. It affects the language strings and other
+     * strings (like currency markers, numbers, etc), that your program
+     * should run under for this request.
+     */
+    public string $defaultLocale = 'en';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Negotiate Locale
+     * --------------------------------------------------------------------------
+     *
+     * If true, the current Request object will automatically determine the
+     * language to use based on the value of the Accept-Language header.
+     *
+     * If false, no automatic detection will be performed.
+     */
+    public bool $negotiateLocale = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Supported Locales
+     * --------------------------------------------------------------------------
+     *
+     * If $negotiateLocale is true, this array lists the locales supported
+     * by the application in descending order of priority. If no match is
+     * found, the first locale will be used.
+     *
+     * IncomingRequest::setLocale() also uses this list.
+     *
+     * @var list<string>
+     */
+    public array $supportedLocales = ['en'];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Application Timezone
+     * --------------------------------------------------------------------------
+     *
+     * The default timezone that will be used in your application to display
+     * dates with the date helper, and can be retrieved through app_timezone()
+     *
+     * @see https://www.php.net/manual/en/timezones.php for list of timezones
+     *      supported by PHP.
+     */
+    public string $appTimezone = 'UTC';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Default Character Set
+     * --------------------------------------------------------------------------
+     *
+     * This determines which character set is used by default in various methods
+     * that require a character set to be provided.
+     *
+     * @see http://php.net/htmlspecialchars for a list of supported charsets.
+     */
+    public string $charset = 'UTF-8';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Force Global Secure Requests
+     * --------------------------------------------------------------------------
+     *
+     * If true, this will force every request made to this application to be
+     * made via a secure connection (HTTPS). If the incoming request is not
+     * secure, the user will be redirected to a secure version of the page
+     * and the HTTP Strict Transport Security (HSTS) header will be set.
+     */
+    public bool $forceGlobalSecureRequests = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Reverse Proxy IPs
+     * --------------------------------------------------------------------------
+     *
+     * If your server is behind a reverse proxy, you must whitelist the proxy
+     * IP addresses from which CodeIgniter should trust headers such as
+     * X-Forwarded-For or Client-IP in order to properly identify
+     * the visitor's IP address.
+     *
+     * You need to set a proxy IP address or IP address with subnets and
+     * the HTTP header for the client IP address.
+     *
+     * Here are some examples:
+     *     [
+     *         '10.0.1.200'     => 'X-Forwarded-For',
+     *         '192.168.5.0/24' => 'X-Real-IP',
+     *     ]
+     *
+     * @var array<string, string>
+     */
+    public array $proxyIPs = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Content Security Policy
+     * --------------------------------------------------------------------------
+     *
+     * Enables the Response's Content Secure Policy to restrict the sources that
+     * can be used for images, scripts, CSS files, audio, video, etc. If enabled,
+     * the Response object will populate default values for the policy from the
+     * `ContentSecurityPolicy.php` file. Controllers can always add to those
+     * restrictions at run time.
+     *
+     * For a better understanding of CSP, see these documents:
+     *
+     * @see http://www.html5rocks.com/en/tutorials/security/content-security-policy/
+     * @see http://www.w3.org/TR/CSP/
+     */
+    public bool $CSPEnabled = false;
+}

app/Config/Autoload.php

@@ -0,0 +1,94 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\AutoloadConfig;
+
+/**
+ * -------------------------------------------------------------------
+ * AUTOLOADER CONFIGURATION
+ * -------------------------------------------------------------------
+ *
+ * This file defines the namespaces and class maps so the Autoloader
+ * can find the files as needed.
+ *
+ * NOTE: If you use an identical key in $psr4 or $classmap, then
+ *       the values in this file will overwrite the framework's values.
+ *
+ * NOTE: This class is required prior to Autoloader instantiation,
+ *       and does not extend BaseConfig.
+ *
+ * @immutable
+ */
+class Autoload extends AutoloadConfig
+{
+    /**
+     * -------------------------------------------------------------------
+     * Namespaces
+     * -------------------------------------------------------------------
+     * This maps the locations of any namespaces in your application to
+     * their location on the file system. These are used by the autoloader
+     * to locate files the first time they have been instantiated.
+     *
+     * The 'Config' (APPPATH . 'Config') and 'CodeIgniter' (SYSTEMPATH) are
+     * already mapped for you.
+     *
+     * You may change the name of the 'App' namespace if you wish,
+     * but this should be done prior to creating any namespaced classes,
+     * else you will need to modify all of those classes for this to work.
+     *
+     * @var array<string, list<string>|string>
+     */
+    public $psr4 = [
+        APP_NAMESPACE => APPPATH,
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Class Map
+     * -------------------------------------------------------------------
+     * The class map provides a map of class names and their exact
+     * location on the drive. Classes loaded in this manner will have
+     * slightly faster performance because they will not have to be
+     * searched for within one or more directories as they would if they
+     * were being autoloaded through a namespace.
+     *
+     * Prototype:
+     *   $classmap = [
+     *       'MyClass'   => '/path/to/class/file.php'
+     *   ];
+     *
+     * @var array<string, string>
+     */
+    public $classmap = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Files
+     * -------------------------------------------------------------------
+     * The files array provides a list of paths to __non-class__ files
+     * that will be autoloaded. This can be useful for bootstrap operations
+     * or for loading functions.
+     *
+     * Prototype:
+     *   $files = [
+     *       '/path/to/my/file.php',
+     *   ];
+     *
+     * @var list<string>
+     */
+    public $files = [];
+
+    /**
+     * -------------------------------------------------------------------
+     * Helpers
+     * -------------------------------------------------------------------
+     * Prototype:
+     *   $helpers = [
+     *       'form',
+     *   ];
+     *
+     * @var list<string>
+     */
+    public $helpers = [];
+}

app/Config/Boot/development.php

@@ -0,0 +1,34 @@
+<?php
+
+/*
+ |--------------------------------------------------------------------------
+ | ERROR DISPLAY
+ |--------------------------------------------------------------------------
+ | In development, we want to show as many errors as possible to help
+ | make sure they don't make it to production. And save us hours of
+ | painful debugging.
+ |
+ | If you set 'display_errors' to '1', CI4's detailed error report will show.
+ */
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG BACKTRACES
+ |--------------------------------------------------------------------------
+ | If true, this constant will tell the error screens to display debug
+ | backtraces along with the other error information. If you would
+ | prefer to not see this, set this value to false.
+ */
+defined('SHOW_DEBUG_BACKTRACE') || define('SHOW_DEBUG_BACKTRACE', true);
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG MODE
+ |--------------------------------------------------------------------------
+ | Debug mode is an experimental flag that can allow changes throughout
+ | the system. This will control whether Kint is loaded, and a few other
+ | items. It can always be used within your own application too.
+ */
+defined('CI_DEBUG') || define('CI_DEBUG', true);

app/Config/Boot/production.php

@@ -0,0 +1,25 @@
+<?php
+
+/*
+ |--------------------------------------------------------------------------
+ | ERROR DISPLAY
+ |--------------------------------------------------------------------------
+ | Don't show ANY in production environments. Instead, let the system catch
+ | it and display a generic error message.
+ |
+ | If you set 'display_errors' to '1', CI4's detailed error report will show.
+ */
+error_reporting(E_ALL & ~E_DEPRECATED);
+// If you want to suppress more types of errors.
+// error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED & ~E_STRICT & ~E_USER_NOTICE & ~E_USER_DEPRECATED);
+ini_set('display_errors', '0');
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG MODE
+ |--------------------------------------------------------------------------
+ | Debug mode is an experimental flag that can allow changes throughout
+ | the system. It's not widely used currently, and may not survive
+ | release of the framework.
+ */
+defined('CI_DEBUG') || define('CI_DEBUG', false);

app/Config/Boot/testing.php

@@ -0,0 +1,38 @@
+<?php
+
+/*
+ * The environment testing is reserved for PHPUnit testing. It has special
+ * conditions built into the framework at various places to assist with that.
+ * You can’t use it for your development.
+ */
+
+/*
+ |--------------------------------------------------------------------------
+ | ERROR DISPLAY
+ |--------------------------------------------------------------------------
+ | In development, we want to show as many errors as possible to help
+ | make sure they don't make it to production. And save us hours of
+ | painful debugging.
+ */
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG BACKTRACES
+ |--------------------------------------------------------------------------
+ | If true, this constant will tell the error screens to display debug
+ | backtraces along with the other error information. If you would
+ | prefer to not see this, set this value to false.
+ */
+defined('SHOW_DEBUG_BACKTRACE') || define('SHOW_DEBUG_BACKTRACE', true);
+
+/*
+ |--------------------------------------------------------------------------
+ | DEBUG MODE
+ |--------------------------------------------------------------------------
+ | Debug mode is an experimental flag that can allow changes throughout
+ | the system. It's not widely used currently, and may not survive
+ | release of the framework.
+ */
+defined('CI_DEBUG') || define('CI_DEBUG', true);

app/Config/CURLRequest.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class CURLRequest extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * CURLRequest Share Options
+     * --------------------------------------------------------------------------
+     *
+     * Whether share options between requests or not.
+     *
+     * If true, all the options won't be reset between requests.
+     * It may cause an error request with unnecessary headers.
+     */
+    public bool $shareOptions = false;
+}

app/Config/Cache.php

@@ -0,0 +1,171 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Cache\CacheInterface;
+use CodeIgniter\Cache\Handlers\DummyHandler;
+use CodeIgniter\Cache\Handlers\FileHandler;
+use CodeIgniter\Cache\Handlers\MemcachedHandler;
+use CodeIgniter\Cache\Handlers\PredisHandler;
+use CodeIgniter\Cache\Handlers\RedisHandler;
+use CodeIgniter\Cache\Handlers\WincacheHandler;
+use CodeIgniter\Config\BaseConfig;
+
+class Cache extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Primary Handler
+     * --------------------------------------------------------------------------
+     *
+     * The name of the preferred handler that should be used. If for some reason
+     * it is not available, the $backupHandler will be used in its place.
+     */
+    public string $handler = 'file';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Backup Handler
+     * --------------------------------------------------------------------------
+     *
+     * The name of the handler that will be used in case the first one is
+     * unreachable. Often, 'file' is used here since the filesystem is
+     * always available, though that's not always practical for the app.
+     */
+    public string $backupHandler = 'dummy';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cache Directory Path
+     * --------------------------------------------------------------------------
+     *
+     * The path to where cache files should be stored, if using a file-based
+     * system.
+     *
+     * @deprecated Use the driver-specific variant under $file
+     */
+    public string $storePath = WRITEPATH . 'cache/';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Key Prefix
+     * --------------------------------------------------------------------------
+     *
+     * This string is added to all cache item names to help avoid collisions
+     * if you run multiple applications with the same cache engine.
+     */
+    public string $prefix = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Default TTL
+     * --------------------------------------------------------------------------
+     *
+     * The default number of seconds to save items when none is specified.
+     *
+     * WARNING: This is not used by framework handlers where 60 seconds is
+     * hard-coded, but may be useful to projects and modules. This will replace
+     * the hard-coded value in a future release.
+     */
+    public int $ttl = 60;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Reserved Characters
+     * --------------------------------------------------------------------------
+     *
+     * A string of reserved characters that will not be allowed in keys or tags.
+     * Strings that violate this restriction will cause handlers to throw.
+     * Default: {}()/\@:
+     *
+     * NOTE: The default set is required for PSR-6 compliance.
+     */
+    public string $reservedCharacters = '{}()/\@:';
+
+    /**
+     * --------------------------------------------------------------------------
+     * File settings
+     * --------------------------------------------------------------------------
+     * Your file storage preferences can be specified below, if you are using
+     * the File driver.
+     *
+     * @var array<string, int|string|null>
+     */
+    public array $file = [
+        'storePath' => WRITEPATH . 'cache/',
+        'mode'      => 0640,
+    ];
+
+    /**
+     * -------------------------------------------------------------------------
+     * Memcached settings
+     * -------------------------------------------------------------------------
+     * Your Memcached servers can be specified below, if you are using
+     * the Memcached drivers.
+     *
+     * @see https://codeigniter.com/user_guide/libraries/caching.html#memcached
+     *
+     * @var array<string, bool|int|string>
+     */
+    public array $memcached = [
+        'host'   => '127.0.0.1',
+        'port'   => 11211,
+        'weight' => 1,
+        'raw'    => false,
+    ];
+
+    /**
+     * -------------------------------------------------------------------------
+     * Redis settings
+     * -------------------------------------------------------------------------
+     * Your Redis server can be specified below, if you are using
+     * the Redis or Predis drivers.
+     *
+     * @var array<string, int|string|null>
+     */
+    public array $redis = [
+        'host'     => '127.0.0.1',
+        'password' => null,
+        'port'     => 6379,
+        'timeout'  => 0,
+        'database' => 0,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Available Cache Handlers
+     * --------------------------------------------------------------------------
+     *
+     * This is an array of cache engine alias' and class names. Only engines
+     * that are listed here are allowed to be used.
+     *
+     * @var array<string, class-string<CacheInterface>>
+     */
+    public array $validHandlers = [
+        'dummy'     => DummyHandler::class,
+        'file'      => FileHandler::class,
+        'memcached' => MemcachedHandler::class,
+        'predis'    => PredisHandler::class,
+        'redis'     => RedisHandler::class,
+        'wincache'  => WincacheHandler::class,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Web Page Caching: Cache Include Query String
+     * --------------------------------------------------------------------------
+     *
+     * Whether to take the URL query string into consideration when generating
+     * output cache files. Valid options are:
+     *
+     *    false = Disabled
+     *    true  = Enabled, take all query parameters into account.
+     *            Please be aware that this may result in numerous cache
+     *            files generated for the same page over and over again.
+     *    ['q'] = Enabled, but only take into account the specified list
+     *            of query parameters.
+     *
+     * @var bool|list<string>
+     */
+    public $cacheQueryString = false;
+}

app/Config/Constants.php

@@ -0,0 +1,94 @@
+<?php
+
+/*
+ | --------------------------------------------------------------------
+ | App Namespace
+ | --------------------------------------------------------------------
+ |
+ | This defines the default Namespace that is used throughout
+ | CodeIgniter to refer to the Application directory. Change
+ | this constant to change the namespace that all application
+ | classes should use.
+ |
+ | NOTE: changing this will require manually modifying the
+ | existing namespaces of App\* namespaced-classes.
+ */
+defined('APP_NAMESPACE') || define('APP_NAMESPACE', 'App');
+
+/*
+ | --------------------------------------------------------------------------
+ | Composer Path
+ | --------------------------------------------------------------------------
+ |
+ | The path that Composer's autoload file is expected to live. By default,
+ | the vendor folder is in the Root directory, but you can customize that here.
+ */
+defined('COMPOSER_PATH') || define('COMPOSER_PATH', ROOTPATH . 'vendor/autoload.php');
+
+/*
+ |--------------------------------------------------------------------------
+ | Timing Constants
+ |--------------------------------------------------------------------------
+ |
+ | Provide simple ways to work with the myriad of PHP functions that
+ | require information to be in seconds.
+ */
+defined('SECOND') || define('SECOND', 1);
+defined('MINUTE') || define('MINUTE', 60);
+defined('HOUR')   || define('HOUR', 3600);
+defined('DAY')    || define('DAY', 86400);
+defined('WEEK')   || define('WEEK', 604800);
+defined('MONTH')  || define('MONTH', 2_592_000);
+defined('YEAR')   || define('YEAR', 31_536_000);
+defined('DECADE') || define('DECADE', 315_360_000);
+
+/*
+ | --------------------------------------------------------------------------
+ | Exit Status Codes
+ | --------------------------------------------------------------------------
+ |
+ | Used to indicate the conditions under which the script is exit()ing.
+ | While there is no universal standard for error codes, there are some
+ | broad conventions.  Three such conventions are mentioned below, for
+ | those who wish to make use of them.  The CodeIgniter defaults were
+ | chosen for the least overlap with these conventions, while still
+ | leaving room for others to be defined in future versions and user
+ | applications.
+ |
+ | The three main conventions used for determining exit status codes
+ | are as follows:
+ |
+ |    Standard C/C++ Library (stdlibc):
+ |       http://www.gnu.org/software/libc/manual/html_node/Exit-Status.html
+ |       (This link also contains other GNU-specific conventions)
+ |    BSD sysexits.h:
+ |       http://www.gsp.com/cgi-bin/man.cgi?section=3&topic=sysexits
+ |    Bash scripting:
+ |       http://tldp.org/LDP/abs/html/exitcodes.html
+ |
+ */
+defined('EXIT_SUCCESS')        || define('EXIT_SUCCESS', 0);        // no errors
+defined('EXIT_ERROR')          || define('EXIT_ERROR', 1);          // generic error
+defined('EXIT_CONFIG')         || define('EXIT_CONFIG', 3);         // configuration error
+defined('EXIT_UNKNOWN_FILE')   || define('EXIT_UNKNOWN_FILE', 4);   // file not found
+defined('EXIT_UNKNOWN_CLASS')  || define('EXIT_UNKNOWN_CLASS', 5);  // unknown class
+defined('EXIT_UNKNOWN_METHOD') || define('EXIT_UNKNOWN_METHOD', 6); // unknown class member
+defined('EXIT_USER_INPUT')     || define('EXIT_USER_INPUT', 7);     // invalid user input
+defined('EXIT_DATABASE')       || define('EXIT_DATABASE', 8);       // database error
+defined('EXIT__AUTO_MIN')      || define('EXIT__AUTO_MIN', 9);      // lowest automatically-assigned error code
+defined('EXIT__AUTO_MAX')      || define('EXIT__AUTO_MAX', 125);    // highest automatically-assigned error code
+
+/**
+ * @deprecated Use \CodeIgniter\Events\Events::PRIORITY_LOW instead.
+ */
+define('EVENT_PRIORITY_LOW', 200);
+
+/**
+ * @deprecated Use \CodeIgniter\Events\Events::PRIORITY_NORMAL instead.
+ */
+define('EVENT_PRIORITY_NORMAL', 100);
+
+/**
+ * @deprecated Use \CodeIgniter\Events\Events::PRIORITY_HIGH instead.
+ */
+define('EVENT_PRIORITY_HIGH', 10);

app/Config/ContentSecurityPolicy.php

@@ -0,0 +1,176 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Stores the default settings for the ContentSecurityPolicy, if you
+ * choose to use it. The values here will be read in and set as defaults
+ * for the site. If needed, they can be overridden on a page-by-page basis.
+ *
+ * Suggested reference for explanations:
+ *
+ * @see https://www.html5rocks.com/en/tutorials/security/content-security-policy/
+ */
+class ContentSecurityPolicy extends BaseConfig
+{
+    // -------------------------------------------------------------------------
+    // Broadbrush CSP management
+    // -------------------------------------------------------------------------
+
+    /**
+     * Default CSP report context
+     */
+    public bool $reportOnly = false;
+
+    /**
+     * Specifies a URL where a browser will send reports
+     * when a content security policy is violated.
+     */
+    public ?string $reportURI = null;
+
+    /**
+     * Instructs user agents to rewrite URL schemes, changing
+     * HTTP to HTTPS. This directive is for websites with
+     * large numbers of old URLs that need to be rewritten.
+     */
+    public bool $upgradeInsecureRequests = false;
+
+    // -------------------------------------------------------------------------
+    // Sources allowed
+    // NOTE: once you set a policy to 'none', it cannot be further restricted
+    // -------------------------------------------------------------------------
+
+    /**
+     * Will default to self if not overridden
+     *
+     * @var list<string>|string|null
+     */
+    public $defaultSrc;
+
+    /**
+     * Lists allowed scripts' URLs.
+     *
+     * @var list<string>|string
+     */
+    public $scriptSrc = 'self';
+
+    /**
+     * Lists allowed stylesheets' URLs.
+     *
+     * @var list<string>|string
+     */
+    public $styleSrc = 'self';
+
+    /**
+     * Defines the origins from which images can be loaded.
+     *
+     * @var list<string>|string
+     */
+    public $imageSrc = 'self';
+
+    /**
+     * Restricts the URLs that can appear in a page's `<base>` element.
+     *
+     * Will default to self if not overridden
+     *
+     * @var list<string>|string|null
+     */
+    public $baseURI;
+
+    /**
+     * Lists the URLs for workers and embedded frame contents
+     *
+     * @var list<string>|string
+     */
+    public $childSrc = 'self';
+
+    /**
+     * Limits the origins that you can connect to (via XHR,
+     * WebSockets, and EventSource).
+     *
+     * @var list<string>|string
+     */
+    public $connectSrc = 'self';
+
+    /**
+     * Specifies the origins that can serve web fonts.
+     *
+     * @var list<string>|string
+     */
+    public $fontSrc;
+
+    /**
+     * Lists valid endpoints for submission from `<form>` tags.
+     *
+     * @var list<string>|string
+     */
+    public $formAction = 'self';
+
+    /**
+     * Specifies the sources that can embed the current page.
+     * This directive applies to `<frame>`, `<iframe>`, `<embed>`,
+     * and `<applet>` tags. This directive can't be used in
+     * `<meta>` tags and applies only to non-HTML resources.
+     *
+     * @var list<string>|string|null
+     */
+    public $frameAncestors;
+
+    /**
+     * The frame-src directive restricts the URLs which may
+     * be loaded into nested browsing contexts.
+     *
+     * @var list<string>|string|null
+     */
+    public $frameSrc;
+
+    /**
+     * Restricts the origins allowed to deliver video and audio.
+     *
+     * @var list<string>|string|null
+     */
+    public $mediaSrc;
+
+    /**
+     * Allows control over Flash and other plugins.
+     *
+     * @var list<string>|string
+     */
+    public $objectSrc = 'self';
+
+    /**
+     * @var list<string>|string|null
+     */
+    public $manifestSrc;
+
+    /**
+     * Limits the kinds of plugins a page may invoke.
+     *
+     * @var list<string>|string|null
+     */
+    public $pluginTypes;
+
+    /**
+     * List of actions allowed.
+     *
+     * @var list<string>|string|null
+     */
+    public $sandbox;
+
+    /**
+     * Nonce tag for style
+     */
+    public string $styleNonceTag = '{csp-style-nonce}';
+
+    /**
+     * Nonce tag for script
+     */
+    public string $scriptNonceTag = '{csp-script-nonce}';
+
+    /**
+     * Replace nonce tag automatically
+     */
+    public bool $autoNonce = true;
+}

app/Config/Cookie.php

@@ -0,0 +1,107 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use DateTimeInterface;
+
+class Cookie extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Prefix
+     * --------------------------------------------------------------------------
+     *
+     * Set a cookie name prefix if you need to avoid collisions.
+     */
+    public string $prefix = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Expires Timestamp
+     * --------------------------------------------------------------------------
+     *
+     * Default expires timestamp for cookies. Setting this to `0` will mean the
+     * cookie will not have the `Expires` attribute and will behave as a session
+     * cookie.
+     *
+     * @var DateTimeInterface|int|string
+     */
+    public $expires = 0;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Path
+     * --------------------------------------------------------------------------
+     *
+     * Typically will be a forward slash.
+     */
+    public string $path = '/';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Domain
+     * --------------------------------------------------------------------------
+     *
+     * Set to `.your-domain.com` for site-wide cookies.
+     */
+    public string $domain = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Secure
+     * --------------------------------------------------------------------------
+     *
+     * Cookie will only be set if a secure HTTPS connection exists.
+     */
+    public bool $secure = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie HTTPOnly
+     * --------------------------------------------------------------------------
+     *
+     * Cookie will only be accessible via HTTP(S) (no JavaScript).
+     */
+    public bool $httponly = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie SameSite
+     * --------------------------------------------------------------------------
+     *
+     * Configure cookie SameSite setting. Allowed values are:
+     * - None
+     * - Lax
+     * - Strict
+     * - ''
+     *
+     * Alternatively, you can use the constant names:
+     * - `Cookie::SAMESITE_NONE`
+     * - `Cookie::SAMESITE_LAX`
+     * - `Cookie::SAMESITE_STRICT`
+     *
+     * Defaults to `Lax` for compatibility with modern browsers. Setting `''`
+     * (empty string) means default SameSite attribute set by browsers (`Lax`)
+     * will be set on cookies. If set to `None`, `$secure` must also be set.
+     *
+     * @phpstan-var 'None'|'Lax'|'Strict'|''
+     */
+    public string $samesite = 'Lax';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Cookie Raw
+     * --------------------------------------------------------------------------
+     *
+     * This flag allows setting a "raw" cookie, i.e., its name and value are
+     * not URL encoded using `rawurlencode()`.
+     *
+     * If this is set to `true`, cookie names should be compliant of RFC 2616's
+     * list of allowed characters.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#attributes
+     * @see https://tools.ietf.org/html/rfc2616#section-2.2
+     */
+    public bool $raw = false;
+}

app/Config/Cors.php

@@ -0,0 +1,105 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Cross-Origin Resource Sharing (CORS) Configuration
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+ */
+class Cors extends BaseConfig
+{
+    /**
+     * The default CORS configuration.
+     *
+     * @var array{
+     *      allowedOrigins: list<string>,
+     *      allowedOriginsPatterns: list<string>,
+     *      supportsCredentials: bool,
+     *      allowedHeaders: list<string>,
+     *      exposedHeaders: list<string>,
+     *      allowedMethods: list<string>,
+     *      maxAge: int,
+     *  }
+     */
+    public array $default = [
+        /**
+         * Origins for the `Access-Control-Allow-Origin` header.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin
+         *
+         * E.g.:
+         *   - ['http://localhost:8080']
+         *   - ['https://www.example.com']
+         */
+        'allowedOrigins' => [],
+
+        /**
+         * Origin regex patterns for the `Access-Control-Allow-Origin` header.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin
+         *
+         * NOTE: A pattern specified here is part of a regular expression. It will
+         *       be actually `#\A<pattern>\z#`.
+         *
+         * E.g.:
+         *   - ['https://\w+\.example\.com']
+         */
+        'allowedOriginsPatterns' => [],
+
+        /**
+         * Weather to send the `Access-Control-Allow-Credentials` header.
+         *
+         * The Access-Control-Allow-Credentials response header tells browsers whether
+         * the server allows cross-origin HTTP requests to include credentials.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Credentials
+         */
+        'supportsCredentials' => false,
+
+        /**
+         * Set headers to allow.
+         *
+         * The Access-Control-Allow-Headers response header is used in response to
+         * a preflight request which includes the Access-Control-Request-Headers to
+         * indicate which HTTP headers can be used during the actual request.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers
+         */
+        'allowedHeaders' => [],
+
+        /**
+         * Set headers to expose.
+         *
+         * The Access-Control-Expose-Headers response header allows a server to
+         * indicate which response headers should be made available to scripts running
+         * in the browser, in response to a cross-origin request.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers
+         */
+        'exposedHeaders' => [],
+
+        /**
+         * Set methods to allow.
+         *
+         * The Access-Control-Allow-Methods response header specifies one or more
+         * methods allowed when accessing a resource in response to a preflight
+         * request.
+         *
+         * E.g.:
+         *   - ['GET', 'POST', 'PUT', 'DELETE']
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Methods
+         */
+        'allowedMethods' => [],
+
+        /**
+         * Set how many seconds the results of a preflight request can be cached.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Max-Age
+         */
+        'maxAge' => 7200,
+    ];
+}

app/Config/Database.php

@@ -0,0 +1,201 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Database\Config;
+
+/**
+ * Database Configuration
+ */
+class Database extends Config
+{
+    /**
+     * The directory that holds the Migrations and Seeds directories.
+     */
+    public string $filesPath = APPPATH . 'Database' . DIRECTORY_SEPARATOR;
+
+    /**
+     * Lets you choose which connection group to use if no other is specified.
+     */
+    public string $defaultGroup = 'default';
+
+    /**
+     * The default database connection.
+     *
+     * @var array<string, mixed>
+     */
+    public array $default = [
+        'DSN'          => '',
+        'hostname'     => 'localhost',
+        'username'     => '',
+        'password'     => '',
+        'database'     => '',
+        'DBDriver'     => 'MySQLi',
+        'DBPrefix'     => '',
+        'pConnect'     => false,
+        'DBDebug'      => true,
+        'charset'      => 'utf8mb4',
+        'DBCollat'     => 'utf8mb4_general_ci',
+        'swapPre'      => '',
+        'encrypt'      => false,
+        'compress'     => false,
+        'strictOn'     => false,
+        'failover'     => [],
+        'port'         => 3306,
+        'numberNative' => false,
+        'dateFormat'   => [
+            'date'     => 'Y-m-d',
+            'datetime' => 'Y-m-d H:i:s',
+            'time'     => 'H:i:s',
+        ],
+    ];
+
+    //    /**
+    //     * Sample database connection for SQLite3.
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'database'    => 'database.db',
+    //        'DBDriver'    => 'SQLite3',
+    //        'DBPrefix'    => '',
+    //        'DBDebug'     => true,
+    //        'swapPre'     => '',
+    //        'failover'    => [],
+    //        'foreignKeys' => true,
+    //        'busyTimeout' => 1000,
+    //        'dateFormat'  => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    //    /**
+    //     * Sample database connection for Postgre.
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'DSN'        => '',
+    //        'hostname'   => 'localhost',
+    //        'username'   => 'root',
+    //        'password'   => 'root',
+    //        'database'   => 'ci4',
+    //        'schema'     => 'public',
+    //        'DBDriver'   => 'Postgre',
+    //        'DBPrefix'   => '',
+    //        'pConnect'   => false,
+    //        'DBDebug'    => true,
+    //        'charset'    => 'utf8',
+    //        'swapPre'    => '',
+    //        'failover'   => [],
+    //        'port'       => 5432,
+    //        'dateFormat' => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    //    /**
+    //     * Sample database connection for SQLSRV.
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'DSN'        => '',
+    //        'hostname'   => 'localhost',
+    //        'username'   => 'root',
+    //        'password'   => 'root',
+    //        'database'   => 'ci4',
+    //        'schema'     => 'dbo',
+    //        'DBDriver'   => 'SQLSRV',
+    //        'DBPrefix'   => '',
+    //        'pConnect'   => false,
+    //        'DBDebug'    => true,
+    //        'charset'    => 'utf8',
+    //        'swapPre'    => '',
+    //        'encrypt'    => false,
+    //        'failover'   => [],
+    //        'port'       => 1433,
+    //        'dateFormat' => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    //    /**
+    //     * Sample database connection for OCI8.
+    //     *
+    //     * You may need the following environment variables:
+    //     *   NLS_LANG                = 'AMERICAN_AMERICA.UTF8'
+    //     *   NLS_DATE_FORMAT         = 'YYYY-MM-DD HH24:MI:SS'
+    //     *   NLS_TIMESTAMP_FORMAT    = 'YYYY-MM-DD HH24:MI:SS'
+    //     *   NLS_TIMESTAMP_TZ_FORMAT = 'YYYY-MM-DD HH24:MI:SS'
+    //     *
+    //     * @var array<string, mixed>
+    //     */
+    //    public array $default = [
+    //        'DSN'        => 'localhost:1521/XEPDB1',
+    //        'username'   => 'root',
+    //        'password'   => 'root',
+    //        'DBDriver'   => 'OCI8',
+    //        'DBPrefix'   => '',
+    //        'pConnect'   => false,
+    //        'DBDebug'    => true,
+    //        'charset'    => 'AL32UTF8',
+    //        'swapPre'    => '',
+    //        'failover'   => [],
+    //        'dateFormat' => [
+    //            'date'     => 'Y-m-d',
+    //            'datetime' => 'Y-m-d H:i:s',
+    //            'time'     => 'H:i:s',
+    //        ],
+    //    ];
+
+    /**
+     * This database connection is used when running PHPUnit database tests.
+     *
+     * @var array<string, mixed>
+     */
+    public array $tests = [
+        'DSN'         => '',
+        'hostname'    => '127.0.0.1',
+        'username'    => '',
+        'password'    => '',
+        'database'    => ':memory:',
+        'DBDriver'    => 'SQLite3',
+        'DBPrefix'    => 'db_',  // Needed to ensure we're working correctly with prefixes live. DO NOT REMOVE FOR CI DEVS
+        'pConnect'    => false,
+        'DBDebug'     => true,
+        'charset'     => 'utf8',
+        'DBCollat'    => '',
+        'swapPre'     => '',
+        'encrypt'     => false,
+        'compress'    => false,
+        'strictOn'    => false,
+        'failover'    => [],
+        'port'        => 3306,
+        'foreignKeys' => true,
+        'busyTimeout' => 1000,
+        'dateFormat'  => [
+            'date'     => 'Y-m-d',
+            'datetime' => 'Y-m-d H:i:s',
+            'time'     => 'H:i:s',
+        ],
+    ];
+
+    public function __construct()
+    {
+        parent::__construct();
+
+        // Ensure that we always set the database group to 'tests' if
+        // we are currently running an automated test suite, so that
+        // we don't overwrite live data on accident.
+        if (ENVIRONMENT === 'testing') {
+            $this->defaultGroup = 'tests';
+        }
+    }
+}

app/Config/DocTypes.php

@@ -0,0 +1,46 @@
+<?php
+
+namespace Config;
+
+/**
+ * @immutable
+ */
+class DocTypes
+{
+    /**
+     * List of valid document types.
+     *
+     * @var array<string, string>
+     */
+    public array $list = [
+        'xhtml11'           => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">',
+        'xhtml1-strict'     => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">',
+        'xhtml1-trans'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
+        'xhtml1-frame'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">',
+        'xhtml-basic11'     => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">',
+        'html5'             => '<!DOCTYPE html>',
+        'html4-strict'      => '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">',
+        'html4-trans'       => '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">',
+        'html4-frame'       => '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">',
+        'mathml1'           => '<!DOCTYPE math SYSTEM "http://www.w3.org/Math/DTD/mathml1/mathml.dtd">',
+        'mathml2'           => '<!DOCTYPE math PUBLIC "-//W3C//DTD MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/mathml2.dtd">',
+        'svg10'             => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">',
+        'svg11'             => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">',
+        'svg11-basic'       => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">',
+        'svg11-tiny'        => '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">',
+        'xhtml-math-svg-xh' => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">',
+        'xhtml-math-svg-sh' => '<!DOCTYPE svg:svg PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">',
+        'xhtml-rdfa-1'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">',
+        'xhtml-rdfa-2'      => '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.1//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-2.dtd">',
+    ];
+
+    /**
+     * Whether to remove the solidus (`/`) character for void HTML elements (e.g. `<input>`)
+     * for HTML5 compatibility.
+     *
+     * Set to:
+     *    `true` - to be HTML5 compatible
+     *    `false` - to be XHTML compatible
+     */
+    public bool $html5 = true;
+}

app/Config/Email.php

@@ -0,0 +1,121 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Email extends BaseConfig
+{
+    public string $fromEmail  = '';
+    public string $fromName   = '';
+    public string $recipients = '';
+
+    /**
+     * The "user agent"
+     */
+    public string $userAgent = 'CodeIgniter';
+
+    /**
+     * The mail sending protocol: mail, sendmail, smtp
+     */
+    public string $protocol = 'mail';
+
+    /**
+     * The server path to Sendmail.
+     */
+    public string $mailPath = '/usr/sbin/sendmail';
+
+    /**
+     * SMTP Server Hostname
+     */
+    public string $SMTPHost = '';
+
+    /**
+     * SMTP Username
+     */
+    public string $SMTPUser = '';
+
+    /**
+     * SMTP Password
+     */
+    public string $SMTPPass = '';
+
+    /**
+     * SMTP Port
+     */
+    public int $SMTPPort = 25;
+
+    /**
+     * SMTP Timeout (in seconds)
+     */
+    public int $SMTPTimeout = 5;
+
+    /**
+     * Enable persistent SMTP connections
+     */
+    public bool $SMTPKeepAlive = false;
+
+    /**
+     * SMTP Encryption.
+     *
+     * @var string '', 'tls' or 'ssl'. 'tls' will issue a STARTTLS command
+     *             to the server. 'ssl' means implicit SSL. Connection on port
+     *             465 should set this to ''.
+     */
+    public string $SMTPCrypto = 'tls';
+
+    /**
+     * Enable word-wrap
+     */
+    public bool $wordWrap = true;
+
+    /**
+     * Character count to wrap at
+     */
+    public int $wrapChars = 76;
+
+    /**
+     * Type of mail, either 'text' or 'html'
+     */
+    public string $mailType = 'text';
+
+    /**
+     * Character set (utf-8, iso-8859-1, etc.)
+     */
+    public string $charset = 'UTF-8';
+
+    /**
+     * Whether to validate the email address
+     */
+    public bool $validate = false;
+
+    /**
+     * Email Priority. 1 = highest. 5 = lowest. 3 = normal
+     */
+    public int $priority = 3;
+
+    /**
+     * Newline character. (Use “\r\n” to comply with RFC 822)
+     */
+    public string $CRLF = "\r\n";
+
+    /**
+     * Newline character. (Use “\r\n” to comply with RFC 822)
+     */
+    public string $newline = "\r\n";
+
+    /**
+     * Enable BCC Batch Mode.
+     */
+    public bool $BCCBatchMode = false;
+
+    /**
+     * Number of emails in each BCC batch
+     */
+    public int $BCCBatchSize = 200;
+
+    /**
+     * Enable notify message from server
+     */
+    public bool $DSN = false;
+}

app/Config/Encryption.php

@@ -0,0 +1,92 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Encryption configuration.
+ *
+ * These are the settings used for encryption, if you don't pass a parameter
+ * array to the encrypter for creation/initialization.
+ */
+class Encryption extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Encryption Key Starter
+     * --------------------------------------------------------------------------
+     *
+     * If you use the Encryption class you must set an encryption key (seed).
+     * You need to ensure it is long enough for the cipher and mode you plan to use.
+     * See the user guide for more info.
+     */
+    public string $key = '';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Encryption Driver to Use
+     * --------------------------------------------------------------------------
+     *
+     * One of the supported encryption drivers.
+     *
+     * Available drivers:
+     * - OpenSSL
+     * - Sodium
+     */
+    public string $driver = 'OpenSSL';
+
+    /**
+     * --------------------------------------------------------------------------
+     * SodiumHandler's Padding Length in Bytes
+     * --------------------------------------------------------------------------
+     *
+     * This is the number of bytes that will be padded to the plaintext message
+     * before it is encrypted. This value should be greater than zero.
+     *
+     * See the user guide for more information on padding.
+     */
+    public int $blockSize = 16;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Encryption digest
+     * --------------------------------------------------------------------------
+     *
+     * HMAC digest to use, e.g. 'SHA512' or 'SHA256'. Default value is 'SHA512'.
+     */
+    public string $digest = 'SHA512';
+
+    /**
+     * Whether the cipher-text should be raw. If set to false, then it will be base64 encoded.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to false for CI3 Encryption compatibility.
+     */
+    public bool $rawData = true;
+
+    /**
+     * Encryption key info.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'encryption' for CI3 Encryption compatibility.
+     */
+    public string $encryptKeyInfo = '';
+
+    /**
+     * Authentication key info.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'authentication' for CI3 Encryption compatibility.
+     */
+    public string $authKeyInfo = '';
+
+    /**
+     * Cipher to use.
+     * This setting is only used by OpenSSLHandler.
+     *
+     * Set to 'AES-128-CBC' to decrypt encrypted data that encrypted
+     * by CI3 Encryption default configuration.
+     */
+    public string $cipher = 'AES-256-CTR';
+}

app/Config/Events.php

@@ -0,0 +1,55 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Events\Events;
+use CodeIgniter\Exceptions\FrameworkException;
+use CodeIgniter\HotReloader\HotReloader;
+
+/*
+ * --------------------------------------------------------------------
+ * Application Events
+ * --------------------------------------------------------------------
+ * Events allow you to tap into the execution of the program without
+ * modifying or extending core files. This file provides a central
+ * location to define your events, though they can always be added
+ * at run-time, also, if needed.
+ *
+ * You create code that can execute by subscribing to events with
+ * the 'on()' method. This accepts any form of callable, including
+ * Closures, that will be executed when the event is triggered.
+ *
+ * Example:
+ *      Events::on('create', [$myInstance, 'myMethod']);
+ */
+
+Events::on('pre_system', static function (): void {
+    if (ENVIRONMENT !== 'testing') {
+        if (ini_get('zlib.output_compression')) {
+            throw FrameworkException::forEnabledZlibOutputCompression();
+        }
+
+        while (ob_get_level() > 0) {
+            ob_end_flush();
+        }
+
+        ob_start(static fn ($buffer) => $buffer);
+    }
+
+    /*
+     * --------------------------------------------------------------------
+     * Debug Toolbar Listeners.
+     * --------------------------------------------------------------------
+     * If you delete, they will no longer be collected.
+     */
+    if (CI_DEBUG && ! is_cli()) {
+        Events::on('DBQuery', 'CodeIgniter\Debug\Toolbar\Collectors\Database::collect');
+        Services::toolbar()->respond();
+        // Hot Reload route - for framework use on the hot reloader.
+        if (ENVIRONMENT === 'development') {
+            Services::routes()->get('__hot-reload', static function (): void {
+                (new HotReloader())->run();
+            });
+        }
+    }
+});

app/Config/Exceptions.php

@@ -0,0 +1,106 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Debug\ExceptionHandler;
+use CodeIgniter\Debug\ExceptionHandlerInterface;
+use Psr\Log\LogLevel;
+use Throwable;
+
+/**
+ * Setup how the exception handler works.
+ */
+class Exceptions extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * LOG EXCEPTIONS?
+     * --------------------------------------------------------------------------
+     * If true, then exceptions will be logged
+     * through Services::Log.
+     *
+     * Default: true
+     */
+    public bool $log = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * DO NOT LOG STATUS CODES
+     * --------------------------------------------------------------------------
+     * Any status codes here will NOT be logged if logging is turned on.
+     * By default, only 404 (Page Not Found) exceptions are ignored.
+     *
+     * @var list<int>
+     */
+    public array $ignoreCodes = [404];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Error Views Path
+     * --------------------------------------------------------------------------
+     * This is the path to the directory that contains the 'cli' and 'html'
+     * directories that hold the views used to generate errors.
+     *
+     * Default: APPPATH.'Views/errors'
+     */
+    public string $errorViewPath = APPPATH . 'Views/errors';
+
+    /**
+     * --------------------------------------------------------------------------
+     * HIDE FROM DEBUG TRACE
+     * --------------------------------------------------------------------------
+     * Any data that you would like to hide from the debug trace.
+     * In order to specify 2 levels, use "/" to separate.
+     * ex. ['server', 'setup/password', 'secret_token']
+     *
+     * @var list<string>
+     */
+    public array $sensitiveDataInTrace = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * WHETHER TO THROW AN EXCEPTION ON DEPRECATED ERRORS
+     * --------------------------------------------------------------------------
+     * If set to `true`, DEPRECATED errors are only logged and no exceptions are
+     * thrown. This option also works for user deprecations.
+     */
+    public bool $logDeprecations = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * LOG LEVEL THRESHOLD FOR DEPRECATIONS
+     * --------------------------------------------------------------------------
+     * If `$logDeprecations` is set to `true`, this sets the log level
+     * to which the deprecation will be logged. This should be one of the log
+     * levels recognized by PSR-3.
+     *
+     * The related `Config\Logger::$threshold` should be adjusted, if needed,
+     * to capture logging the deprecations.
+     */
+    public string $deprecationLogLevel = LogLevel::WARNING;
+
+    /*
+     * DEFINE THE HANDLERS USED
+     * --------------------------------------------------------------------------
+     * Given the HTTP status code, returns exception handler that
+     * should be used to deal with this error. By default, it will run CodeIgniter's
+     * default handler and display the error information in the expected format
+     * for CLI, HTTP, or AJAX requests, as determined by is_cli() and the expected
+     * response format.
+     *
+     * Custom handlers can be returned if you want to handle one or more specific
+     * error codes yourself like:
+     *
+     *      if (in_array($statusCode, [400, 404, 500])) {
+     *          return new \App\Libraries\MyExceptionHandler();
+     *      }
+     *      if ($exception instanceOf PageNotFoundException) {
+     *          return new \App\Libraries\MyExceptionHandler();
+     *      }
+     */
+    public function handler(int $statusCode, Throwable $exception): ExceptionHandlerInterface
+    {
+        return new ExceptionHandler($this);
+    }
+}

app/Config/Feature.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * Enable/disable backward compatibility breaking features.
+ */
+class Feature extends BaseConfig
+{
+    /**
+     * Use improved new auto routing instead of the default legacy version.
+     */
+    public bool $autoRoutesImproved = false;
+
+    /**
+     * Use filter execution order in 4.4 or before.
+     */
+    public bool $oldFilterOrder = false;
+
+    /**
+     * The behavior of `limit(0)` in Query Builder.
+     *
+     * If true, `limit(0)` returns all records. (the behavior of 4.4.x or before in version 4.x.)
+     * If false, `limit(0)` returns no records. (the behavior of 3.1.9 or later in version 3.x.)
+     */
+    public bool $limitZeroAsAll = true;
+}

app/Config/Filters.php

@@ -0,0 +1,107 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\Filters as BaseFilters;
+use CodeIgniter\Filters\Cors;
+use CodeIgniter\Filters\CSRF;
+use CodeIgniter\Filters\DebugToolbar;
+use CodeIgniter\Filters\ForceHTTPS;
+use CodeIgniter\Filters\Honeypot;
+use CodeIgniter\Filters\InvalidChars;
+use CodeIgniter\Filters\PageCache;
+use CodeIgniter\Filters\PerformanceMetrics;
+use CodeIgniter\Filters\SecureHeaders;
+
+class Filters extends BaseFilters
+{
+    /**
+     * Configures aliases for Filter classes to
+     * make reading things nicer and simpler.
+     *
+     * @var array<string, class-string|list<class-string>>
+     *
+     * [filter_name => classname]
+     * or [filter_name => [classname1, classname2, ...]]
+     */
+    public array $aliases = [
+        'csrf'          => CSRF::class,
+        'toolbar'       => DebugToolbar::class,
+        'honeypot'      => Honeypot::class,
+        'invalidchars'  => InvalidChars::class,
+        'secureheaders' => SecureHeaders::class,
+        'cors'          => Cors::class,
+        'forcehttps'    => ForceHTTPS::class,
+        'pagecache'     => PageCache::class,
+        'performance'   => PerformanceMetrics::class,
+    ];
+
+    /**
+     * List of special required filters.
+     *
+     * The filters listed here are special. They are applied before and after
+     * other kinds of filters, and always applied even if a route does not exist.
+     *
+     * Filters set by default provide framework functionality. If removed,
+     * those functions will no longer work.
+     *
+     * @see https://codeigniter.com/user_guide/incoming/filters.html#provided-filters
+     *
+     * @var array{before: list<string>, after: list<string>}
+     */
+    public array $required = [
+        'before' => [
+            'forcehttps', // Force Global Secure Requests
+            'pagecache',  // Web Page Caching
+        ],
+        'after' => [
+            'pagecache',   // Web Page Caching
+            'performance', // Performance Metrics
+            'toolbar',     // Debug Toolbar
+        ],
+    ];
+
+    /**
+     * List of filter aliases that are always
+     * applied before and after every request.
+     *
+     * @var array<string, array<string, array<string, string>>>|array<string, list<string>>
+     */
+    public array $globals = [
+        'before' => [
+            // 'honeypot',
+            // 'csrf',
+            // 'invalidchars',
+        ],
+        'after' => [
+            // 'honeypot',
+            // 'secureheaders',
+        ],
+    ];
+
+    /**
+     * List of filter aliases that works on a
+     * particular HTTP method (GET, POST, etc.).
+     *
+     * Example:
+     * 'POST' => ['foo', 'bar']
+     *
+     * If you use this, you should disable auto-routing because auto-routing
+     * permits any HTTP method to access a controller. Accessing the controller
+     * with a method you don't expect could bypass the filter.
+     *
+     * @var array<string, list<string>>
+     */
+    public array $methods = [];
+
+    /**
+     * List of filter aliases that should run on any
+     * before or after URI patterns.
+     *
+     * Example:
+     * 'isLoggedIn' => ['before' => ['account/*', 'profiles/*']]
+     *
+     * @var array<string, array<string, list<string>>>
+     */
+    public array $filters = [];
+}

app/Config/ForeignCharacters.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\ForeignCharacters as BaseForeignCharacters;
+
+/**
+ * @immutable
+ */
+class ForeignCharacters extends BaseForeignCharacters
+{
+}

app/Config/Format.php

@@ -0,0 +1,77 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Format\FormatterInterface;
+use CodeIgniter\Format\JSONFormatter;
+use CodeIgniter\Format\XMLFormatter;
+
+class Format extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Available Response Formats
+     * --------------------------------------------------------------------------
+     *
+     * When you perform content negotiation with the request, these are the
+     * available formats that your application supports. This is currently
+     * only used with the API\ResponseTrait. A valid Formatter must exist
+     * for the specified format.
+     *
+     * These formats are only checked when the data passed to the respond()
+     * method is an array.
+     *
+     * @var list<string>
+     */
+    public array $supportedResponseFormats = [
+        'application/json',
+        'application/xml', // machine-readable XML
+        'text/xml', // human-readable XML
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Formatters
+     * --------------------------------------------------------------------------
+     *
+     * Lists the class to use to format responses with of a particular type.
+     * For each mime type, list the class that should be used. Formatters
+     * can be retrieved through the getFormatter() method.
+     *
+     * @var array<string, string>
+     */
+    public array $formatters = [
+        'application/json' => JSONFormatter::class,
+        'application/xml'  => XMLFormatter::class,
+        'text/xml'         => XMLFormatter::class,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Formatters Options
+     * --------------------------------------------------------------------------
+     *
+     * Additional Options to adjust default formatters behaviour.
+     * For each mime type, list the additional options that should be used.
+     *
+     * @var array<string, int>
+     */
+    public array $formatterOptions = [
+        'application/json' => JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES,
+        'application/xml'  => 0,
+        'text/xml'         => 0,
+    ];
+
+    /**
+     * A Factory method to return the appropriate formatter for the given mime type.
+     *
+     * @return FormatterInterface
+     *
+     * @deprecated This is an alias of `\CodeIgniter\Format\Format::getFormatter`. Use that instead.
+     */
+    public function getFormatter(string $mime)
+    {
+        return Services::format()->getFormatter($mime);
+    }
+}

app/Config/Generators.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Generators extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Generator Commands' Views
+     * --------------------------------------------------------------------------
+     *
+     * This array defines the mapping of generator commands to the view files
+     * they are using. If you need to customize them for your own, copy these
+     * view files in your own folder and indicate the location here.
+     *
+     * You will notice that the views have special placeholders enclosed in
+     * curly braces `{...}`. These placeholders are used internally by the
+     * generator commands in processing replacements, thus you are warned
+     * not to delete them or modify the names. If you will do so, you may
+     * end up disrupting the scaffolding process and throw errors.
+     *
+     * YOU HAVE BEEN WARNED!
+     *
+     * @var array<string, array<string, string>|string>
+     */
+    public array $views = [
+        'make:cell' => [
+            'class' => 'CodeIgniter\Commands\Generators\Views\cell.tpl.php',
+            'view'  => 'CodeIgniter\Commands\Generators\Views\cell_view.tpl.php',
+        ],
+        'make:command'      => 'CodeIgniter\Commands\Generators\Views\command.tpl.php',
+        'make:config'       => 'CodeIgniter\Commands\Generators\Views\config.tpl.php',
+        'make:controller'   => 'CodeIgniter\Commands\Generators\Views\controller.tpl.php',
+        'make:entity'       => 'CodeIgniter\Commands\Generators\Views\entity.tpl.php',
+        'make:filter'       => 'CodeIgniter\Commands\Generators\Views\filter.tpl.php',
+        'make:migration'    => 'CodeIgniter\Commands\Generators\Views\migration.tpl.php',
+        'make:model'        => 'CodeIgniter\Commands\Generators\Views\model.tpl.php',
+        'make:seeder'       => 'CodeIgniter\Commands\Generators\Views\seeder.tpl.php',
+        'make:validation'   => 'CodeIgniter\Commands\Generators\Views\validation.tpl.php',
+        'session:migration' => 'CodeIgniter\Commands\Generators\Views\migration.tpl.php',
+    ];
+}

app/Config/Honeypot.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Honeypot extends BaseConfig
+{
+    /**
+     * Makes Honeypot visible or not to human
+     */
+    public bool $hidden = true;
+
+    /**
+     * Honeypot Label Content
+     */
+    public string $label = 'Fill This Field';
+
+    /**
+     * Honeypot Field Name
+     */
+    public string $name = 'honeypot';
+
+    /**
+     * Honeypot HTML Template
+     */
+    public string $template = '<label>{label}</label><input type="text" name="{name}" value="">';
+
+    /**
+     * Honeypot container
+     *
+     * If you enabled CSP, you can remove `style="display:none"`.
+     */
+    public string $container = '<div style="display:none">{template}</div>';
+
+    /**
+     * The id attribute for Honeypot container tag
+     *
+     * Used when CSP is enabled.
+     */
+    public string $containerId = 'hpc';
+}

app/Config/Images.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Images\Handlers\GDHandler;
+use CodeIgniter\Images\Handlers\ImageMagickHandler;
+
+class Images extends BaseConfig
+{
+    /**
+     * Default handler used if no other handler is specified.
+     */
+    public string $defaultHandler = 'gd';
+
+    /**
+     * The path to the image library.
+     * Required for ImageMagick, GraphicsMagick, or NetPBM.
+     */
+    public string $libraryPath = '/usr/local/bin/convert';
+
+    /**
+     * The available handler classes.
+     *
+     * @var array<string, string>
+     */
+    public array $handlers = [
+        'gd'      => GDHandler::class,
+        'imagick' => ImageMagickHandler::class,
+    ];
+}

app/Config/Kint.php

@@ -0,0 +1,65 @@
+<?php
+
+namespace Config;
+
+use Kint\Parser\ConstructablePluginInterface;
+use Kint\Renderer\AbstractRenderer;
+use Kint\Renderer\Rich\TabPluginInterface;
+use Kint\Renderer\Rich\ValuePluginInterface;
+
+/**
+ * --------------------------------------------------------------------------
+ * Kint
+ * --------------------------------------------------------------------------
+ *
+ * We use Kint's `RichRenderer` and `CLIRenderer`. This area contains options
+ * that you can set to customize how Kint works for you.
+ *
+ * @see https://kint-php.github.io/kint/ for details on these settings.
+ */
+class Kint
+{
+    /*
+    |--------------------------------------------------------------------------
+    | Global Settings
+    |--------------------------------------------------------------------------
+    */
+
+    /**
+     * @var list<class-string<ConstructablePluginInterface>|ConstructablePluginInterface>|null
+     */
+    public $plugins;
+
+    public int $maxDepth           = 6;
+    public bool $displayCalledFrom = true;
+    public bool $expanded          = false;
+
+    /*
+    |--------------------------------------------------------------------------
+    | RichRenderer Settings
+    |--------------------------------------------------------------------------
+    */
+    public string $richTheme = 'aante-light.css';
+    public bool $richFolder  = false;
+    public int $richSort     = AbstractRenderer::SORT_FULL;
+
+    /**
+     * @var array<string, class-string<ValuePluginInterface>>|null
+     */
+    public $richObjectPlugins;
+
+    /**
+     * @var array<string, class-string<TabPluginInterface>>|null
+     */
+    public $richTabPlugins;
+
+    /*
+    |--------------------------------------------------------------------------
+    | CLI Settings
+    |--------------------------------------------------------------------------
+    */
+    public bool $cliColors      = true;
+    public bool $cliForceUTF8   = false;
+    public bool $cliDetectWidth = true;
+    public int $cliMinWidth     = 40;
+}

app/Config/Logger.php

@@ -0,0 +1,150 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Log\Handlers\FileHandler;
+
+class Logger extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Error Logging Threshold
+     * --------------------------------------------------------------------------
+     *
+     * You can enable error logging by setting a threshold over zero. The
+     * threshold determines what gets logged. Any values below or equal to the
+     * threshold will be logged.
+     *
+     * Threshold options are:
+     *
+     * - 0 = Disables logging, Error logging TURNED OFF
+     * - 1 = Emergency Messages - System is unusable
+     * - 2 = Alert Messages - Action Must Be Taken Immediately
+     * - 3 = Critical Messages - Application component unavailable, unexpected exception.
+     * - 4 = Runtime Errors - Don't need immediate action, but should be monitored.
+     * - 5 = Warnings - Exceptional occurrences that are not errors.
+     * - 6 = Notices - Normal but significant events.
+     * - 7 = Info - Interesting events, like user logging in, etc.
+     * - 8 = Debug - Detailed debug information.
+     * - 9 = All Messages
+     *
+     * You can also pass an array with threshold levels to show individual error types
+     *
+     *     array(1, 2, 3, 8) = Emergency, Alert, Critical, and Debug messages
+     *
+     * For a live site you'll usually enable Critical or higher (3) to be logged otherwise
+     * your log files will fill up very fast.
+     *
+     * @var int|list<int>
+     */
+    public $threshold = (ENVIRONMENT === 'production') ? 4 : 9;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Date Format for Logs
+     * --------------------------------------------------------------------------
+     *
+     * Each item that is logged has an associated date. You can use PHP date
+     * codes to set your own date formatting
+     */
+    public string $dateFormat = 'Y-m-d H:i:s';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Log Handlers
+     * --------------------------------------------------------------------------
+     *
+     * The logging system supports multiple actions to be taken when something
+     * is logged. This is done by allowing for multiple Handlers, special classes
+     * designed to write the log to their chosen destinations, whether that is
+     * a file on the getServer, a cloud-based service, or even taking actions such
+     * as emailing the dev team.
+     *
+     * Each handler is defined by the class name used for that handler, and it
+     * MUST implement the `CodeIgniter\Log\Handlers\HandlerInterface` interface.
+     *
+     * The value of each key is an array of configuration items that are sent
+     * to the constructor of each handler. The only required configuration item
+     * is the 'handles' element, which must be an array of integer log levels.
+     * This is most easily handled by using the constants defined in the
+     * `Psr\Log\LogLevel` class.
+     *
+     * Handlers are executed in the order defined in this array, starting with
+     * the handler on top and continuing down.
+     *
+     * @var array<class-string, array<string, int|list<string>|string>>
+     */
+    public array $handlers = [
+        /*
+         * --------------------------------------------------------------------
+         * File Handler
+         * --------------------------------------------------------------------
+         */
+        FileHandler::class => [
+            // The log levels that this handler will handle.
+            'handles' => [
+                'critical',
+                'alert',
+                'emergency',
+                'debug',
+                'error',
+                'info',
+                'notice',
+                'warning',
+            ],
+
+            /*
+             * The default filename extension for log files.
+             * An extension of 'php' allows for protecting the log files via basic
+             * scripting, when they are to be stored under a publicly accessible directory.
+             *
+             * NOTE: Leaving it blank will default to 'log'.
+             */
+            'fileExtension' => '',
+
+            /*
+             * The file system permissions to be applied on newly created log files.
+             *
+             * IMPORTANT: This MUST be an integer (no quotes) and you MUST use octal
+             * integer notation (i.e. 0700, 0644, etc.)
+             */
+            'filePermissions' => 0644,
+
+            /*
+             * Logging Directory Path
+             *
+             * By default, logs are written to WRITEPATH . 'logs/'
+             * Specify a different destination here, if desired.
+             */
+            'path' => '',
+        ],
+
+        /*
+         * The ChromeLoggerHandler requires the use of the Chrome web browser
+         * and the ChromeLogger extension. Uncomment this block to use it.
+         */
+        // 'CodeIgniter\Log\Handlers\ChromeLoggerHandler' => [
+        //     /*
+        //      * The log levels that this handler will handle.
+        //      */
+        //     'handles' => ['critical', 'alert', 'emergency', 'debug',
+        //                   'error', 'info', 'notice', 'warning'],
+        // ],
+
+        /*
+         * The ErrorlogHandler writes the logs to PHP's native `error_log()` function.
+         * Uncomment this block to use it.
+         */
+        // 'CodeIgniter\Log\Handlers\ErrorlogHandler' => [
+        //     /* The log levels this handler can handle. */
+        //     'handles' => ['critical', 'alert', 'emergency', 'debug', 'error', 'info', 'notice', 'warning'],
+        //
+        //     /*
+        //     * The message type where the error should go. Can be 0 or 4, or use the
+        //     * class constants: `ErrorlogHandler::TYPE_OS` (0) or `ErrorlogHandler::TYPE_SAPI` (4)
+        //     */
+        //     'messageType' => 0,
+        // ],
+    ];
+}

app/Config/Migrations.php

@@ -0,0 +1,50 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Migrations extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Enable/Disable Migrations
+     * --------------------------------------------------------------------------
+     *
+     * Migrations are enabled by default.
+     *
+     * You should enable migrations whenever you intend to do a schema migration
+     * and disable it back when you're done.
+     */
+    public bool $enabled = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Migrations Table
+     * --------------------------------------------------------------------------
+     *
+     * This is the name of the table that will store the current migrations state.
+     * When migrations runs it will store in a database table which migration
+     * files have already been run.
+     */
+    public string $table = 'migrations';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Timestamp Format
+     * --------------------------------------------------------------------------
+     *
+     * This is the format that will be used when creating new migrations
+     * using the CLI command:
+     *   > php spark make:migration
+     *
+     * NOTE: if you set an unsupported format, migration runner will not find
+     *       your migration files.
+     *
+     * Supported formats:
+     * - YmdHis_
+     * - Y-m-d-His_
+     * - Y_m_d_His_
+     */
+    public string $timestampFormat = 'Y-m-d-His_';
+}

app/Config/Mimes.php

@@ -0,0 +1,536 @@
+<?php
+
+namespace Config;
+
+/**
+ * Mimes
+ *
+ * This file contains an array of mime types.  It is used by the
+ * Upload class to help identify allowed file types.
+ *
+ * When more than one variation for an extension exist (like jpg, jpeg, etc)
+ * the most common one should be first in the array to aid the guess*
+ * methods. The same applies when more than one mime-type exists for a
+ * single extension.
+ *
+ * When working with mime types, please make sure you have the ´fileinfo´
+ * extension enabled to reliably detect the media types.
+ *
+ * @immutable
+ */
+class Mimes
+{
+    /**
+     * Map of extensions to mime types.
+     *
+     * @var array<string, list<string>|string>
+     */
+    public static array $mimes = [
+        'hqx' => [
+            'application/mac-binhex40',
+            'application/mac-binhex',
+            'application/x-binhex40',
+            'application/x-mac-binhex40',
+        ],
+        'cpt' => 'application/mac-compactpro',
+        'csv' => [
+            'text/csv',
+            'text/x-comma-separated-values',
+            'text/comma-separated-values',
+            'application/vnd.ms-excel',
+            'application/x-csv',
+            'text/x-csv',
+            'application/csv',
+            'application/excel',
+            'application/vnd.msexcel',
+            'text/plain',
+        ],
+        'bin' => [
+            'application/macbinary',
+            'application/mac-binary',
+            'application/octet-stream',
+            'application/x-binary',
+            'application/x-macbinary',
+        ],
+        'dms' => 'application/octet-stream',
+        'lha' => 'application/octet-stream',
+        'lzh' => 'application/octet-stream',
+        'exe' => [
+            'application/octet-stream',
+            'application/vnd.microsoft.portable-executable',
+            'application/x-dosexec',
+            'application/x-msdownload',
+        ],
+        'class' => 'application/octet-stream',
+        'psd'   => [
+            'application/x-photoshop',
+            'image/vnd.adobe.photoshop',
+        ],
+        'so'  => 'application/octet-stream',
+        'sea' => 'application/octet-stream',
+        'dll' => 'application/octet-stream',
+        'oda' => 'application/oda',
+        'pdf' => [
+            'application/pdf',
+            'application/force-download',
+            'application/x-download',
+        ],
+        'ai' => [
+            'application/pdf',
+            'application/postscript',
+        ],
+        'eps'  => 'application/postscript',
+        'ps'   => 'application/postscript',
+        'smi'  => 'application/smil',
+        'smil' => 'application/smil',
+        'mif'  => 'application/vnd.mif',
+        'xls'  => [
+            'application/vnd.ms-excel',
+            'application/msexcel',
+            'application/x-msexcel',
+            'application/x-ms-excel',
+            'application/x-excel',
+            'application/x-dos_ms_excel',
+            'application/xls',
+            'application/x-xls',
+            'application/excel',
+            'application/download',
+            'application/vnd.ms-office',
+            'application/msword',
+        ],
+        'ppt' => [
+            'application/vnd.ms-powerpoint',
+            'application/powerpoint',
+            'application/vnd.ms-office',
+            'application/msword',
+        ],
+        'pptx' => [
+            'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+        ],
+        'wbxml' => 'application/wbxml',
+        'wmlc'  => 'application/wmlc',
+        'dcr'   => 'application/x-director',
+        'dir'   => 'application/x-director',
+        'dxr'   => 'application/x-director',
+        'dvi'   => 'application/x-dvi',
+        'gtar'  => 'application/x-gtar',
+        'gz'    => 'application/x-gzip',
+        'gzip'  => 'application/x-gzip',
+        'php'   => [
+            'application/x-php',
+            'application/x-httpd-php',
+            'application/php',
+            'text/php',
+            'text/x-php',
+            'application/x-httpd-php-source',
+        ],
+        'php4'  => 'application/x-httpd-php',
+        'php3'  => 'application/x-httpd-php',
+        'phtml' => 'application/x-httpd-php',
+        'phps'  => 'application/x-httpd-php-source',
+        'js'    => [
+            'application/x-javascript',
+            'text/plain',
+        ],
+        'swf' => 'application/x-shockwave-flash',
+        'sit' => 'application/x-stuffit',
+        'tar' => 'application/x-tar',
+        'tgz' => [
+            'application/x-tar',
+            'application/x-gzip-compressed',
+        ],
+        'z'     => 'application/x-compress',
+        'xhtml' => 'application/xhtml+xml',
+        'xht'   => 'application/xhtml+xml',
+        'zip'   => [
+            'application/x-zip',
+            'application/zip',
+            'application/x-zip-compressed',
+            'application/s-compressed',
+            'multipart/x-zip',
+        ],
+        'rar' => [
+            'application/vnd.rar',
+            'application/x-rar',
+            'application/rar',
+            'application/x-rar-compressed',
+        ],
+        'mid'  => 'audio/midi',
+        'midi' => 'audio/midi',
+        'mpga' => 'audio/mpeg',
+        'mp2'  => 'audio/mpeg',
+        'mp3'  => [
+            'audio/mpeg',
+            'audio/mpg',
+            'audio/mpeg3',
+            'audio/mp3',
+        ],
+        'aif' => [
+            'audio/x-aiff',
+            'audio/aiff',
+        ],
+        'aiff' => [
+            'audio/x-aiff',
+            'audio/aiff',
+        ],
+        'aifc' => 'audio/x-aiff',
+        'ram'  => 'audio/x-pn-realaudio',
+        'rm'   => 'audio/x-pn-realaudio',
+        'rpm'  => 'audio/x-pn-realaudio-plugin',
+        'ra'   => 'audio/x-realaudio',
+        'rv'   => 'video/vnd.rn-realvideo',
+        'wav'  => [
+            'audio/x-wav',
+            'audio/wave',
+            'audio/wav',
+        ],
+        'bmp' => [
+            'image/bmp',
+            'image/x-bmp',
+            'image/x-bitmap',
+            'image/x-xbitmap',
+            'image/x-win-bitmap',
+            'image/x-windows-bmp',
+            'image/ms-bmp',
+            'image/x-ms-bmp',
+            'application/bmp',
+            'application/x-bmp',
+            'application/x-win-bitmap',
+        ],
+        'gif' => 'image/gif',
+        'jpg' => [
+            'image/jpeg',
+            'image/pjpeg',
+        ],
+        'jpeg' => [
+            'image/jpeg',
+            'image/pjpeg',
+        ],
+        'jpe' => [
+            'image/jpeg',
+            'image/pjpeg',
+        ],
+        'jp2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'j2k' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpf' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpg2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpx' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'jpm' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'mj2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'mjp2' => [
+            'image/jp2',
+            'video/mj2',
+            'image/jpx',
+            'image/jpm',
+        ],
+        'png' => [
+            'image/png',
+            'image/x-png',
+        ],
+        'webp' => 'image/webp',
+        'tif'  => 'image/tiff',
+        'tiff' => 'image/tiff',
+        'css'  => [
+            'text/css',
+            'text/plain',
+        ],
+        'html' => [
+            'text/html',
+            'text/plain',
+        ],
+        'htm' => [
+            'text/html',
+            'text/plain',
+        ],
+        'shtml' => [
+            'text/html',
+            'text/plain',
+        ],
+        'txt'  => 'text/plain',
+        'text' => 'text/plain',
+        'log'  => [
+            'text/plain',
+            'text/x-log',
+        ],
+        'rtx' => 'text/richtext',
+        'rtf' => 'text/rtf',
+        'xml' => [
+            'application/xml',
+            'text/xml',
+            'text/plain',
+        ],
+        'xsl' => [
+            'application/xml',
+            'text/xsl',
+            'text/xml',
+        ],
+        'mpeg' => 'video/mpeg',
+        'mpg'  => 'video/mpeg',
+        'mpe'  => 'video/mpeg',
+        'qt'   => 'video/quicktime',
+        'mov'  => 'video/quicktime',
+        'avi'  => [
+            'video/x-msvideo',
+            'video/msvideo',
+            'video/avi',
+            'application/x-troff-msvideo',
+        ],
+        'movie' => 'video/x-sgi-movie',
+        'doc'   => [
+            'application/msword',
+            'application/vnd.ms-office',
+        ],
+        'docx' => [
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/zip',
+            'application/msword',
+            'application/x-zip',
+        ],
+        'dot' => [
+            'application/msword',
+            'application/vnd.ms-office',
+        ],
+        'dotx' => [
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/zip',
+            'application/msword',
+        ],
+        'xlsx' => [
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+            'application/zip',
+            'application/vnd.ms-excel',
+            'application/msword',
+            'application/x-zip',
+        ],
+        'xlsb' => 'application/vnd.ms-excel.sheet.binary.macroEnabled.12',
+        'xlsm' => 'application/vnd.ms-excel.sheet.macroEnabled.12',
+        'word' => [
+            'application/msword',
+            'application/octet-stream',
+        ],
+        'xl'   => 'application/excel',
+        'eml'  => 'message/rfc822',
+        'json' => [
+            'application/json',
+            'text/json',
+        ],
+        'pem' => [
+            'application/x-x509-user-cert',
+            'application/x-pem-file',
+            'application/octet-stream',
+        ],
+        'p10' => [
+            'application/x-pkcs10',
+            'application/pkcs10',
+        ],
+        'p12' => 'application/x-pkcs12',
+        'p7a' => 'application/x-pkcs7-signature',
+        'p7c' => [
+            'application/pkcs7-mime',
+            'application/x-pkcs7-mime',
+        ],
+        'p7m' => [
+            'application/pkcs7-mime',
+            'application/x-pkcs7-mime',
+        ],
+        'p7r' => 'application/x-pkcs7-certreqresp',
+        'p7s' => 'application/pkcs7-signature',
+        'crt' => [
+            'application/x-x509-ca-cert',
+            'application/x-x509-user-cert',
+            'application/pkix-cert',
+        ],
+        'crl' => [
+            'application/pkix-crl',
+            'application/pkcs-crl',
+        ],
+        'der' => 'application/x-x509-ca-cert',
+        'kdb' => 'application/octet-stream',
+        'pgp' => 'application/pgp',
+        'gpg' => 'application/gpg-keys',
+        'sst' => 'application/octet-stream',
+        'csr' => 'application/octet-stream',
+        'rsa' => 'application/x-pkcs7',
+        'cer' => [
+            'application/pkix-cert',
+            'application/x-x509-ca-cert',
+        ],
+        '3g2' => 'video/3gpp2',
+        '3gp' => [
+            'video/3gp',
+            'video/3gpp',
+        ],
+        'mp4' => 'video/mp4',
+        'm4a' => 'audio/x-m4a',
+        'f4v' => [
+            'video/mp4',
+            'video/x-f4v',
+        ],
+        'flv'  => 'video/x-flv',
+        'webm' => 'video/webm',
+        'aac'  => 'audio/x-acc',
+        'm4u'  => 'application/vnd.mpegurl',
+        'm3u'  => 'text/plain',
+        'xspf' => 'application/xspf+xml',
+        'vlc'  => 'application/videolan',
+        'wmv'  => [
+            'video/x-ms-wmv',
+            'video/x-ms-asf',
+        ],
+        'au'   => 'audio/x-au',
+        'ac3'  => 'audio/ac3',
+        'flac' => 'audio/x-flac',
+        'ogg'  => [
+            'audio/ogg',
+            'video/ogg',
+            'application/ogg',
+        ],
+        'kmz' => [
+            'application/vnd.google-earth.kmz',
+            'application/zip',
+            'application/x-zip',
+        ],
+        'kml' => [
+            'application/vnd.google-earth.kml+xml',
+            'application/xml',
+            'text/xml',
+        ],
+        'ics'  => 'text/calendar',
+        'ical' => 'text/calendar',
+        'zsh'  => 'text/x-scriptzsh',
+        '7zip' => [
+            'application/x-compressed',
+            'application/x-zip-compressed',
+            'application/zip',
+            'multipart/x-zip',
+        ],
+        'cdr' => [
+            'application/cdr',
+            'application/coreldraw',
+            'application/x-cdr',
+            'application/x-coreldraw',
+            'image/cdr',
+            'image/x-cdr',
+            'zz-application/zz-winassoc-cdr',
+        ],
+        'wma' => [
+            'audio/x-ms-wma',
+            'video/x-ms-asf',
+        ],
+        'jar' => [
+            'application/java-archive',
+            'application/x-java-application',
+            'application/x-jar',
+            'application/x-compressed',
+        ],
+        'svg' => [
+            'image/svg+xml',
+            'image/svg',
+            'application/xml',
+            'text/xml',
+        ],
+        'vcf' => 'text/x-vcard',
+        'srt' => [
+            'text/srt',
+            'text/plain',
+        ],
+        'vtt' => [
+            'text/vtt',
+            'text/plain',
+        ],
+        'ico' => [
+            'image/x-icon',
+            'image/x-ico',
+            'image/vnd.microsoft.icon',
+        ],
+        'stl' => [
+            'application/sla',
+            'application/vnd.ms-pki.stl',
+            'application/x-navistyle',
+        ],
+    ];
+
+    /**
+     * Attempts to determine the best mime type for the given file extension.
+     *
+     * @return string|null The mime type found, or none if unable to determine.
+     */
+    public static function guessTypeFromExtension(string $extension)
+    {
+        $extension = trim(strtolower($extension), '. ');
+
+        if (! array_key_exists($extension, static::$mimes)) {
+            return null;
+        }
+
+        return is_array(static::$mimes[$extension]) ? static::$mimes[$extension][0] : static::$mimes[$extension];
+    }
+
+    /**
+     * Attempts to determine the best file extension for a given mime type.
+     *
+     * @param string|null $proposedExtension - default extension (in case there is more than one with the same mime type)
+     *
+     * @return string|null The extension determined, or null if unable to match.
+     */
+    public static function guessExtensionFromType(string $type, ?string $proposedExtension = null)
+    {
+        $type = trim(strtolower($type), '. ');
+
+        $proposedExtension = trim(strtolower($proposedExtension ?? ''));
+
+        if (
+            $proposedExtension !== ''
+            && array_key_exists($proposedExtension, static::$mimes)
+            && in_array($type, (array) static::$mimes[$proposedExtension], true)
+        ) {
+            // The detected mime type matches with the proposed extension.
+            return $proposedExtension;
+        }
+
+        // Reverse check the mime type list if no extension was proposed.
+        // This search is order sensitive!
+        foreach (static::$mimes as $ext => $types) {
+            if (in_array($type, (array) $types, true)) {
+                return $ext;
+            }
+        }
+
+        return null;
+    }
+}

app/Config/Modules.php

@@ -0,0 +1,84 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Modules\Modules as BaseModules;
+
+/**
+ * Modules Configuration.
+ *
+ * NOTE: This class is required prior to Autoloader instantiation,
+ *       and does not extend BaseConfig.
+ *
+ * @immutable
+ */
+class Modules extends BaseModules
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Enable Auto-Discovery?
+     * --------------------------------------------------------------------------
+     *
+     * If true, then auto-discovery will happen across all elements listed in
+     * $aliases below. If false, no auto-discovery will happen at all,
+     * giving a slight performance boost.
+     *
+     * @var bool
+     */
+    public $enabled = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Enable Auto-Discovery Within Composer Packages?
+     * --------------------------------------------------------------------------
+     *
+     * If true, then auto-discovery will happen across all namespaces loaded
+     * by Composer, as well as the namespaces configured locally.
+     *
+     * @var bool
+     */
+    public $discoverInComposer = true;
+
+    /**
+     * The Composer package list for Auto-Discovery
+     * This setting is optional.
+     *
+     * E.g.:
+     *   [
+     *       'only' => [
+     *           // List up all packages to auto-discover
+     *           'codeigniter4/shield',
+     *       ],
+     *   ]
+     *   or
+     *   [
+     *       'exclude' => [
+     *           // List up packages to exclude.
+     *           'pestphp/pest',
+     *       ],
+     *   ]
+     *
+     * @var array{only?: list<string>, exclude?: list<string>}
+     */
+    public $composerPackages = [];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Auto-Discovery Rules
+     * --------------------------------------------------------------------------
+     *
+     * Aliases list of all discovery classes that will be active and used during
+     * the current application request.
+     *
+     * If it is not listed, only the base application elements will be used.
+     *
+     * @var list<string>
+     */
+    public $aliases = [
+        'events',
+        'filters',
+        'registrars',
+        'routes',
+        'services',
+    ];
+}

app/Config/Optimize.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace Config;
+
+/**
+ * Optimization Configuration.
+ *
+ * NOTE: This class does not extend BaseConfig for performance reasons.
+ *       So you cannot replace the property values with Environment Variables.
+ *
+ * @immutable
+ */
+class Optimize
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Config Caching
+     * --------------------------------------------------------------------------
+     *
+     * @see https://codeigniter.com/user_guide/concepts/factories.html#config-caching
+     */
+    public bool $configCacheEnabled = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Config Caching
+     * --------------------------------------------------------------------------
+     *
+     * @see https://codeigniter.com/user_guide/concepts/autoloader.html#file-locator-caching
+     */
+    public bool $locatorCacheEnabled = false;
+}

app/Config/Pager.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Pager extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Templates
+     * --------------------------------------------------------------------------
+     *
+     * Pagination links are rendered out using views to configure their
+     * appearance. This array contains aliases and the view names to
+     * use when rendering the links.
+     *
+     * Within each view, the Pager object will be available as $pager,
+     * and the desired group as $pagerGroup;
+     *
+     * @var array<string, string>
+     */
+    public array $templates = [
+        'default_full'   => 'CodeIgniter\Pager\Views\default_full',
+        'default_simple' => 'CodeIgniter\Pager\Views\default_simple',
+        'default_head'   => 'CodeIgniter\Pager\Views\default_head',
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Items Per Page
+     * --------------------------------------------------------------------------
+     *
+     * The default number of results shown in a single page.
+     */
+    public int $perPage = 20;
+}

app/Config/Paths.php

@@ -0,0 +1,80 @@
+<?php
+
+namespace Config;
+
+/**
+ * Paths
+ *
+ * Holds the paths that are used by the system to
+ * locate the main directories, app, system, etc.
+ *
+ * Modifying these allows you to restructure your application,
+ * share a system folder between multiple applications, and more.
+ *
+ * All paths are relative to the project's root folder.
+ *
+ * NOTE: This class is required prior to Autoloader instantiation,
+ *       and does not extend BaseConfig.
+ *
+ * @immutable
+ */
+class Paths
+{
+    /**
+     * ---------------------------------------------------------------
+     * SYSTEM FOLDER NAME
+     * ---------------------------------------------------------------
+     *
+     * This must contain the name of your "system" folder. Include
+     * the path if the folder is not in the same directory as this file.
+     */
+    public string $systemDirectory = __DIR__ . '/../../system';
+
+    /**
+     * ---------------------------------------------------------------
+     * APPLICATION FOLDER NAME
+     * ---------------------------------------------------------------
+     *
+     * If you want this front controller to use a different "app"
+     * folder than the default one you can set its name here. The folder
+     * can also be renamed or relocated anywhere on your server. If
+     * you do, use a full server path.
+     *
+     * @see http://codeigniter.com/user_guide/general/managing_apps.html
+     */
+    public string $appDirectory = __DIR__ . '/..';
+
+    /**
+     * ---------------------------------------------------------------
+     * WRITABLE DIRECTORY NAME
+     * ---------------------------------------------------------------
+     *
+     * This variable must contain the name of your "writable" directory.
+     * The writable directory allows you to group all directories that
+     * need write permission to a single place that can be tucked away
+     * for maximum security, keeping it out of the app and/or
+     * system directories.
+     */
+    public string $writableDirectory = __DIR__ . '/../../writable';
+
+    /**
+     * ---------------------------------------------------------------
+     * TESTS DIRECTORY NAME
+     * ---------------------------------------------------------------
+     *
+     * This variable must contain the name of your "tests" directory.
+     */
+    public string $testsDirectory = __DIR__ . '/../../tests';
+
+    /**
+     * ---------------------------------------------------------------
+     * VIEW DIRECTORY NAME
+     * ---------------------------------------------------------------
+     *
+     * This variable must contain the name of the directory that
+     * contains the view files used by your application. By
+     * default this is in `app/Views`. This value
+     * is used when no value is provided to `Services::renderer()`.
+     */
+    public string $viewDirectory = __DIR__ . '/../Views';
+}

app/Config/Publisher.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\Publisher as BasePublisher;
+
+/**
+ * Publisher Configuration
+ *
+ * Defines basic security restrictions for the Publisher class
+ * to prevent abuse by injecting malicious files into a project.
+ */
+class Publisher extends BasePublisher
+{
+    /**
+     * A list of allowed destinations with a (pseudo-)regex
+     * of allowed files for each destination.
+     * Attempts to publish to directories not in this list will
+     * result in a PublisherException. Files that do no fit the
+     * pattern will cause copy/merge to fail.
+     *
+     * @var array<string, string>
+     */
+    public $restrictions = [
+        ROOTPATH => '*',
+        FCPATH   => '#\.(s?css|js|map|html?|xml|json|webmanifest|ttf|eot|woff2?|gif|jpe?g|tiff?|png|webp|bmp|ico|svg)$#i',
+    ];
+}

app/Config/Routes.php

@@ -0,0 +1,24 @@
+<?php
+
+use CodeIgniter\Router\RouteCollection;
+
+/**
+ * @var RouteCollection $routes
+ */
+$routes->get('/', 'Home::index');
+$routes->get('/about', 'About::index');
+$routes->get('/services', 'Services::index');
+$routes->get('/blog', 'Blog::index');
+$routes->get('/blog-single', 'Blog::single');
+$routes->get('/contact', 'Contact::index');
+$routes->get('/faqs', 'Faqs::index');
+$routes->get('/pricing', 'Pricing::index');
+$routes->get('/projects', 'Projects::index');
+$routes->get('/project-single', 'Projects::single');
+$routes->get('/team', 'Team::index');
+$routes->get('/team-single', 'Team::single');
+$routes->get('/testimonials', 'Testimonials::index');
+$routes->get('/image-gallery', 'Gallery::image');
+$routes->get('/video-gallery', 'Gallery::video');
+$routes->get('/service-single', 'Services::single');
+$routes->get('/404', 'Home::notFound');

app/Config/Routing.php

@@ -0,0 +1,140 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+namespace Config;
+
+use CodeIgniter\Config\Routing as BaseRouting;
+
+/**
+ * Routing configuration
+ */
+class Routing extends BaseRouting
+{
+    /**
+     * For Defined Routes.
+     * An array of files that contain route definitions.
+     * Route files are read in order, with the first match
+     * found taking precedence.
+     *
+     * Default: APPPATH . 'Config/Routes.php'
+     *
+     * @var list<string>
+     */
+    public array $routeFiles = [
+        APPPATH . 'Config/Routes.php',
+    ];
+
+    /**
+     * For Defined Routes and Auto Routing.
+     * The default namespace to use for Controllers when no other
+     * namespace has been specified.
+     *
+     * Default: 'App\Controllers'
+     */
+    public string $defaultNamespace = 'App\Controllers';
+
+    /**
+     * For Auto Routing.
+     * The default controller to use when no other controller has been
+     * specified.
+     *
+     * Default: 'Home'
+     */
+    public string $defaultController = 'Home';
+
+    /**
+     * For Defined Routes and Auto Routing.
+     * The default method to call on the controller when no other
+     * method has been set in the route.
+     *
+     * Default: 'index'
+     */
+    public string $defaultMethod = 'index';
+
+    /**
+     * For Auto Routing.
+     * Whether to translate dashes in URIs for controller/method to underscores.
+     * Primarily useful when using the auto-routing.
+     *
+     * Default: false
+     */
+    public bool $translateURIDashes = false;
+
+    /**
+     * Sets the class/method that should be called if routing doesn't
+     * find a match. It can be the controller/method name like: Users::index
+     *
+     * This setting is passed to the Router class and handled there.
+     *
+     * If you want to use a closure, you will have to set it in the
+     * routes file by calling:
+     *
+     * $routes->set404Override(function() {
+     *    // Do something here
+     * });
+     *
+     * Example:
+     *  public $override404 = 'App\Errors::show404';
+     */
+    public ?string $override404 = null;
+
+    /**
+     * If TRUE, the system will attempt to match the URI against
+     * Controllers by matching each segment against folders/files
+     * in APPPATH/Controllers, when a match wasn't found against
+     * defined routes.
+     *
+     * If FALSE, will stop searching and do NO automatic routing.
+     */
+    public bool $autoRoute = false;
+
+    /**
+     * For Defined Routes.
+     * If TRUE, will enable the use of the 'prioritize' option
+     * when defining routes.
+     *
+     * Default: false
+     */
+    public bool $prioritize = false;
+
+    /**
+     * For Defined Routes.
+     * If TRUE, matched multiple URI segments will be passed as one parameter.
+     *
+     * Default: false
+     */
+    public bool $multipleSegmentsOneParam = false;
+
+    /**
+     * For Auto Routing (Improved).
+     * Map of URI segments and namespaces.
+     *
+     * The key is the first URI segment. The value is the controller namespace.
+     * E.g.,
+     *   [
+     *       'blog' => 'Acme\Blog\Controllers',
+     *   ]
+     *
+     * @var array<string, string>
+     */
+    public array $moduleRoutes = [];
+
+    /**
+     * For Auto Routing (Improved).
+     * Whether to translate dashes in URIs for controller/method to CamelCase.
+     * E.g., blog-controller -> BlogController
+     *
+     * If you enable this, $translateURIDashes is ignored.
+     *
+     * Default: false
+     */
+    public bool $translateUriToCamelCase = false;
+}

app/Config/Security.php

@@ -0,0 +1,103 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+class Security extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Protection Method
+     * --------------------------------------------------------------------------
+     *
+     * Protection Method for Cross Site Request Forgery protection.
+     *
+     * @var string 'cookie' or 'session'
+     */
+    public string $csrfProtection = 'cookie';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Token Randomization
+     * --------------------------------------------------------------------------
+     *
+     * Randomize the CSRF Token for added security.
+     */
+    public bool $tokenRandomize = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Token Name
+     * --------------------------------------------------------------------------
+     *
+     * Token name for Cross Site Request Forgery protection.
+     */
+    public string $tokenName = 'csrf_test_name';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Header Name
+     * --------------------------------------------------------------------------
+     *
+     * Header name for Cross Site Request Forgery protection.
+     */
+    public string $headerName = 'X-CSRF-TOKEN';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Cookie Name
+     * --------------------------------------------------------------------------
+     *
+     * Cookie name for Cross Site Request Forgery protection.
+     */
+    public string $cookieName = 'csrf_cookie_name';
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Expires
+     * --------------------------------------------------------------------------
+     *
+     * Expiration time for Cross Site Request Forgery protection cookie.
+     *
+     * Defaults to two hours (in seconds).
+     */
+    public int $expires = 7200;
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Regenerate
+     * --------------------------------------------------------------------------
+     *
+     * Regenerate CSRF Token on every submission.
+     */
+    public bool $regenerate = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF Redirect
+     * --------------------------------------------------------------------------
+     *
+     * Redirect to previous page with error on failure.
+     *
+     * @see https://codeigniter4.github.io/userguide/libraries/security.html#redirection-on-failure
+     */
+    public bool $redirect = (ENVIRONMENT === 'production');
+
+    /**
+     * --------------------------------------------------------------------------
+     * CSRF SameSite
+     * --------------------------------------------------------------------------
+     *
+     * Setting for CSRF SameSite cookie token.
+     *
+     * Allowed values are: None - Lax - Strict - ''.
+     *
+     * Defaults to `Lax` as recommended in this link:
+     *
+     * @see https://portswigger.net/web-security/csrf/samesite-cookies
+     *
+     * @deprecated `Config\Cookie` $samesite property is used.
+     */
+    public string $samesite = 'Lax';
+}

app/Config/Services.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseService;
+
+/**
+ * Services Configuration file.
+ *
+ * Services are simply other classes/libraries that the system uses
+ * to do its job. This is used by CodeIgniter to allow the core of the
+ * framework to be swapped out easily without affecting the usage within
+ * the rest of your application.
+ *
+ * This file holds any application-specific services, or service overrides
+ * that you might need. An example has been included with the general
+ * method format you should use for your service methods. For more examples,
+ * see the core Services file at system/Config/Services.php.
+ */
+class Services extends BaseService
+{
+    /*
+     * public static function example($getShared = true)
+     * {
+     *     if ($getShared) {
+     *         return static::getSharedInstance('example');
+     *     }
+     *
+     *     return new \CodeIgniter\Example();
+     * }
+     */
+}

app/Config/Session.php

@@ -0,0 +1,127 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Session\Handlers\BaseHandler;
+use CodeIgniter\Session\Handlers\FileHandler;
+
+class Session extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Session Driver
+     * --------------------------------------------------------------------------
+     *
+     * The session storage driver to use:
+     * - `CodeIgniter\Session\Handlers\FileHandler`
+     * - `CodeIgniter\Session\Handlers\DatabaseHandler`
+     * - `CodeIgniter\Session\Handlers\MemcachedHandler`
+     * - `CodeIgniter\Session\Handlers\RedisHandler`
+     *
+     * @var class-string<BaseHandler>
+     */
+    public string $driver = FileHandler::class;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Cookie Name
+     * --------------------------------------------------------------------------
+     *
+     * The session cookie name, must contain only [0-9a-z_-] characters
+     */
+    public string $cookieName = 'ci_session';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Expiration
+     * --------------------------------------------------------------------------
+     *
+     * The number of SECONDS you want the session to last.
+     * Setting to 0 (zero) means expire when the browser is closed.
+     */
+    public int $expiration = 7200;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Save Path
+     * --------------------------------------------------------------------------
+     *
+     * The location to save sessions to and is driver dependent.
+     *
+     * For the 'files' driver, it's a path to a writable directory.
+     * WARNING: Only absolute paths are supported!
+     *
+     * For the 'database' driver, it's a table name.
+     * Please read up the manual for the format with other session drivers.
+     *
+     * IMPORTANT: You are REQUIRED to set a valid save path!
+     */
+    public string $savePath = WRITEPATH . 'session';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Match IP
+     * --------------------------------------------------------------------------
+     *
+     * Whether to match the user's IP address when reading the session data.
+     *
+     * WARNING: If you're using the database driver, don't forget to update
+     *          your session table's PRIMARY KEY when changing this setting.
+     */
+    public bool $matchIP = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Time to Update
+     * --------------------------------------------------------------------------
+     *
+     * How many seconds between CI regenerating the session ID.
+     */
+    public int $timeToUpdate = 300;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Regenerate Destroy
+     * --------------------------------------------------------------------------
+     *
+     * Whether to destroy session data associated with the old session ID
+     * when auto-regenerating the session ID. When set to FALSE, the data
+     * will be later deleted by the garbage collector.
+     */
+    public bool $regenerateDestroy = false;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Session Database Group
+     * --------------------------------------------------------------------------
+     *
+     * DB Group for the database session.
+     */
+    public ?string $DBGroup = null;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Lock Retry Interval (microseconds)
+     * --------------------------------------------------------------------------
+     *
+     * This is used for RedisHandler.
+     *
+     * Time (microseconds) to wait if lock cannot be acquired.
+     * The default is 100,000 microseconds (= 0.1 seconds).
+     */
+    public int $lockRetryInterval = 100_000;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Lock Max Retries
+     * --------------------------------------------------------------------------
+     *
+     * This is used for RedisHandler.
+     *
+     * Maximum number of lock acquisition attempts.
+     * The default is 300 times. That is lock timeout is about 30 (0.1 * 300)
+     * seconds.
+     */
+    public int $lockMaxRetries = 300;
+}

app/Config/Toolbar.php

@@ -0,0 +1,122 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Debug\Toolbar\Collectors\Database;
+use CodeIgniter\Debug\Toolbar\Collectors\Events;
+use CodeIgniter\Debug\Toolbar\Collectors\Files;
+use CodeIgniter\Debug\Toolbar\Collectors\Logs;
+use CodeIgniter\Debug\Toolbar\Collectors\Routes;
+use CodeIgniter\Debug\Toolbar\Collectors\Timers;
+use CodeIgniter\Debug\Toolbar\Collectors\Views;
+
+/**
+ * --------------------------------------------------------------------------
+ * Debug Toolbar
+ * --------------------------------------------------------------------------
+ *
+ * The Debug Toolbar provides a way to see information about the performance
+ * and state of your application during that page display. By default it will
+ * NOT be displayed under production environments, and will only display if
+ * `CI_DEBUG` is true, since if it's not, there's not much to display anyway.
+ */
+class Toolbar extends BaseConfig
+{
+    /**
+     * --------------------------------------------------------------------------
+     * Toolbar Collectors
+     * --------------------------------------------------------------------------
+     *
+     * List of toolbar collectors that will be called when Debug Toolbar
+     * fires up and collects data from.
+     *
+     * @var list<class-string>
+     */
+    public array $collectors = [
+        Timers::class,
+        Database::class,
+        Logs::class,
+        Views::class,
+        // \CodeIgniter\Debug\Toolbar\Collectors\Cache::class,
+        Files::class,
+        Routes::class,
+        Events::class,
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Collect Var Data
+     * --------------------------------------------------------------------------
+     *
+     * If set to false var data from the views will not be collected. Useful to
+     * avoid high memory usage when there are lots of data passed to the view.
+     */
+    public bool $collectVarData = true;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Max History
+     * --------------------------------------------------------------------------
+     *
+     * `$maxHistory` sets a limit on the number of past requests that are stored,
+     * helping to conserve file space used to store them. You can set it to
+     * 0 (zero) to not have any history stored, or -1 for unlimited history.
+     */
+    public int $maxHistory = 20;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Toolbar Views Path
+     * --------------------------------------------------------------------------
+     *
+     * The full path to the the views that are used by the toolbar.
+     * This MUST have a trailing slash.
+     */
+    public string $viewsPath = SYSTEMPATH . 'Debug/Toolbar/Views/';
+
+    /**
+     * --------------------------------------------------------------------------
+     * Max Queries
+     * --------------------------------------------------------------------------
+     *
+     * If the Database Collector is enabled, it will log every query that the
+     * the system generates so they can be displayed on the toolbar's timeline
+     * and in the query log. This can lead to memory issues in some instances
+     * with hundreds of queries.
+     *
+     * `$maxQueries` defines the maximum amount of queries that will be stored.
+     */
+    public int $maxQueries = 100;
+
+    /**
+     * --------------------------------------------------------------------------
+     * Watched Directories
+     * --------------------------------------------------------------------------
+     *
+     * Contains an array of directories that will be watched for changes and
+     * used to determine if the hot-reload feature should reload the page or not.
+     * We restrict the values to keep performance as high as possible.
+     *
+     * NOTE: The ROOTPATH will be prepended to all values.
+     *
+     * @var list<string>
+     */
+    public array $watchedDirectories = [
+        'app',
+    ];
+
+    /**
+     * --------------------------------------------------------------------------
+     * Watched File Extensions
+     * --------------------------------------------------------------------------
+     *
+     * Contains an array of file extensions that will be watched for changes and
+     * used to determine if the hot-reload feature should reload the page or not.
+     *
+     * @var list<string>
+     */
+    public array $watchedExtensions = [
+        'php', 'css', 'js', 'html', 'svg', 'json', 'env',
+    ];
+}

app/Config/UserAgents.php

@@ -0,0 +1,252 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+
+/**
+ * -------------------------------------------------------------------
+ * User Agents
+ * -------------------------------------------------------------------
+ *
+ * This file contains four arrays of user agent data. It is used by the
+ * User Agent Class to help identify browser, platform, robot, and
+ * mobile device data. The array keys are used to identify the device
+ * and the array values are used to set the actual name of the item.
+ */
+class UserAgents extends BaseConfig
+{
+    /**
+     * -------------------------------------------------------------------
+     * OS Platforms
+     * -------------------------------------------------------------------
+     *
+     * @var array<string, string>
+     */
+    public array $platforms = [
+        'windows nt 10.0' => 'Windows 10',
+        'windows nt 6.3'  => 'Windows 8.1',
+        'windows nt 6.2'  => 'Windows 8',
+        'windows nt 6.1'  => 'Windows 7',
+        'windows nt 6.0'  => 'Windows Vista',
+        'windows nt 5.2'  => 'Windows 2003',
+        'windows nt 5.1'  => 'Windows XP',
+        'windows nt 5.0'  => 'Windows 2000',
+        'windows nt 4.0'  => 'Windows NT 4.0',
+        'winnt4.0'        => 'Windows NT 4.0',
+        'winnt 4.0'       => 'Windows NT',
+        'winnt'           => 'Windows NT',
+        'windows 98'      => 'Windows 98',
+        'win98'           => 'Windows 98',
+        'windows 95'      => 'Windows 95',
+        'win95'           => 'Windows 95',
+        'windows phone'   => 'Windows Phone',
+        'windows'         => 'Unknown Windows OS',
+        'android'         => 'Android',
+        'blackberry'      => 'BlackBerry',
+        'iphone'          => 'iOS',
+        'ipad'            => 'iOS',
+        'ipod'            => 'iOS',
+        'os x'            => 'Mac OS X',
+        'ppc mac'         => 'Power PC Mac',
+        'freebsd'         => 'FreeBSD',
+        'ppc'             => 'Macintosh',
+        'linux'           => 'Linux',
+        'debian'          => 'Debian',
+        'sunos'           => 'Sun Solaris',
+        'beos'            => 'BeOS',
+        'apachebench'     => 'ApacheBench',
+        'aix'             => 'AIX',
+        'irix'            => 'Irix',
+        'osf'             => 'DEC OSF',
+        'hp-ux'           => 'HP-UX',
+        'netbsd'          => 'NetBSD',
+        'bsdi'            => 'BSDi',
+        'openbsd'         => 'OpenBSD',
+        'gnu'             => 'GNU/Linux',
+        'unix'            => 'Unknown Unix OS',
+        'symbian'         => 'Symbian OS',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Browsers
+     * -------------------------------------------------------------------
+     *
+     * The order of this array should NOT be changed. Many browsers return
+     * multiple browser types so we want to identify the subtype first.
+     *
+     * @var array<string, string>
+     */
+    public array $browsers = [
+        'OPR'    => 'Opera',
+        'Flock'  => 'Flock',
+        'Edge'   => 'Spartan',
+        'Edg'    => 'Edge',
+        'Chrome' => 'Chrome',
+        // Opera 10+ always reports Opera/9.80 and appends Version/<real version> to the user agent string
+        'Opera.*?Version'   => 'Opera',
+        'Opera'             => 'Opera',
+        'MSIE'              => 'Internet Explorer',
+        'Internet Explorer' => 'Internet Explorer',
+        'Trident.* rv'      => 'Internet Explorer',
+        'Shiira'            => 'Shiira',
+        'Firefox'           => 'Firefox',
+        'Chimera'           => 'Chimera',
+        'Phoenix'           => 'Phoenix',
+        'Firebird'          => 'Firebird',
+        'Camino'            => 'Camino',
+        'Netscape'          => 'Netscape',
+        'OmniWeb'           => 'OmniWeb',
+        'Safari'            => 'Safari',
+        'Mozilla'           => 'Mozilla',
+        'Konqueror'         => 'Konqueror',
+        'icab'              => 'iCab',
+        'Lynx'              => 'Lynx',
+        'Links'             => 'Links',
+        'hotjava'           => 'HotJava',
+        'amaya'             => 'Amaya',
+        'IBrowse'           => 'IBrowse',
+        'Maxthon'           => 'Maxthon',
+        'Ubuntu'            => 'Ubuntu Web Browser',
+        'Vivaldi'           => 'Vivaldi',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Mobiles
+     * -------------------------------------------------------------------
+     *
+     * @var array<string, string>
+     */
+    public array $mobiles = [
+        // legacy array, old values commented out
+        'mobileexplorer' => 'Mobile Explorer',
+        // 'openwave'             => 'Open Wave',
+        // 'opera mini'           => 'Opera Mini',
+        // 'operamini'            => 'Opera Mini',
+        // 'elaine'               => 'Palm',
+        'palmsource' => 'Palm',
+        // 'digital paths'        => 'Palm',
+        // 'avantgo'              => 'Avantgo',
+        // 'xiino'                => 'Xiino',
+        'palmscape' => 'Palmscape',
+        // 'nokia'                => 'Nokia',
+        // 'ericsson'             => 'Ericsson',
+        // 'blackberry'           => 'BlackBerry',
+        // 'motorola'             => 'Motorola'
+
+        // Phones and Manufacturers
+        'motorola'             => 'Motorola',
+        'nokia'                => 'Nokia',
+        'palm'                 => 'Palm',
+        'iphone'               => 'Apple iPhone',
+        'ipad'                 => 'iPad',
+        'ipod'                 => 'Apple iPod Touch',
+        'sony'                 => 'Sony Ericsson',
+        'ericsson'             => 'Sony Ericsson',
+        'blackberry'           => 'BlackBerry',
+        'cocoon'               => 'O2 Cocoon',
+        'blazer'               => 'Treo',
+        'lg'                   => 'LG',
+        'amoi'                 => 'Amoi',
+        'xda'                  => 'XDA',
+        'mda'                  => 'MDA',
+        'vario'                => 'Vario',
+        'htc'                  => 'HTC',
+        'samsung'              => 'Samsung',
+        'sharp'                => 'Sharp',
+        'sie-'                 => 'Siemens',
+        'alcatel'              => 'Alcatel',
+        'benq'                 => 'BenQ',
+        'ipaq'                 => 'HP iPaq',
+        'mot-'                 => 'Motorola',
+        'playstation portable' => 'PlayStation Portable',
+        'playstation 3'        => 'PlayStation 3',
+        'playstation vita'     => 'PlayStation Vita',
+        'hiptop'               => 'Danger Hiptop',
+        'nec-'                 => 'NEC',
+        'panasonic'            => 'Panasonic',
+        'philips'              => 'Philips',
+        'sagem'                => 'Sagem',
+        'sanyo'                => 'Sanyo',
+        'spv'                  => 'SPV',
+        'zte'                  => 'ZTE',
+        'sendo'                => 'Sendo',
+        'nintendo dsi'         => 'Nintendo DSi',
+        'nintendo ds'          => 'Nintendo DS',
+        'nintendo 3ds'         => 'Nintendo 3DS',
+        'wii'                  => 'Nintendo Wii',
+        'open web'             => 'Open Web',
+        'openweb'              => 'OpenWeb',
+
+        // Operating Systems
+        'android'    => 'Android',
+        'symbian'    => 'Symbian',
+        'SymbianOS'  => 'SymbianOS',
+        'elaine'     => 'Palm',
+        'series60'   => 'Symbian S60',
+        'windows ce' => 'Windows CE',
+
+        // Browsers
+        'obigo'         => 'Obigo',
+        'netfront'      => 'Netfront Browser',
+        'openwave'      => 'Openwave Browser',
+        'mobilexplorer' => 'Mobile Explorer',
+        'operamini'     => 'Opera Mini',
+        'opera mini'    => 'Opera Mini',
+        'opera mobi'    => 'Opera Mobile',
+        'fennec'        => 'Firefox Mobile',
+
+        // Other
+        'digital paths' => 'Digital Paths',
+        'avantgo'       => 'AvantGo',
+        'xiino'         => 'Xiino',
+        'novarra'       => 'Novarra Transcoder',
+        'vodafone'      => 'Vodafone',
+        'docomo'        => 'NTT DoCoMo',
+        'o2'            => 'O2',
+
+        // Fallback
+        'mobile'     => 'Generic Mobile',
+        'wireless'   => 'Generic Mobile',
+        'j2me'       => 'Generic Mobile',
+        'midp'       => 'Generic Mobile',
+        'cldc'       => 'Generic Mobile',
+        'up.link'    => 'Generic Mobile',
+        'up.browser' => 'Generic Mobile',
+        'smartphone' => 'Generic Mobile',
+        'cellphone'  => 'Generic Mobile',
+    ];
+
+    /**
+     * -------------------------------------------------------------------
+     * Robots
+     * -------------------------------------------------------------------
+     *
+     * There are hundred of bots but these are the most common.
+     *
+     * @var array<string, string>
+     */
+    public array $robots = [
+        'googlebot'            => 'Googlebot',
+        'msnbot'               => 'MSNBot',
+        'baiduspider'          => 'Baiduspider',
+        'bingbot'              => 'Bing',
+        'slurp'                => 'Inktomi Slurp',
+        'yahoo'                => 'Yahoo',
+        'ask jeeves'           => 'Ask Jeeves',
+        'fastcrawler'          => 'FastCrawler',
+        'infoseek'             => 'InfoSeek Robot 1.0',
+        'lycos'                => 'Lycos',
+        'yandex'               => 'YandexBot',
+        'mediapartners-google' => 'MediaPartners Google',
+        'CRAZYWEBCRAWLER'      => 'Crazy Webcrawler',
+        'adsbot-google'        => 'AdsBot Google',
+        'feedfetcher-google'   => 'Feedfetcher Google',
+        'curious george'       => 'Curious George',
+        'ia_archiver'          => 'Alexa Crawler',
+        'MJ12bot'              => 'Majestic-12',
+        'Uptimebot'            => 'Uptimebot',
+    ];
+}

app/Config/Validation.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\BaseConfig;
+use CodeIgniter\Validation\StrictRules\CreditCardRules;
+use CodeIgniter\Validation\StrictRules\FileRules;
+use CodeIgniter\Validation\StrictRules\FormatRules;
+use CodeIgniter\Validation\StrictRules\Rules;
+
+class Validation extends BaseConfig
+{
+    // --------------------------------------------------------------------
+    // Setup
+    // --------------------------------------------------------------------
+
+    /**
+     * Stores the classes that contain the
+     * rules that are available.
+     *
+     * @var list<string>
+     */
+    public array $ruleSets = [
+        Rules::class,
+        FormatRules::class,
+        FileRules::class,
+        CreditCardRules::class,
+    ];
+
+    /**
+     * Specifies the views that are used to display the
+     * errors.
+     *
+     * @var array<string, string>
+     */
+    public array $templates = [
+        'list'   => 'CodeIgniter\Validation\Views\list',
+        'single' => 'CodeIgniter\Validation\Views\single',
+    ];
+
+    // --------------------------------------------------------------------
+    // Rules
+    // --------------------------------------------------------------------
+}

app/Config/View.php

@@ -0,0 +1,62 @@
+<?php
+
+namespace Config;
+
+use CodeIgniter\Config\View as BaseView;
+use CodeIgniter\View\ViewDecoratorInterface;
+
+/**
+ * @phpstan-type parser_callable (callable(mixed): mixed)
+ * @phpstan-type parser_callable_string (callable(mixed): mixed)&string
+ */
+class View extends BaseView
+{
+    /**
+     * When false, the view method will clear the data between each
+     * call. This keeps your data safe and ensures there is no accidental
+     * leaking between calls, so you would need to explicitly pass the data
+     * to each view. You might prefer to have the data stick around between
+     * calls so that it is available to all views. If that is the case,
+     * set $saveData to true.
+     *
+     * @var bool
+     */
+    public $saveData = true;
+
+    /**
+     * Parser Filters map a filter name with any PHP callable. When the
+     * Parser prepares a variable for display, it will chain it
+     * through the filters in the order defined, inserting any parameters.
+     * To prevent potential abuse, all filters MUST be defined here
+     * in order for them to be available for use within the Parser.
+     *
+     * Examples:
+     *  { title|esc(js) }
+     *  { created_on|date(Y-m-d)|esc(attr) }
+     *
+     * @var         array<string, string>
+     * @phpstan-var array<string, parser_callable_string>
+     */
+    public $filters = [];
+
+    /**
+     * Parser Plugins provide a way to extend the functionality provided
+     * by the core Parser by creating aliases that will be replaced with
+     * any callable. Can be single or tag pair.
+     *
+     * @var         array<string, callable|list<string>|string>
+     * @phpstan-var array<string, list<parser_callable_string>|parser_callable_string|parser_callable>
+     */
+    public $plugins = [];
+
+    /**
+     * View Decorators are class methods that will be run in sequence to
+     * have a chance to alter the generated output just prior to caching
+     * the results.
+     *
+     * All classes must implement CodeIgniter\View\ViewDecoratorInterface
+     *
+     * @var list<class-string<ViewDecoratorInterface>>
+     */
+    public array $decorators = [];
+}

app/Controllers/About.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Controllers;
+
+class About extends BaseController
+{
+    public function index(): string
+    {
+        return view('about');
+    }
+}

app/Controllers/BaseController.php

@@ -0,0 +1,104 @@
+<?php
+
+namespace App\Controllers;
+
+use CodeIgniter\Controller;
+use CodeIgniter\HTTP\CLIRequest;
+use CodeIgniter\HTTP\IncomingRequest;
+use CodeIgniter\HTTP\RequestInterface;
+use CodeIgniter\HTTP\ResponseInterface;
+use Psr\Log\LoggerInterface;
+
+/**
+ * Class BaseController
+ *
+ * BaseController provides a convenient place for loading components
+ * and performing functions that are needed by all your controllers.
+ * Extend this class in any new controllers:
+ *     class Home extends BaseController
+ *
+ * For security be sure to declare any new methods as protected or private.
+ */
+abstract class BaseController extends Controller
+{
+    /**
+     * Instance of the main Request object.
+     *
+     * @var CLIRequest|IncomingRequest
+     */
+    protected $request;
+
+    /**
+     * An array of helpers to be loaded automatically upon
+     * class instantiation. These helpers will be available
+     * to all other controllers that extend BaseController.
+     *
+     * @var list<string>
+     */
+    protected $helpers = [];
+
+    /**
+     * Be sure to declare properties for any property fetch you initialized.
+     * The creation of dynamic property is deprecated in PHP 8.2.
+     */
+    // protected $session;
+
+    /**
+     * @return void
+     */
+    public function initController(RequestInterface $request, ResponseInterface $response, LoggerInterface $logger)
+    {
+        // Do Not Edit This Line
+        parent::initController($request, $response, $logger);
+
+        // Preload any models, libraries, etc, here.
+
+        // E.g.: $this->session = \Config\Services::session();
+    }
+    public function APIcall($method, $url, $data) {
+        //  $curl = curl_init();
+        $curl = curl_init($url);
+        switch ($method) {
+            case "GET":
+                $params2 = '';
+                foreach($data as $key2=>$value2)
+                    $params2 .= $key2.'='.$value2.'&';
+
+                $params2 = trim($params2, '&');
+                $url = $url.'?'.$params2;// add param to URL
+                log_message('critical', "API URL FINAL =>".$url );
+                //curl_setopt($curl, CURLOPT_FRESH_CONNECT, true);
+                //curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
+                //curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($data));
+                break;
+            case "POST":
+                curl_setopt($curl, CURLOPT_POST, 1);
+                if ($data)
+                    //  curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
+                    curl_setopt($curl, CURLOPT_POSTFIELDS, json_encode($data));
+                //  curl_setopt($curl, CURLOPT_POSTFIELDS, http_build_query($data));
+                break;
+            case "PUT":
+                curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "PUT");
+                if ($data)
+                    curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
+                break;
+        }
+
+        curl_setopt($curl, CURLOPT_URL, $url);
+        curl_setopt($curl, CURLOPT_HTTPHEADER, array(
+            'APIKEY: RegisteredAPIkey',
+            'Content-Type: application/json',
+        ));
+
+        curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
+        curl_setopt($curl, CURLOPT_HTTPAUTH, CURLAUTH_BASIC);
+        $result = curl_exec($curl);
+
+        if(!$result) {
+            echo("Connection failure!");
+        }
+        curl_close($curl);
+        return json_decode($result, true);
+    }
+}

app/Controllers/Blog.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Controllers;
+
+class Blog extends BaseController
+{
+    public function index(): string
+    {
+        return view('blog');
+    }
+
+    public function single(): string
+    {
+        return view('blog-single');
+    }
+}

app/Controllers/Contact.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Controllers;
+
+class Contact extends BaseController
+{
+    public function index(): string
+    {
+        return view('contact');
+    }
+}

app/Controllers/Faqs.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Controllers;
+
+class Faqs extends BaseController
+{
+    public function index(): string
+    {
+        return view('faqs');
+    }
+}

app/Controllers/Gallery.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Controllers;
+
+class Gallery extends BaseController
+{
+    public function image(): string
+    {
+        return view('image-gallery');
+    }
+
+    public function video(): string
+    {
+        return view('video-gallery');
+    }
+}

app/Controllers/Home.php

@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Controllers;
+
+class Home extends BaseController
+{
+    public function index(): string
+    {
+//        $siteData =[];
+//        $out  = $this->APIcall('GET','http://10.10.10.35:8805/blogdata/tokslaw',[]);
+//        $siteData['blogdata'] = $out['payload']['blogdata'];
+//        $siteData['blog_media_url'] = $out['payload']['image_url'];
+
+//        var_dump( $siteData['blog_media_url']);
+//        exit();
+
+//        $siteData =[];
+//        //http://10.204.5.100:9083/en/wrench/api/v1/blogdata
+//        $out  = $this->APIcall('GET','http://10.10.10.35:8805/en/wrench/api/v1/blogdata',[]);
+//         $out  = $this->APIcall('GET','http://10.10.10.35:7083/blogdata/tokslaw',[]);
+//        var_dump($out['blogdata']);
+//        exit();
+//        $siteData['blogdata'] = $out['blogdata'] ?? [];
+//        var_dump($siteData);
+//          exit;
+//
+//        $siteData['blogdata'] = $out['payload']['blogdata'];
+//        $siteData['blog_media_url'] = $out['payload']['image_url'];
+
+       #return view('welcome_message',$siteData);
+        return view('index');
+    }
+
+    public function notFound(): string
+    {
+        return view('404');
+    }
+}

app/Controllers/Pricing.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Controllers;
+
+class Pricing extends BaseController
+{
+    public function index(): string
+    {
+        return view('pricing');
+    }
+}

app/Controllers/Projects.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Controllers;
+
+class Projects extends BaseController
+{
+    public function index(): string
+    {
+        return view('projects');
+    }
+
+    public function single(): string
+    {
+        return view('project-single');
+    }
+}

app/Controllers/Services.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Controllers;
+
+class Services extends BaseController
+{
+    public function index(): string
+    {
+        return view('services');
+    }
+
+    public function single(): string
+    {
+        return view('service-single');
+    }
+}

app/Controllers/Team.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Controllers;
+
+class Team extends BaseController
+{
+    public function index(): string
+    {
+        return view('team');
+    }
+
+    public function single(): string
+    {
+        return view('team-single');
+    }
+}

app/Controllers/Testimonials.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Controllers;
+
+class Testimonials extends BaseController
+{
+    public function index(): string
+    {
+        return view('testimonials');
+    }
+}

app/Language/en/Validation.php

@@ -0,0 +1,4 @@
+<?php
+
+// override core en language system validation or define your own en language validation message
+return [];

app/Views/404.php

@@ -0,0 +1,331 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                    <ul>
+                                        <li class="nav-item"><a class="nav-link" href="/">Home - Version 1</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/index-2">Home - Version 2</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/index-3">Home - Version 3</a></li>
+                                    </ul>
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Page not found</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">404 error page</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- error Page start -->
+    <div class="error-page">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="error-page-image wow fadeInUp">
+                        <img src="images/404-error-img.png" alt="">
+                    </div>
+                    <div class="error-page-content">
+                        <div class="section-title">
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Oops! page not found</h2>
+                        </div>
+                        <div class="error-page-content-body">
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">The page you are looking for does not exist.</p>
+                            <a class="btn-default wow fadeInUp" data-wow-delay="0.4s" href="./">back to home</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- error Page end -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/blog-single.php

@@ -0,0 +1,385 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li> 
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Bridging aesthetics...</h1>
+                        <div class="post-single-meta wow fadeInUp">
+							<ol class="breadcrumb">
+                                <li><i class="fa-regular fa-user"></i> Admin</li>
+								<li><i class="fa-regular fa-clock"></i> 09 Nov, 2025</li>
+                            </ol>
+						</div>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Single Post Start -->
+    <div class="page-single-post">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Post Featured Image Start -->
+                    <div class="post-image">
+                        <figure class="image-anime reveal">
+                            <img src="images/post-2.jpg" alt="">
+                        </figure>
+                    </div>
+                    <!-- Post Featured Image Start -->
+
+                    <!-- Post Single Content Start -->
+                    <div class="post-content">
+                        <!-- Post Entry Start -->
+                        <div class="post-entry">
+                            <p class="wow fadeInUp">Modern building design is no longer just about creating structures that look impressive from the outside. Today, the true value of design lies in balancing aesthetic appeal with everyday usability. A building must be visually engaging, but it must also support the activities, comfort, and movement of the people who use it. This balance between beauty and practicality creates environments that are meaningful, efficient, and long-lasting.</p>
+
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">Aesthetics shape the first impression of a space. The lines of the structure, the choice of materials, the natural light, and the color palette all influence how a building feels. A well-designed aesthetic can inspire creativity in workplaces, create calm in homes, or convey professionalism in business environments. It gives a building identity and emotional connection.</p>
+                            
+                            <blockquote class="wow fadeInUp" data-wow-delay="0.4s">
+                                <p>A well-designed building balances beauty and purpose, creating spaces that look inviting and work smoothly. When aesthetics meet functionality, environments become comfortable, efficient, inspiring, and truly meaningful for everyday living.</p>
+                            </blockquote>
+
+                            <p class="wow fadeInUp" data-wow-delay="0.6s">Functionality, on the other hand, ensures that the building works. The layout should feel natural to navigate. Systems such as lighting, ventilation, and circulation should support daily activities without effort. Storage, accessibility, and long-term maintenance must be considered from the beginning to prevent inconvenience later. When functionality is prioritized, the space becomes easy to live in, work in, and maintain.</p>
+
+                            <h2 class="wow fadeInUp" data-wow-delay="0.8s">Why functionality matters</h2>
+
+                            <p class="wow fadeInUp" data-wow-delay="1s">Functionality ensures that a building supports the daily activities of the people who use it. When spaces are planned well, movement feels natural, systems work efficiently, and the environment remains comfortable and practical over time.</p>
+
+                            <ul class="wow fadeInUp" data-wow-delay="1.2s">
+                                <li>Functional design ensures spaces are easy to move through, reducing congestion and improving daily usability.</li>
+                                <li>Rooms, work zones, and pathways are arranged in ways that support natural behavior and daily routines.</li>
+                                <li>Every square foot is utilized purposefully, preventing wasted space and improving the overall efficiency of the building.</li>
+                                <li>When environments are designed for easy access and smooth workflow, users work faster and more comfortably.</li>
+                                <li>Functionally planned spaces maximize fresh air and daylight, supporting health, energy savings, and well-being.</li>
+                            </ul>
+
+                            <p class="wow fadeInUp" data-wow-delay="1.4s">Functionality is the foundation of good design. When the layout, lighting, ventilation, accessibility, and circulation are thoughtfully planned, the building becomes comfortable, safe, and efficient to use. Without functionality, even the most beautiful design feels inconvenient and difficult to maintain.</p>
+                        </div>
+                        <!-- Post Entry End -->
+
+                        <!-- Post Tag Links Start -->
+                        <div class="post-tag-links">
+                            <div class="row align-items-center">
+                                <div class="col-lg-8">
+                                    <!-- Post Tags Start -->
+                                    <div class="post-tags wow fadeInUp" data-wow-delay="0.5s">
+                                        <span class="tag-links">
+                                            Tags:
+                                            <a href="#">Architecture</a>
+                                            <a href="#">Functionality</a>
+                                            <a href="#">Construction</a>
+                                        </span>
+                                    </div>
+                                    <!-- Post Tags End -->
+                                </div>
+
+                                <div class="col-lg-4">
+                                    <!-- Post Social Links Start -->
+                                    <div class="post-social-sharing wow fadeInUp" data-wow-delay="0.5s">
+                                        <ul>
+                                            <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                                            <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
+                                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                        </ul>
+                                    </div>
+                                    <!-- Post Social Links End -->
+                                </div>
+                            </div>
+                        </div>
+                        <!-- Post Tag Links End -->
+                    </div>
+                    <!-- Post Single Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Single Post End -->
+
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/blog.php

@@ -0,0 +1,631 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                    <ul>
+                                        <li class="nav-item"><a class="nav-link" href="/">Home - Version 1</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/index-2">Home - Version 2</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/index-3">Home - Version 3</a></li>
+                                    </ul>
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Latest Blog</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">blog</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Blog Start -->
+    <div class="page-blog">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-4 col-md-6">
+                    <!-- Post Item Start -->
+                    <div class="post-item wow fadeInUp">
+                        <!-- Post Featured Image Start -->
+                        <div class="post-featured-image">
+                            <a href="/blog-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/post-1.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Post Featured Image End -->
+
+                        <!-- Post Item Tag Start -->
+                        <div class="post-item-tags">
+                            <a href="/blog-single">Sustainability</a>
+                        </div>
+                        <!-- Post Item Tag End -->
+
+                        <!-- Post Item Body Start -->
+                        <div class="post-item-body">
+                            <!-- Post Content Box Start -->
+                            <div class="post-content-box">
+                                <!-- Post Item Meta Start -->
+                                <div class="post-item-meta">
+                                    <ul>
+                                        <li>OCT 25, 2025</li>
+                                    </ul>
+                                </div>
+                                <!-- Post Item Meta End -->
+                                
+                                <!-- Post Item Content Start -->
+                                <div class="post-item-content">
+                                    <h2><a href="/blog-single">The Future of Sustainable Architecture Building Green for Tomorrow</a></h2>
+                                </div>
+                                <!-- Post Item Content End -->
+                            </div>
+                            <!-- Post Content Box End -->
+
+                            <!-- Post Item Readmore Button Start-->
+                            <div class="post-item-btn">
+                                <a href="/blog-single" class="readmore-btn">Read More</a>
+                            </div>
+                            <!-- Post Item Readmore Button End-->
+                        </div>
+                        <!-- Post Item Body End -->
+                    </div>
+                    <!-- Post Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Post Item Start -->
+                    <div class="post-item wow fadeInUp" data-wow-delay="0.2s">
+                        <!-- Post Featured Image Start -->
+                        <div class="post-featured-image">
+                            <a href="/blog-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/post-2.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Post Featured Image End -->
+
+                        <!-- Post Item Tag Start -->
+                        <div class="post-item-tags">
+                            <a href="/blog-single">Building Design</a>
+                        </div>
+                        <!-- Post Item Tag End -->
+
+                        <!-- Post Item Body Start -->
+                        <div class="post-item-body">
+                            <!-- Post Content Box Start -->
+                            <div class="post-content-box">
+                                <!-- Post Item Meta Start -->
+                                <div class="post-item-meta">
+                                    <ul>
+                                        <li>SEP 25, 2025</li>
+                                    </ul>
+                                </div>
+                                <!-- Post Item Meta End -->
+                                
+                                <!-- Post Item Content Start -->
+                                <div class="post-item-content">
+                                    <h2><a href="/blog-single">Bridging Aesthetics and Functionality in Building Design</a></h2>
+                                </div>
+                                <!-- Post Item Content End -->
+                            </div>
+                            <!-- Post Content Box End -->
+
+                            <!-- Post Item Button Start-->
+                            <div class="post-item-btn">
+                                <a href="/blog-single" class="readmore-btn">Read More</a>
+                            </div>
+                            <!-- Post Item Button End-->
+                        </div>
+                        <!-- Post Item Body End -->
+                    </div>
+                    <!-- Post Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Post Item Start -->
+                    <div class="post-item wow fadeInUp" data-wow-delay="0.4s">
+                        <!-- Post Featured Image Start -->
+                        <div class="post-featured-image">
+                            <a href="/blog-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/post-3.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Post Featured Image End -->
+
+                        <!-- Post Item Tag Start -->
+                        <div class="post-item-tags">
+                            <a href="/blog-single">Smart Design</a>
+                        </div>
+                        <!-- Post Item Tag End -->
+
+                        <!-- Post Item Body Start -->
+                        <div class="post-item-body">
+                            <!-- Post Content Box Start -->
+                            <div class="post-content-box">
+                                <!-- Post Item Meta Start -->
+                                <div class="post-item-meta">
+                                    <ul>
+                                        <li>NOV 02, 2025</li>
+                                    </ul>
+                                </div>
+                                <!-- Post Item Meta End -->
+                                
+                                <!-- Post Item Content Start -->
+                                <div class="post-item-content">
+                                    <h2><a href="/blog-single">Iconic Structures Lessons from Timeless Architectural Marvels</a></h2>
+                                </div>
+                                <!-- Post Item Content End -->
+                            </div>
+                            <!-- Post Content Box End -->
+
+                            <!-- Post Item Readmore Button Start-->
+                            <div class="post-item-btn">
+                                <a href="/blog-single" class="readmore-btn">Read More</a>
+                            </div>
+                            <!-- Post Item Readmore Button End-->
+                        </div>
+                        <!-- Post Item Body End -->
+                    </div>
+                    <!-- Post Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Post Item Start -->
+                    <div class="post-item wow fadeInUp" data-wow-delay="0.6s">
+                        <!-- Post Featured Image Start -->
+                        <div class="post-featured-image">
+                            <a href="/blog-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/post-4.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Post Featured Image End -->
+
+                        <!-- Post Item Tag Start -->
+                        <div class="post-item-tags">
+                            <a href="/blog-single">Sustainability</a>
+                        </div>
+                        <!-- Post Item Tag End -->
+
+                        <!-- Post Item Body Start -->
+                        <div class="post-item-body">
+                            <!-- Post Content Box Start -->
+                            <div class="post-content-box">
+                                <!-- Post Item Meta Start -->
+                                <div class="post-item-meta">
+                                    <ul>
+                                        <li>OCT 25, 2025</li>
+                                    </ul>
+                                </div>
+                                <!-- Post Item Meta End -->
+                                
+                                <!-- Post Item Content Start -->
+                                <div class="post-item-content">
+                                    <h2><a href="/blog-single">Planning Smarter Industrial Spaces for Future Growth</a></h2>
+                                </div>
+                                <!-- Post Item Content End -->
+                            </div>
+                            <!-- Post Content Box End -->
+
+                            <!-- Post Item Readmore Button Start-->
+                            <div class="post-item-btn">
+                                <a href="/blog-single" class="readmore-btn">Read More</a>
+                            </div>
+                            <!-- Post Item Readmore Button End-->
+                        </div>
+                        <!-- Post Item Body End -->
+                    </div>
+                    <!-- Post Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Post Item Start -->
+                    <div class="post-item wow fadeInUp" data-wow-delay="0.8s">
+                        <!-- Post Featured Image Start -->
+                        <div class="post-featured-image">
+                            <a href="/blog-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/post-5.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Post Featured Image End -->
+
+                        <!-- Post Item Tag Start -->
+                        <div class="post-item-tags">
+                            <a href="/blog-single">Building Design</a>
+                        </div>
+                        <!-- Post Item Tag End -->
+
+                        <!-- Post Item Body Start -->
+                        <div class="post-item-body">
+                            <!-- Post Content Box Start -->
+                            <div class="post-content-box">
+                                <!-- Post Item Meta Start -->
+                                <div class="post-item-meta">
+                                    <ul>
+                                        <li>SEP 25, 2025</li>
+                                    </ul>
+                                </div>
+                                <!-- Post Item Meta End -->
+                                
+                                <!-- Post Item Content Start -->
+                                <div class="post-item-content">
+                                    <h2><a href="/blog-single">Key Factors Shaping Modern Industrial Project Success</a></h2>
+                                </div>
+                                <!-- Post Item Content End -->
+                            </div>
+                            <!-- Post Content Box End -->
+
+                            <!-- Post Item Readmore Button Start-->
+                            <div class="post-item-btn">
+                                <a href="/blog-single" class="readmore-btn">Read More</a>
+                            </div>
+                            <!-- Post Item Readmore Button End-->
+                        </div>
+                        <!-- Post Item Body End -->
+                    </div>
+                    <!-- Post Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Post Item Start -->
+                    <div class="post-item wow fadeInUp" data-wow-delay="1s">
+                        <!-- Post Featured Image Start -->
+                        <div class="post-featured-image">
+                            <a href="/blog-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/post-6.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Post Featured Image End -->
+
+                        <!-- Post Item Tag Start -->
+                        <div class="post-item-tags">
+                            <a href="/blog-single">Smart Design</a>
+                        </div>
+                        <!-- Post Item Tag End -->
+
+                        <!-- Post Item Body Start -->
+                        <div class="post-item-body">
+                            <!-- Post Content Box Start -->
+                            <div class="post-content-box">
+                                <!-- Post Item Meta Start -->
+                                <div class="post-item-meta">
+                                    <ul>
+                                        <li>NOV 02, 2025</li>
+                                    </ul>
+                                </div>
+                                <!-- Post Item Meta End -->
+                                
+                                <!-- Post Item Content Start -->
+                                <div class="post-item-content">
+                                    <h2><a href="/blog-single">How Layout Design Impacts Daily Operational Efficiency</a></h2>
+                                </div>
+                                <!-- Post Item Content End -->
+                            </div>
+                            <!-- Post Content Box End -->
+
+                            <!-- Post Item Readmore Button Start-->
+                            <div class="post-item-btn">
+                                <a href="/blog-single" class="readmore-btn">Read More</a>
+                            </div>
+                            <!-- Post Item Readmore Button End-->
+                        </div>
+                        <!-- Post Item Body End -->
+                    </div>
+                    <!-- Post Item End -->
+                </div>
+
+                <div class="col-lg-12">
+                    <!-- Page Pagination Start -->
+                    <div class="page-pagination wow fadeInUp" data-wow-delay="1.2s">
+                        <ul class="pagination">
+                            <li><a href="#"><i class="fa-solid fa-angle-left"></i></a></li>
+                            <li class="active"><a href="#">1</a></li>
+                            <li><a href="#">2</a></li>
+                            <li><a href="#">3</a></li>
+                            <li><a href="#"><i class="fa-solid fa-angle-right"></i></a></li>
+                        </ul>
+                    </div>
+                    <!-- Page Pagination End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Blog End -->
+
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/contact.php

@@ -0,0 +1,433 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a> </li> 
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Contact us</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">Contact us</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Contact Us Start -->
+    <div class="page-contact-us">
+        <div class="container">
+            <div class="row align-items-center">
+                <div class="col-xl-5">
+                    <!-- Content Us Content Start -->
+                    <div class="contact-us-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">Contact Us</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Let's connect & build your dream project</h2>
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">We'd love to hear about your project. Reach out, share your ideas, and let's start shaping your dream into something real and lasting.</p>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Contact Info List Start -->
+                        <div class="contact-info-list">                            
+                            <!-- Contact Info Item Start  -->
+                            <div class="contact-info-item wow fadeInUp">
+                                <div class="icon-box">
+                                    <img src="images/icon-phone-primary.svg" alt="">
+                                </div>
+                                <div class="contact-info-item-content">
+                                    <h3>Phone Number</h3>
+                                    <p><a href="tel:123456789">+(123) 456-789</a></p>
+                                </div>
+                            </div>
+                            <!-- Contact Info Item End  -->
+
+                            <!-- Contact Info Item Start  -->
+                            <div class="contact-info-item wow fadeInUp" data-wow-delay="0.2s">
+                                <div class="icon-box">
+                                    <img src="images/icon-mail-primary.svg" alt="">
+                                </div>
+                                <div class="contact-info-item-content">
+                                    <h3>Email Address</h3>
+                                    <p><a href="mailto:support@domain.com">support@domain.com</a></p>
+                                </div>
+                            </div>
+                            <!-- Contact Info Item End  -->
+
+                            <!-- Contact Info Item Start  -->
+                            <div class="contact-info-item wow fadeInUp" data-wow-delay="0.4s">
+                                <div class="icon-box">
+                                    <img src="images/icon-location-primary.svg" alt="">
+                                </div>
+                                <div class="contact-info-item-content">
+                                    <h3>Our Location</h3>
+                                    <p>Office No. 12, 3rd Floor, Lorem Business Center, Ipsum City</p>
+                                </div>
+                            </div>
+                            <!-- Contact Info Item End  -->
+                        </div>
+                        <!-- Contact Info List End -->
+                    </div>
+                    <!-- Content Us Content End -->
+                </div>
+
+                <div class="col-xl-7">
+                     <!-- Contact Us Form Start -->
+                    <div class="contact-us-form">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Get in touch with us</h2>
+                            <p class="wow fadeInUp">Need help or have a project? Get in touch — we're always ready to support you.</p>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Contact Form Start -->
+                        <div class="contact-form">
+                            <form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
+                                <div class="row">
+                                    <div class="form-group col-md-6 mb-4">
+                                        <input type="text" name="fname" class="form-control" id="fname" placeholder="First Name" required>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+            
+                                    <div class="form-group col-md-6 mb-4">
+                                        <input type="text" name="lname" class="form-control" id="lname" placeholder="Last Name" required>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+                                    
+                                    <div class="form-group col-md-6 mb-4">
+                                        <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone Number" required>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+
+                                    <div class="form-group col-md-6 mb-4">
+                                        <input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+            
+                                    <div class="form-group col-md-12 mb-5">
+                                        <textarea name="message" class="form-control" id="message" rows="6" placeholder="Message"></textarea>
+                                        <div class="help-block with-errors"></div>
+                                    </div>
+            
+                                    <div class="col-lg-12">
+                                        <div class="contact-form-btn">
+                                            <button type="submit" class="btn-default"><span>Send Message</span></button>
+                                            <div id="msgSubmit" class="h3 hidden"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                        <!-- Contact Form End -->
+                    </div>
+                    <!-- Contact Us Form End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Contact Us End -->
+
+    <!-- Google Map Start -->
+    <div class="google-map">
+        <div class="container-fluid">
+            <div class="row no-gutters">
+                <div class="col-lg-12">
+                    <!-- Google Map Start -->
+                    <div class="google-map-iframe">
+                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96737.10562045308!2d-74.08535042841811!3d40.739265258395164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1703158537552!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+                    </div>
+                    <!-- Google Map End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Google Map End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/errors/cli/error_404.php

@@ -0,0 +1 @@
+<?php echo 'ERROR 404: Page not found.' . PHP_EOL; ?>

app/Views/errors/cli/error_exception.php

@@ -0,0 +1,5 @@
+<?php echo 'ERROR: ' . ($title ?? 'Application Error') . PHP_EOL; ?>
+<?php echo ($type ?? '') . ': ' . ($message ?? '') . PHP_EOL; ?>
+<?php if (isset($backtrace)) : ?>
+<?php echo $backtrace . PHP_EOL; ?>
+<?php endif; ?>

app/Views/errors/html/error_404.php

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 - Page Not Found</title>
+    <style>
+        body { font-family: sans-serif; text-align: center; padding: 80px 20px; background: #f5f5f5; color: #333; }
+        h1 { font-size: 6rem; margin: 0; color: #e74c3c; }
+        h2 { font-size: 1.5rem; margin: 10px 0 20px; }
+        a { color: #3498db; text-decoration: none; }
+        a:hover { text-decoration: underline; }
+    </style>
+</head>
+<body>
+    <h1>404</h1>
+    <h2>Page Not Found</h2>
+    <p>The page you requested was not found.</p>
+    <p><a href="/">Go back home</a></p>
+</body>
+</html>

app/Views/errors/html/error_exception.php

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><?= esc($title ?? 'Application Error') ?></title>
+    <style>
+        body { font-family: sans-serif; padding: 40px 20px; background: #f5f5f5; color: #333; }
+        h1 { color: #e74c3c; }
+        pre { background: #fff; border: 1px solid #ddd; padding: 15px; overflow: auto; font-size: 13px; border-radius: 4px; }
+        a { color: #3498db; text-decoration: none; }
+    </style>
+</head>
+<body>
+    <h1><?= esc($title ?? 'Application Error') ?></h1>
+    <p><?= esc($type ?? '') ?>: <?= esc($message ?? '') ?></p>
+    <?php if (defined('CI_DEBUG') && CI_DEBUG && isset($backtrace)) : ?>
+        <pre><?= esc($backtrace) ?></pre>
+    <?php endif; ?>
+    <p><a href="/">Go back home</a></p>
+</body>
+</html>

app/Views/errors/html/production.php

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Application Error</title>
+    <style>
+        body { font-family: sans-serif; text-align: center; padding: 80px 20px; background: #f5f5f5; color: #333; }
+        h1 { font-size: 3rem; color: #e74c3c; }
+        a { color: #3498db; text-decoration: none; }
+    </style>
+</head>
+<body>
+    <h1>Something went wrong</h1>
+    <p>We encountered an error and could not complete your request.</p>
+    <p><a href="/">Go back home</a></p>
+</body>
+</html>

app/Views/faqs.php

@@ -0,0 +1,795 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>             
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Frequently asked questions</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">Frequently asked questions</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+     <!-- Page Faqs Start -->
+    <div class="page-faqs">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4">
+                    <!-- Page Single Sidebar Start -->
+                    <div class="page-single-sidebar">
+                        <!-- Page Category List Start -->
+                        <div class="page-category-list wow fadeInUp">
+                            <ul>
+                                <li><a href="#faq_1">General Project Questions</a></li>
+                                <li><a href="#faq_2">Design & Planning Questions</a></li>
+                                <li><a href="#faq_3">Budget & Costing Questions</a></li>
+                                <li><a href="#faq_4">Materials & Quality Questions</a></li>
+                                <li><a href="#faq_5">Safety & Compliance Questions</a></li>
+                            </ul>
+                        </div>
+                        <!-- Page Category List End -->
+                        
+                        <!-- Sidebar CTA Box Start -->
+                        <div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
+                            <!-- Sidebar CTA Title Start -->
+                            <div class="sidebar-cta-title">
+                                <h3>Do You Need Help!</h3>
+                            </div>
+                            <!-- Sidebar CTA Title End -->
+
+                            <!-- Sidebar CTA Body Start -->
+                            <div class="sidebar-cta-body">
+                                <div class="sidebar-cta-body-content">
+                                    <ul>
+                                        <li><img src="images/icon-phone-primary.svg" alt=""><a href="tel:+123456789">+(123) 456 789</a></li>
+                                        <li><img src="images/icon-mail-primary.svg" alt=""><a href="mailto:support@example.com">support@example.com</a></li>
+                                    </ul>
+                                </div>
+                               <div class="sidebar-cta-body-image">
+                                    <figure>
+                                        <img src="images/sidebar-body-image.png" alt="">
+                                    </figure>
+                               </div>
+                            </div>
+                            <!-- Sidebar CTA Body End -->
+                        </div>
+                        <!-- Sidebar CTA Box End -->
+                    </div>
+                    <!-- Page Single Sidebar End -->
+                </div>
+
+                <div class="col-lg-8">
+                    <!-- Page FAQs Catagery Start -->
+                    <div class="page-faqs-catagery">
+                        <!-- FAQs section start -->
+                        <div class="page-single-faqs" id="faq_1">
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">General project questions</h2>
+                            </div>
+
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion our-faq-accordion" id="accordion">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading1">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
+                                            Q1. Do you provide both design and construction services?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading2">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                            Q2. Can you work with my existing architect or designer?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading3">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                            Q3. How do you estimate the total project cost?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading4">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                            Q4. What materials do you typically use for construction?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading5">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                            Q5. Can you handle renovation or remodeling projects?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- FAQs section End -->
+
+                        <!-- FAQs section start -->
+                        <div class="page-single-faqs" id="faq_2">
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Design & planning  questions</h2>
+                            </div>
+
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion our-faq-accordion" id="accordion1">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading6">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="true" aria-controls="collapse6">
+                                            Q1. Do you provide both design and construction services?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse6" class="accordion-collapse collapse show" aria-labelledby="heading6" data-bs-parent="#accordion1">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading7">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
+                                            Q2. Can you work with my existing architect or designer?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse7" class="accordion-collapse collapse" aria-labelledby="heading7" data-bs-parent="#accordion1">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading8">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
+                                            Q3. How do you estimate the total project cost?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse8" class="accordion-collapse collapse" aria-labelledby="heading8" data-bs-parent="#accordion1">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading9">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
+                                            Q4. What is included in the building design process?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse9" class="accordion-collapse collapse" aria-labelledby="heading9" data-bs-parent="#accordion1">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading10">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
+                                            Q5. Do I need approvals or permits for my building?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse10" class="accordion-collapse collapse" aria-labelledby="heading10" data-bs-parent="#accordion1">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- FAQs section End -->
+
+                        <!-- FAQs section start -->
+                        <div class="page-single-faqs" id="faq_3">
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Budget & costing questions</h2>
+                            </div>
+
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion our-faq-accordion" id="accordion2">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading11">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="true" aria-controls="collapse11">
+                                            Q1. Do you provide both design and construction services?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse11" class="accordion-collapse collapse show" aria-labelledby="heading11" data-bs-parent="#accordion2">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading12">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12" aria-expanded="false" aria-controls="collapse12">
+                                            Q2. Can you work with my existing architect or designer?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse12" class="accordion-collapse collapse" aria-labelledby="heading12" data-bs-parent="#accordion2">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading13">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13" aria-expanded="false" aria-controls="collapse13">
+                                            Q3. How do you estimate the total project cost?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse13" class="accordion-collapse collapse" aria-labelledby="heading13" data-bs-parent="#accordion2">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading14">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse14" aria-expanded="false" aria-controls="collapse14">
+                                            Q4. What is the estimated cost for building design services?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse14" class="accordion-collapse collapse" aria-labelledby="heading14" data-bs-parent="#accordion2">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading15">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse15" aria-expanded="false" aria-controls="collapse15">
+                                            Q5. How do you handle design changes during construction?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse15" class="accordion-collapse collapse" aria-labelledby="heading15" data-bs-parent="#accordion2">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- FAQs section End -->
+
+                        <!-- FAQs section start -->
+                        <div class="page-single-faqs" id="faq_4">
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Materials & quality questions</h2>
+                            </div>
+                            
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion our-faq-accordion" id="accordion3">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading16">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse16" aria-expanded="false" aria-controls="collapse16">
+                                            Q1. Do you provide both design and construction services?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse16" class="accordion-collapse collapse show" aria-labelledby="heading16" data-bs-parent="#accordion3">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading17">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse17" aria-expanded="false" aria-controls="collapse17">
+                                            Q2. Can you work with my existing architect or designer?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse17" class="accordion-collapse collapse" aria-labelledby="heading17" data-bs-parent="#accordion3">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading18">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse18" aria-expanded="false" aria-controls="collapse18">
+                                            Q3. How do you estimate the total project cost?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse18" class="accordion-collapse collapse" aria-labelledby="heading18" data-bs-parent="#accordion3">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading19">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse19" aria-expanded="false" aria-controls="collapse19">
+                                            Q4. What materials do you typically use for construction?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse19" class="accordion-collapse collapse" aria-labelledby="heading19" data-bs-parent="#accordion3">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading20">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse20" aria-expanded="false" aria-controls="collapse20">
+                                            Q5. How early should I involve an architect in the project?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse20" class="accordion-collapse collapse" aria-labelledby="heading20" data-bs-parent="#accordion3">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- FAQs section End -->
+
+                        <!-- FAQs section start -->
+                        <div class="page-single-faqs" id="faq_5">
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Safety & compliance questions</h2>
+                            </div>
+                            
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion our-faq-accordion" id="accordion4">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading21">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse21" aria-expanded="false" aria-controls="collapse21">
+                                            Q1. Do you provide both design and construction services?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse21" class="accordion-collapse collapse show" aria-labelledby="heading21" data-bs-parent="#accordion4">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading22">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse22" aria-expanded="false" aria-controls="collapse22">
+                                            Q2. Can you work with my existing architect or designer?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse22" class="accordion-collapse collapse" aria-labelledby="heading22" data-bs-parent="#accordion4">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading23">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse23" aria-expanded="false" aria-controls="collapse23">
+                                            Q3. How do you estimate the total project cost?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse23" class="accordion-collapse collapse" aria-labelledby="heading23" data-bs-parent="#accordion4">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading24">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse24" aria-expanded="false" aria-controls="collapse24">
+                                            Q4. Will I get a 3D model or visualization of the design?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse24" class="accordion-collapse collapse" aria-labelledby="heading24" data-bs-parent="#accordion4">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading25">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse25" aria-expanded="false" aria-controls="collapse25">
+                                            Q5. What materials do you recommend for long-term durability?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse25" class="accordion-collapse collapse" aria-labelledby="heading25" data-bs-parent="#accordion4">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- FAQs section End -->
+                    </div> 
+                    <!-- Page FAQs Catagery End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Faqs End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/form-process.php

@@ -0,0 +1,77 @@
+<?php
+
+	$errorMSG = "";
+
+	// FIRSTNAME
+	if (empty($_POST["fname"])) {
+		$errorMSG = "First Name is required. ";
+	} else {
+		$fname = $_POST["fname"];
+	}
+
+	// LASTNAME
+	if (empty($_POST["lname"])) {
+		$errorMSG = "Last Name is required. ";
+	} else {
+		$lname = $_POST["lname"];
+	}
+
+	// PHONE
+	if (empty($_POST["phone"])) {
+		$errorMSG .= "Phone is required. ";
+	} else {
+		$phone = $_POST["phone"];
+	}	
+
+	// EMAIL
+	if (empty($_POST["email"])) {
+		$errorMSG .= "Email is required. ";
+	} else {
+		$email = $_POST["email"];
+	}
+
+	// MESSAGE
+	if (empty($_POST["message"])) {
+		$errorMSG .= "Message is required. ";
+	} else {
+		$message = $_POST["message"];
+	}
+
+	$subject = 'Contact Inquiry from Website';
+
+	//$EmailTo = "info@yourdomain.com"; // Replace with your email.
+    $EmailTo = "tokslawdev@gmail.com";
+    
+	// prepare email body text
+	$Body = "";
+	$Body .= "fname: ";
+	$Body .= $fname;
+	$Body .= "\n";
+	$Body .= "lname: ";
+	$Body .= $lname;
+	$Body .= "\n";	
+	$Body .= "Phone: ";
+	$Body .= $phone;
+	$Body .= "\n";
+	$Body .= "Email: ";
+	$Body .= $email;
+	$Body .= "\n";
+	$Body .= "Message: ";
+	$Body .= $message;
+	$Body .= "\n";
+
+	// send email
+	$success = @mail($EmailTo, $subject, $Body, "From:".$email);
+
+	// redirect to success page
+	if ($success && $errorMSG == ""){
+	   echo "success";
+	}else{
+		if($errorMSG == ""){
+			echo "Something went wrong :(";
+		} else {
+			echo $errorMSG;
+		}
+	}
+
+?>

app/Views/image-gallery.php

@@ -0,0 +1,420 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>             
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Image Gallery</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">image gallery</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+     <!-- Photo Gallery Start -->
+    <div class="page-gallery">
+        <div class="container">
+            <!-- gallery section start -->
+            <div class="row gallery-items page-gallery-box">
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp">
+                        <a href="images/gallery-1.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-1.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="0.2s">
+                        <a href="images/gallery-2.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-2.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="0.4s">
+                        <a href="images/gallery-3.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-3.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="0.6s">
+                        <a href="images/gallery-4.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-4.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="0.8s">
+                        <a href="images/gallery-5.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-5.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="1s">
+                        <a href="images/gallery-6.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-6.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+                
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="1.2s">
+                        <a href="images/gallery-7.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-7.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="1.4s">
+                        <a href="images/gallery-8.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-8.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-6">
+                    <!-- Image Gallery start -->
+                    <div class="photo-gallery wow fadeInUp" data-wow-delay="1.6s">
+                        <a href="images/gallery-9.jpg" data-cursor-text="View">
+                            <figure class="image-anime">
+                                <img src="images/gallery-9.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Image Gallery end -->
+                </div>
+            </div>
+            <!-- gallery section end -->
+        </div>
+    </div>
+    <!-- Photo Gallery End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/pricing.php

@@ -0,0 +1,792 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Our pricing</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">pricing</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Pricing Start -->
+    <div class="page-pricing">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-4 col-md-6">
+                    <!-- Pricing Item Start -->
+                    <div class="pricing-item wow fadeInUp">
+                        <div class="pricing-item-header">
+                            <div class="icon-box">
+                                <img src="images/icon-pricing-1.svg" alt="">
+                            </div>
+                            <div class="pricing-item-content">
+                                <p>Basic Plan</p>
+                                <h2>$1999.00<sub>/Project</sub></h2>
+                            </div>
+                        </div>
+                        <div class="pricing-item-body">
+                            <div class="pricing-item-list">
+                                <h3>What's Included:</h3>
+                                <ul>
+                                    <li>Basic 2D Floor Plan & Layout Design</li>
+                                    <li>Initial Consultation & Site Assessment</li>
+                                    <li>Material Guidance & Cost Estimation</li>
+                                </ul>
+                            </div>
+                            <div class="pricing-item-btn">
+                                <a href="/contact" class="btn-default">Get Started With Plan</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Pricing Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Pricing Item Start -->
+                    <div class="pricing-item highlighted-box wow fadeInUp" data-wow-delay="0.2s">
+                        <div class="pricing-item-header">
+                            <div class="icon-box">
+                                <img src="images/icon-pricing-2.svg" alt="">
+                            </div>
+                            <div class="pricing-item-content">
+                                <p>Premium Plan</p>
+                                <h2>$2999.00<sub>/Project</sub></h2>
+                            </div>
+                        </div>
+                        <div class="pricing-item-body">
+                            <div class="pricing-item-list">
+                                <h3>What's Included:</h3>
+                                <ul>
+                                    <li>Basic 2D Floor Plan & Layout Design</li>
+                                    <li>Initial Consultation & Site Assessment</li>
+                                    <li>Material Guidance & Cost Estimation</li>
+                                </ul>
+                            </div>
+                            <div class="pricing-item-btn">
+                                <a href="/contact" class="btn-default">Get Started With Plan</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Pricing Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                    <!-- Pricing Item Start -->
+                    <div class="pricing-item wow fadeInUp" data-wow-delay="0.4s">
+                        <div class="pricing-item-header">
+                            <div class="icon-box">
+                                <img src="images/icon-pricing-3.svg" alt="">
+                            </div>
+                            <div class="pricing-item-content">
+                                <p>Standard Plan</p>
+                                <h2>$4999.00<sub>/Project</sub></h2>
+                            </div>
+                        </div>
+                        <div class="pricing-item-body">
+                            <div class="pricing-item-list">
+                                <h3>What's Included:</h3>
+                                <ul>
+                                    <li>Basic 2D Floor Plan & Layout Design</li>
+                                    <li>Initial Consultation & Site Assessment</li>
+                                    <li>Material Guidance & Cost Estimation</li>
+                                </ul>
+                            </div>
+                            <div class="pricing-item-btn">
+                                <a href="/contact" class="btn-default">Get Started With Plan</a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Pricing Item End -->
+                </div>
+
+                <div class="col-lg-12">
+                    <!-- Pricing Benefits List Start -->
+                    <div class="pricing-benefit-list wow fadeInUp" data-wow-delay="0.2s">
+                        <ul>
+                            <li><img src="images/icon-pricing-benefit-1.svg" alt="">Get 30 day free trial</li>
+                            <li><img src="images/icon-pricing-benefit-2.svg" alt="">No any hidden fees pay</li>
+                            <li><img src="images/icon-pricing-benefit-3.svg" alt="">You can cancel anytime</li>
+                        </ul>
+                    </div>
+                    <!-- Pricing Benefits List End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Pricing End -->
+
+    <!-- Watch Our Story Section Start -->
+    <div class="our-story dark-section parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Our Story Content Start -->
+                    <div class="our-story-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">watch our story</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Watch Video Circle Start -->
+                        <div class="watch-video-circle">
+                            <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                                <img src="images/watch-video-circle.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Watch Video Circle End -->
+                    </div>
+                    <!-- Our Story Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Watch Our Story Section End -->
+
+    <!-- Our Features Section Start -->
+    <div class="our-features">
+        <div class="container">
+            <div class="row section-row">
+                <div class="col-lg-12">
+                    <!-- Section Title Start -->
+                    <div class="section-title section-title-center">
+                        <h3 class="wow fadeInUp">Our Features</h3>
+                        <h2 class="text-effect" data-cursor="-opaque">Driven by passion for quality <span class="feature-title-img-1"><img src="images/icon-feature-title-1.svg" alt=""></span> and innovation, we build <span class="feature-title-img-2"><img src="images/icon-feature-title-2.svg" alt=""></span> spaces that reflect strength, sustainability, <span class="feature-title-img-3"><img src="images/author-1.jpg" alt=""><img src="images/author-2.jpg" alt=""><img src="images/author-3.jpg" alt=""></span> and lasting value</h2>
+                    </div>
+                    <!-- Section Title End -->
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-xl-4 col-md-6 order-1">
+                    <!-- Feature Item Start -->
+                    <div class="feature-item box-1 wow fadeInUp">
+                        <div class="feature-item-shape-image">
+                            <figure>
+                                <img src="images/feature-item-image-1.jpg" alt="">
+                            </figure>
+                        </div>
+                        <div class="feature-item-content-box">
+                            <div class="feature-item-content">
+                                <h3>Innovative Design Approach</h3>
+                                <p>We combine creativity with functionality to deliver designs that are both visually striking.</p>
+                            </div>
+                            <div class="feature-item-list">
+                                <ul>
+                                    <li>Our architects embrace modern trends.</li>
+                                    <li>We merge creativity and practicality to design.</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Feature Item End -->
+                </div>
+
+                <div class="col-xl-4 order-xl-2 order-md-3 order-2">
+                    <!-- Feature Item Start -->
+                    <div class="feature-item box-2 wow fadeInUp" data-wow-delay="0.2s">
+                        <div class="feature-item-info">
+                            <div class="feature-item-info-content">
+                                <p>Your Vision, Our Expertise</p>
+                                <h3>Request To Get Free Projects Estimate Today</h3>
+                            </div>
+                            <div class="feature-item-btn">
+                                <a href="/contact" class="readmore-btn">Get Free Estimate</a>
+                            </div>
+                        </div>
+                        <div class="feature-item-image">
+                            <figure>
+                                <img src="images/feature-item-image-2.png" alt="">
+                            </figure>
+                        </div>
+                    </div>
+                    <!-- Feature Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6 order-xl-3 order-md-2 order-3">
+                    <!-- Feature Item Start -->
+                    <div class="feature-item box-3 wow fadeInUp" data-wow-delay="0.4s">
+                        <div class="feature-item-content-box">
+                            <div class="feature-item-content">
+                                <h2><span class="counter">250</span>+</h2>
+                                <h3>Dedicated Professionals</h3>
+                            </div>
+                            <div class="feature-item-counter-info">
+                                <p>A skilled team of architects, engineers, and experts working with passion.</p>
+                            </div>
+                        </div>
+                        <div class="feature-item-tag-list">
+                            <ul>
+                                <li>Visualization</li>
+                                <li>Custom Design</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <!-- Feature Item End -->
+                </div>
+
+                <div class="col-lg-12 order-5">
+                    <!-- Section Footer Text Start -->
+                    <div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.2s">
+                        <!-- Satisfy Client Images Start -->
+                        <div class="satisfy-client-images">
+                            <div class="satisfy-client-image">
+                                <figure class="image-anime">
+                                    <img src="images/author-1.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="satisfy-client-image add-more">
+                                <img src="images/icon-phone-primary.svg" alt="">
+                            </div>
+                        </div>
+                        <!-- Satisfy Client Images End -->
+                        <p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
+                        <ul>
+                            <li><span class="counter">4.9</span>/5</li>
+                            <li>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                            </li>
+                            <li>Our 4200 Review</li>
+                        </ul>
+                    </div>
+                    <!-- Section Footer Text End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our Features Section End -->
+
+    <!-- Our Testimonials Section Start -->
+    <div class="our-testimonials">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-5">
+                    <!-- Testimonial Content Start -->
+                    <div class="our-testimonial-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">Our Testimonials</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Real feedback from those who built their dreams</h2>
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">Our commitment to excellence has earned us the trust of homeowners, developers and businesses alike.</p>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Testimonial Button Start -->
+                        <div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
+                            <a href="/testimonials" class="btn-default">View all testimonials</a>
+                        </div>
+                        <!-- Testimonial Button End -->
+                    </div>
+                    <!-- Testimonial Content End -->
+                </div>
+                
+                <div class="col-xl-7">
+                    <!-- Testimonial Slider Box Start -->
+                    <div class="testimonial-slider-box">
+                        <!-- Testimonial Slider Start -->
+                        <div class="testimonial-slider">
+                            <div class="swiper">
+                                <div class="swiper-wrapper" data-cursor-text="Drag">
+                                    <!-- Testimonial Slide Start -->
+                                    <div class="swiper-slide">
+                                        <!-- Testimonial Item Start -->
+                                        <div class="testimonial-item">
+                                            <div class="testimonial-company-logo">
+                                                <img src="images/company-logo-1.svg" alt="">
+                                            </div> 
+                                            <div class="testimonial-item-body">
+                                                <div class="testimonial-item-content">
+                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                                                </div>
+                                                <div class="testimonial-author-content">
+                                                    <h3>Darlene Robertson</h3>
+                                                    <p>Interior Designer</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Testimonial Item End -->
+                                    </div>
+                                    <!-- Testimonial Slide End -->
+                                    
+                                    <!-- Testimonial Slide Start -->
+                                    <div class="swiper-slide">
+                                        <!-- Testimonial Item Start -->
+                                        <div class="testimonial-item">
+                                            <div class="testimonial-company-logo">
+                                                <img src="images/company-logo-2.svg" alt="">
+                                            </div> 
+                                            <div class="testimonial-item-body">
+                                                <div class="testimonial-item-content">
+                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                                                </div>
+                                                <div class="testimonial-author-content">
+                                                    <h3>Savannah Nguyen</h3>
+                                                    <p>Interior Designer</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Testimonial Item End -->
+                                    </div>
+                                    <!-- Testimonial Slide End -->
+                                    
+                                    <!-- Testimonial Slide Start -->
+                                    <div class="swiper-slide">
+                                        <!-- Testimonial Item Start -->
+                                        <div class="testimonial-item">
+                                            <div class="testimonial-company-logo">
+                                                <img src="images/company-logo-3.svg" alt="">
+                                            </div> 
+                                            <div class="testimonial-item-body">
+                                                <div class="testimonial-item-content">
+                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                                                </div>
+                                                <div class="testimonial-author-content">
+                                                    <h3>Wade Warren</h3>
+                                                    <p>Interior Designer</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Testimonial Item End -->
+                                    </div>
+                                    <!-- Testimonial Slide End -->
+                                </div>
+                                <div class="testimonial-pagination"></div>
+                            </div>
+                        </div>
+                        <!-- Testimonial Slider End -->
+    
+                        <!-- Section Footer Text Start -->
+                        <div class="section-footer-text section-footer-contact wow fadeInUp" data-wow-delay="0.2s">   
+                            <p><span><img src="images/icon-phone-primary.svg" alt=""></span> Build smarter, design better - <a href="/contact">start your project with us today</a></p>
+                        </div>
+                        <!-- Section Footer Text End -->
+                    </div>
+                    <!-- Testimonial Slider Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our Testimonial Section End -->
+
+    <!-- Our FAQs Section Start -->
+    <div class="our-faqs">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-5">
+                    <!-- Our FAQs Content Start -->
+                    <div class="our-faqs-content">
+                        <!-- Faqs Title Box Start -->
+                        <div class="faqs-title-box">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h3 class="wow fadeInUp">Frequently Asked Questions</h3>
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
+                                <p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
+                            </div>
+                            <!-- Section Title End -->
+
+                            <!-- Our FAQs Button Start -->
+                            <div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
+                                <a href="/faqs" class="btn-default">View all FAQs</a>   
+                            </div>
+                            <!-- Our FAQs Button End -->
+                        </div>
+                        <!-- Faqs Title Box End -->
+
+                        <!-- Faq Contact Box Start -->
+                        <div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
+                            <div class="icon-box">
+                                <img src="images/icon-phone-primary.svg" alt="">
+                            </div>
+                            <div class="faq-contact-box-content">
+                                <h3>Call Us For Any Query</h3>
+                                <p><a href="tel:+123456789">+(123) 456-789</a></p>
+                            </div>
+                        </div>
+                        <!-- Faq Contact Box End -->
+                    </div>
+                    <!-- Our FAQs Content End -->
+                </div>
+
+                <div class="col-xl-7">
+                    <!-- FAQ Accordion Start -->
+                    <div class="faq-accordion" id="accordion">
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp">
+                            <h2 class="accordion-header" id="heading1">
+                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
+                                    Q1. Do you provide both design and construction services?
+                                </button>
+                            </h2>
+                            <div id="collapse1" class="accordion-collapse collapse  show" aria-labelledby="heading1" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                            <h2 class="accordion-header" id="heading2">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                    Q2. Can you work with my existing architect or designer?
+                                </button>
+                            </h2>
+                            <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                            <h2 class="accordion-header" id="heading3">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                    Q3. How do you estimate the total project cost?
+                                </button>
+                            </h2>
+                            <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                            <h2 class="accordion-header" id="heading4">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                    Q4. What materials do you typically use for construction?
+                                </button>
+                            </h2>
+                            <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+                        
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                            <h2 class="accordion-header" id="heading5">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                    Q5. Can you handle renovation or remodeling projects?
+                                </button>
+                            </h2>
+                            <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+                    </div>
+                    <!-- FAQ Accordion End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our FAQs Section End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/project-single.php

@@ -0,0 +1,695 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Metro industrial hub</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item"><a href="/projects">Projects</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">Metro industrial hub</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Service Single Start -->
+    <div class="page-project-single">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4">
+                    <!-- Page Single Sidebar Start -->
+                    <div class="page-single-sidebar">
+                        <!-- Page Category List Start -->
+                        <div class="page-category-list project-category-list wow fadeInUp">
+                            <h3>Project Overview</h3>
+                            
+                            <!-- Project Category List Start -->
+                            <div class="project-category-item-list">
+                                <!-- Project Category Item Start -->
+                                <div class="project-category-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-project-category-item-1.svg" alt="">
+                                    </div>
+                                    <div class="project-category-item-content">
+                                        <h4>Project Name:</h4>
+                                        <p>Metro industrial hub</p>
+                                    </div>
+                                </div>
+                                <!-- Project Category Item End -->
+                                
+                                <!-- Project Category Item Start -->
+                                <div class="project-category-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-project-category-item-2.svg" alt="">
+                                    </div>
+                                    <div class="project-category-item-content">
+                                        <h4>Category:</h4>
+                                        <p>Industrial Construction</p>
+                                    </div>
+                                </div>
+                                <!-- Project Category Item End -->
+                                
+                                <!-- Project Category Item Start -->
+                                <div class="project-category-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-project-category-item-3.svg" alt="">
+                                    </div>
+                                    <div class="project-category-item-content">
+                                        <h4>Durations:</h4>
+                                        <p>1 year, 2 month </p>
+                                    </div>
+                                </div>
+                                <!-- Project Category Item End -->
+                                
+                                <!-- Project Category Item Start -->
+                                <div class="project-category-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-project-category-item-4.svg" alt="">
+                                    </div>
+                                    <div class="project-category-item-content">
+                                        <h4>Date:</h4>
+                                        <p>15 march, 2026</p>
+                                    </div>
+                                </div>
+                                <!-- Project Category Item End -->
+                                
+                                <!-- Project Category Item Start -->
+                                <div class="project-category-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-project-category-item-5.svg" alt="">
+                                    </div>
+                                    <div class="project-category-item-content">
+                                        <h4>Location:</h4>
+                                        <p>USA</p>
+                                    </div>
+                                </div>
+                                <!-- Project Category Item End -->
+                            </div>
+                            <!-- Project Category List End -->
+                        </div>
+                        <!-- Page Category List End -->
+                        
+                        <!-- Sidebar CTA Box Start -->
+                        <div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
+                            <!-- Sidebar CTA Title Start -->
+                            <div class="sidebar-cta-title">
+                                <h3>Do You Need Help!</h3>
+                            </div>
+                            <!-- Sidebar CTA Title End -->
+
+                            <!-- Sidebar CTA Body Start -->
+                            <div class="sidebar-cta-body">
+                                <div class="sidebar-cta-body-content">
+                                    <ul>
+                                        <li><img src="images/icon-phone-primary.svg" alt=""><a href="tel:+123456789">+(123) 456 789</a></li>
+                                        <li><img src="images/icon-mail-primary.svg" alt=""><a href="mailto:support@example.com">support@example.com</a></li>
+                                    </ul>
+                                </div>
+                               <div class="sidebar-cta-body-image">
+                                    <figure>
+                                        <img src="images/sidebar-body-image.png" alt="">
+                                    </figure>
+                               </div>
+                            </div>
+                            <!-- Sidebar CTA Body End -->
+                        </div>
+                        <!-- Sidebar CTA Box End -->
+                    </div>
+                    <!-- Page Single Sidebar End -->
+                </div>
+
+                <div class="col-lg-8">
+                    <!-- Project Single Content Start -->
+                    <div class="project-single-content">
+                        <!-- Page Single image Start -->
+                        <div class="page-single-image">
+                            <figure class="image-anime reveal">
+                                <img src="images/project-image-1.jpg" alt="">
+                            </figure>
+                        </div>
+                        <!-- Page Single image End -->
+                        
+                        <!-- Project Entry Start -->
+                        <div class="project-entry">
+                            <p class="wow fadeInUp">Metro Industrial Hub is a modern, well-planned industrial development designed to support manufacturing, warehousing, logistics, and large-scale operations. The project focuses on providing a high-efficiency environment with flexible space layouts, strong infrastructure support, and excellent regional connectivity. </p>
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">Built for businesses that value growth, productivity, and reliable infrastructure, Metro Industrial Hub serves as a powerful foundation for industrial success.</p>
+                            
+                            <!-- Project Feature Box Start -->
+                            <div class="project-features-box">
+                                <h2 class="text-anime-style-3">Key features</h2>
+                                <p class="wow fadeInUp">Each feature of this project is planned to make your work easier, faster, and more organized. From wide roads to strong infrastructure, everything is built to support day-to-day industrial activities comfortably.</p>
+                                
+                                <!-- Project Feature Item List Start -->
+                                <div class="project-feature-item-list">
+                                    <!-- Project Feature Item Start -->
+                                    <div class="project-feature-item wow fadeInUp" data-wow-delay="0.2">
+                                        <div class="project-feature-item-body">
+                                            <div class="icon-box">
+                                                <img src="images/icon-project-feature-1.svg" alt="">
+                                            </div>
+                                            <div class="project-feature-item-content">
+                                                <h3>Infrastructure Planning</h3>
+                                                <p>The layout is designed to support smooth movement.</p>
+                                            </div>
+                                        </div>
+                                        <div class="project-feature-item-image">
+                                            <figure class="image-anime">
+                                                <img src="images/project-feature-image-1.jpg" alt="">
+                                            </figure>
+                                        </div>
+                                    </div>
+                                    <!-- Project Feature Item End -->
+                                    
+                                    <!-- Project Feature Item Start -->
+                                    <div class="project-feature-item wow fadeInUp" data-wow-delay="0.4s">
+                                        <div class="project-feature-item-body">
+                                            <div class="icon-box">
+                                                <img src="images/icon-project-feature-2.svg" alt="">
+                                            </div>
+                                            <div class="project-feature-item-content">
+                                                <h3>Flexible Plot</h3>
+                                                <p>The layout is designed to support smooth movement.</p>
+                                            </div>
+                                        </div>
+                                        <div class="project-feature-item-image">
+                                            <figure class="image-anime">
+                                                <img src="images/project-feature-image-2.jpg" alt="">
+                                            </figure>
+                                        </div>
+                                    </div>
+                                    <!-- Project Feature Item End -->
+                                    
+                                    <!-- Project Feature Item Start -->
+                                    <div class="project-feature-item wow fadeInUp" data-wow-delay="0.6s">
+                                        <div class="project-feature-item-body">
+                                            <div class="icon-box">
+                                                <img src="images/icon-project-feature-3.svg" alt="">
+                                            </div>
+                                            <div class="project-feature-item-content">
+                                                <h3>Excellent Connectivity</h3>
+                                                <p>The layout is designed to support smooth movement.</p>
+                                            </div>
+                                        </div>
+                                        <div class="project-feature-item-image">
+                                            <figure class="image-anime">
+                                                <img src="images/project-feature-image-3.jpg" alt="">
+                                            </figure>
+                                        </div>
+                                    </div>
+                                    <!-- Project Feature Item End -->
+                                </div>
+                                <!-- Project Feature Item List End -->
+
+                                <!-- Section Footer Text Start -->
+                                <div class="section-footer-text wow fadeInUp" data-wow-delay="0.4s">
+                                    <p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
+                                </div>
+                                <!-- Section Footer Text End -->
+                            </div>
+                            <!-- Project Feature Box Start -->
+                            
+                            <!-- Project Process Box Start -->
+                            <div class="project-process-box">
+                                <h2 class="text-anime-style-3">Project development process</h2>
+                                <p class="wow fadeInUp">We follow a step-by-step approach to make your project easy and stress-free. First, we learn what your business needs. Then we help you choose the right space, plan the layout.</p>
+                                
+                                <!-- Project Process Item List Start -->
+                                <div class="project-process-item-list">
+                                    <!-- Project Process Item Start -->
+                                    <div class="project-process-item wow fadeInUp" data-wow-delay="0.2s">
+                                        <div class="project-process-item-no">
+                                            <h4>01</h4>
+                                        </div>
+                                        <div class="project-process-item-content">
+                                            <h3>Requirement Understanding</h3>
+                                            <p>Interiors and production layouts are planned based on machinery and process needs.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Project Process Item End -->
+                                    
+                                    <!-- Project Process Item Start -->
+                                    <div class="project-process-item wow fadeInUp" data-wow-delay="0.4s">
+                                        <div class="project-process-item-no">
+                                            <h4>02</h4>
+                                        </div>
+                                        <div class="project-process-item-content">
+                                            <h3>Installation & Setup Support</h3>
+                                            <p>Interiors and production layouts are planned based on machinery and process needs.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Project Process Item End -->
+                                    
+                                    <!-- Project Process Item Start -->
+                                    <div class="project-process-item wow fadeInUp" data-wow-delay="0.6s">
+                                        <div class="project-process-item-no">
+                                            <h4>03</h4>
+                                        </div>
+                                        <div class="project-process-item-content">
+                                            <h3>Operational Hand-Off</h3>
+                                            <p>Interiors and production layouts are planned based on machinery and process needs.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Project Process Item End -->
+                                </div>
+                                <!-- Project Process Item List End -->
+                            </div>
+                            <!-- Project Process Box Start -->
+                            
+                            <!-- Project Process Box Start -->
+                            <div class="project-issue-box">
+                                <h2 class="text-anime-style-3">Project solutions & problem</h2>
+                                <p class="wow fadeInUp">Every industrial project comes with its own set of challenges, from infrastructure limitations to workflow inefficiencies metro Industrial Hub is designed to overcome these issues through thoughtful planning, reliable systems, and strategic layout design.</p>
+                                
+                                <!-- Project Process Boxes Start -->
+                                <div class="project-issue-boxes wow fadeInUp" data-wow-delay="0.2s">
+                                    <!-- Project Process Box Start -->
+                                    <div class="project-issue-box-item">
+                                        <div class="project-issue-box-title">
+                                            <h3>Project Problem:</h3>
+                                        </div>
+                                        <div class="project-issue-item">
+                                            <h4>Unorganized Layouts:</h4>
+                                            <p>Poor space planning slows production & creates bottlenecks.</p>
+                                        </div>
+                                        <div class="project-issue-item">
+                                            <h4>Weak Infrastructure:</h4>
+                                            <p>Poor space planning slows production & creates bottlenecks.</p>
+                                        </div>
+                                        <div class="project-issue-item">
+                                            <h4>High Operational Costs:</h4>
+                                            <p>Poor space planning slows production & creates bottlenecks.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Project Process Box End -->
+                                    
+                                    <!-- Project Process Box Start -->
+                                    <div class="project-issue-box-item">
+                                        <div class="project-issue-box-title">
+                                            <h3>Project Solutions:</h3>
+                                        </div>
+                                        <div class="project-issue-item">
+                                            <h4>Reliable Utility Infrastructure:</h4>
+                                            <p>Poor space planning slows production & creates bottlenecks.</p>
+                                        </div>
+                                        <div class="project-issue-item">
+                                            <h4>Flexible Unit & Plot Configurations:</h4>
+                                            <p>Poor space planning slows production & creates bottlenecks.</p>
+                                        </div>
+                                        <div class="project-issue-item">
+                                            <h4>Optimized Operational Design:</h4>
+                                            <p>Poor space planning slows production & creates bottlenecks.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Project Process Box End -->
+                                </div>
+                                <!-- Project Process Boxes End -->
+                            </div>
+                            <!-- Project Process Box Start -->
+                        </div>
+                        <!-- Project Entry End -->
+
+                        <!-- Page Single FAQs Start -->
+                        <div class="page-single-faqs">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Everything You Need to Know</h2>
+                            </div>
+                            <!-- Section Title End -->
+
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion" id="accordion">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading1">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
+                                            Q1. Can you provide customized fabric designs?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading2">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                            Q2. Are your manufacturing processes sustainable?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading3">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                            Q3. How long does it take to manufacture and deliver orders?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading4">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                            Q4. What types of fabrics do you manufacture?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading5">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                            Q5. Do you offer samples before bulk production?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- Page Single FAQs End -->
+                    </div>
+                    <!-- Project Single Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Project Single End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/projects.php

@@ -0,0 +1,500 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                    
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Our projects</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">projects</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Projects Start -->
+    <div class="page-projects">
+        <div class="container">
+            <!-- Project Item List Start -->
+            <div class="row">
+                <!-- Project Item Start -->
+                <div class="col-xl-4 col-md-6">
+                    <div class="project-item wow fadeInUp">
+                        <!-- Project Item Image Start -->
+                        <div class="project-item-image">
+                            <a href="/project-single" data-cursor-text="View">
+                                <figure class="image-anime">
+                                    <img src="images/project-image-1.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Project Item Image End -->
+                        
+                        <!-- Project Item Content Start -->
+                        <div class="project-item-content">
+                            <h2><a href="/project-single">Maplewood Apartments</a></h2>
+                            <p>Residential Architecture</p>
+                        </div>
+                        <!-- Project Item Content End -->
+                        
+                        <!-- Project Item Button Start -->
+                        <div class="project-item-btn">
+                            <a href="/project-single">
+                                <img src="images/arrow-white.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Project Item Button End -->
+                    </div>
+                </div>
+                <!-- Project Item End -->
+
+                <!-- Project Item Start -->
+                <div class="col-xl-4 col-md-6">
+                    <div class="project-item wow fadeInUp" data-wow-delay="0.2s">
+                        <!-- Project Item Image Start -->
+                        <div class="project-item-image">
+                            <a href="/project-single" data-cursor-text="View">
+                                <figure class="image-anime">
+                                    <img src="images/project-image-2.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Project Item Image End -->
+                        
+                        <!-- Project Item Content Start -->
+                        <div class="project-item-content">
+                            <h2><a href="/project-single">Metro Industrial Hub</a></h2>
+                            <p>Residential Architecture</p>
+                        </div>
+                        <!-- Project Item Content End -->
+                        
+                        <!-- Project Item Button Start -->
+                        <div class="project-item-btn">
+                            <a href="/project-single">
+                                <img src="images/arrow-white.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Project Item Button End -->
+                    </div>
+                </div>
+                <!-- Project Item End -->
+
+                <!-- Project Item Start -->
+                <div class="col-xl-4 col-md-6">
+                    <div class="project-item wow fadeInUp" data-wow-delay="0.4s">
+                        <!-- Project Item Image Start -->
+                        <div class="project-item-image">
+                            <a href="/project-single" data-cursor-text="View">
+                                <figure class="image-anime">
+                                    <img src="images/project-image-3.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Project Item Image End -->
+                        
+                        <!-- Project Item Content Start -->
+                        <div class="project-item-content">
+                            <h2><a href="/project-single">The Horizon Office Park</a></h2>
+                            <p>Residential Architecture</p>
+                        </div>
+                        <!-- Project Item Content End -->
+                        
+                        <!-- Project Item Button Start -->
+                        <div class="project-item-btn">
+                            <a href="/project-single">
+                                <img src="images/arrow-white.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Project Item Button End -->
+                    </div>
+                </div>
+                <!-- Project Item End -->
+
+                <!-- Project Item Start -->
+                <div class="col-xl-4 col-md-6">
+                    <div class="project-item wow fadeInUp" data-wow-delay="0.6s">
+                        <!-- Project Item Image Start -->
+                        <div class="project-item-image">
+                            <a href="/project-single" data-cursor-text="View">
+                                <figure class="image-anime">
+                                    <img src="images/project-image-4.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Project Item Image End -->
+                        
+                        <!-- Project Item Content Start -->
+                        <div class="project-item-content">
+                            <h2><a href="/project-single">Harmony Workspace Renovation</a></h2>
+                            <p>Residential Architecture</p>
+                        </div>
+                        <!-- Project Item Content End -->
+                        
+                        <!-- Project Item Button Start -->
+                        <div class="project-item-btn">
+                            <a href="/project-single">
+                                <img src="images/arrow-white.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Project Item Button End -->
+                    </div>
+                </div>
+                <!-- Project Item End -->
+
+                <!-- Project Item Start -->
+                <div class="col-xl-4 col-md-6">
+                    <div class="project-item wow fadeInUp" data-wow-delay="0.8s">
+                        <!-- Project Item Image Start -->
+                        <div class="project-item-image">
+                            <a href="/project-single" data-cursor-text="View">
+                                <figure class="image-anime">
+                                    <img src="images/project-image-5.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Project Item Image End -->
+                        
+                        <!-- Project Item Content Start -->
+                        <div class="project-item-content">
+                            <h2><a href="/project-single">Northgate Logistics Hub</a></h2>
+                            <p>Residential Architecture</p>
+                        </div>
+                        <!-- Project Item Content End -->
+                        
+                        <!-- Project Item Button Start -->
+                        <div class="project-item-btn">
+                            <a href="/project-single">
+                                <img src="images/arrow-white.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Project Item Button End -->
+                    </div>
+                </div>
+                <!-- Project Item End -->
+
+                <!-- Project Item Start -->
+                <div class="col-xl-4 col-md-6">
+                    <div class="project-item wow fadeInUp" data-wow-delay="1s">
+                        <!-- Project Item Image Start -->
+                        <div class="project-item-image">
+                            <a href="/project-single" data-cursor-text="View">
+                                <figure class="image-anime">
+                                    <img src="images/project-image-6.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Project Item Image End -->
+                        
+                        <!-- Project Item Content Start -->
+                        <div class="project-item-content">
+                            <h2><a href="/project-single">Grand Avenue Business Park</a></h2>
+                            <p>Residential Architecture</p>
+                        </div>
+                        <!-- Project Item Content End -->
+                        
+                        <!-- Project Item Button Start -->
+                        <div class="project-item-btn">
+                            <a href="/project-single">
+                                <img src="images/arrow-white.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Project Item Button End -->
+                    </div>
+                </div>
+                <!-- Project Item End -->
+            </div>
+            <!-- Project Item List End -->
+        </div>
+    </div>
+    <!-- Page Projects End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/service-single.php

@@ -0,0 +1,635 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Project planning & consultation</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item"><a href="/services">Services</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">Project planning & consultation</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Service Single Start -->
+    <div class="page-service-single">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4">
+                    <!-- Page Single Sidebar Start -->
+                    <div class="page-single-sidebar">
+                        <!-- Page Category List Start -->
+                        <div class="page-category-list wow fadeInUp">
+                            <h3>Explore Our Services</h3>
+                            <ul>
+                                <li><a href="#">Interior Design & Detailing</a></li>
+                                <li><a href="#">Civil Infrastructure Development</a></li>
+                                <li><a href="#">Urban Development & Master Planning</a></li>
+                                <li><a href="#">Structural Engineering Solutions</a></li>
+                                <li><a href="#">Project Management & Supervision</a></li>
+                            </ul>
+                        </div>
+                        <!-- Page Category List End -->
+                        
+                        <!-- Sidebar CTA Box Start -->
+                        <div class="sidebar-cta-box wow fadeInUp" data-wow-delay="0.25s">
+                            <!-- Sidebar CTA Title Start -->
+                            <div class="sidebar-cta-title">
+                                <h3>Do You Need Help!</h3>
+                            </div>
+                            <!-- Sidebar CTA Title End -->
+
+                            <!-- Sidebar CTA Body Start -->
+                            <div class="sidebar-cta-body">
+                                <div class="sidebar-cta-body-content">
+                                    <ul>
+                                        <li><img src="images/icon-phone-primary.svg" alt=""><a href="tel:+123456789">+(123) 456 789</a></li>
+                                        <li><img src="images/icon-mail-primary.svg" alt=""><a href="mailto:support@example.com">support@example.com</a></li>
+                                    </ul>
+                                </div>
+                               <div class="sidebar-cta-body-image">
+                                    <figure>
+                                        <img src="images/sidebar-body-image.png" alt="">
+                                    </figure>
+                               </div>
+                            </div>
+                            <!-- Sidebar CTA Body End -->
+                        </div>
+                        <!-- Sidebar CTA Box End -->
+                    </div>
+                    <!-- Page Single Sidebar End -->
+                </div>
+
+                <div class="col-lg-8">
+                    <!-- Service Single Content Start -->
+                    <div class="service-single-content">
+                        <!-- Page Single image Start -->
+                        <div class="page-single-image">
+                            <figure class="image-anime reveal">
+                                <img src="images/service-image-1.jpg" alt="">
+                            </figure>
+                        </div>
+                        <!-- Page Single image End -->
+                        
+                        <!-- Service Entry Start -->
+                        <div class="service-entry">
+                            <p class="wow fadeInUp">Every successful project starts with a thoughtful plan. Our Project Planning & Consultation service is designed to guide you from initial concept to a clear execution roadmap. We help you define your goals, set timelines, estimate budgets, and prepare a blueprint that ensures your project runs smoothly from start to finish.</p>
+                            <p class="wow fadeInUp">Whether you're building a new space, renovating an existing one, or planning a commercial development, our experts offer strategic direction and professional insight every step of the way.</p>
+                            
+                            <!-- Service Why Choose Box Start -->
+                            <div class="service-why-choose-box">
+                                <h2 class="text-anime-style-3">Why choose our consultation services?</h2>
+                                <p class="wow fadeInUp">We combine industry experience with thoughtful planning to deliver guidance you can trust. Our approach focuses on practical solutions, transparent communication, and strategies that help you move your project forward with confidence.</p>
+                                
+                                <!-- Service Why Choose Item List Start -->
+                                <div class="service-why-choose-item-list">
+                                    <!-- Service Why Choose Item Start -->
+                                    <div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.2s">
+                                        <div class="icon-box">
+                                            <img src="images/icon-service-why-choose-1.svg" alt="">
+                                        </div>
+                                        <div class="service-why-choose-item-content">
+                                            <h3>Experience & Skill Planner</h3>
+                                            <p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Service Why Choose Item End -->
+                                    
+                                    <!-- Service Why Choose Item Start -->
+                                    <div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.2s">
+                                        <div class="icon-box">
+                                            <img src="images/icon-service-why-choose-2.svg" alt="">
+                                        </div>
+                                        <div class="service-why-choose-item-content">
+                                            <h3>Transparent Guidance</h3>
+                                            <p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Service Why Choose Item End -->
+                                    
+                                    <!-- Service Why Choose Item Start -->
+                                    <div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.4s">
+                                        <div class="icon-box">
+                                            <img src="images/icon-service-why-choose-3.svg" alt="">
+                                        </div>
+                                        <div class="service-why-choose-item-content">
+                                            <h3>Customized Planning</h3>
+                                            <p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Service Why Choose Item End -->
+                                    
+                                    <!-- Service Why Choose Item Start -->
+                                    <div class="service-why-choose-item wow fadeInUp" data-wow-delay="0.4s">
+                                        <div class="icon-box">
+                                            <img src="images/icon-service-why-choose-4.svg" alt="">
+                                        </div>
+                                        <div class="service-why-choose-item-content">
+                                            <h3>End-to-End Support</h3>
+                                            <p>Our team brings years of hands on knowledge residential commercial, and industrial projects.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Service Why Choose Item End -->
+                                </div>
+                                <!-- Service Why Choose Item List End -->
+                            </div>
+                            <!-- Service Why Choose Box End -->
+                            
+                            <!-- Service Offer Box Start -->
+                            <div class="service-offer-box">
+                                <h2 class="text-anime-style-3">What we offer</h2>
+                                <p class="wow fadeInUp">We offer strategic, end-to-end project planning that aligns vision, function, timing, and cost. Every detail is considered thoughtfully, ensuring your project begins with a strong and reliable framework.</p>
+                                
+                                <!-- Service Offer List Start -->
+                                <div class="service-offer-list wow fadeInUp" data-wow-delay="0.2s">
+                                    <ul>
+                                        <li>Homeowners planning new builds or renovations</li>
+                                        <li>Business owners expanding or upgrading spaces</li>
+                                        <li>Architect & designer seeking project coordination</li>
+                                        <li>Contractors who need reliable planning support</li>
+                                    </ul>
+                                </div>
+                                <!-- Service Offer List End -->
+                                
+                                <!-- Service Offer Item List Start -->
+                                <div class="service-offer-item-list wow fadeInUp" data-wow-delay="0.4s">
+                                    <!-- Service Offer Item Start -->
+                                    <div class="service-offer-item">
+                                        <div class="service-offer-item-image">
+                                            <figure class="image-anime">
+                                                <img src="images/service-offer-item-image-1.jpg" alt="">
+                                            </figure>
+                                        </div>
+                                        <div class="service-offer-item-content">
+                                            <h3>Initial Project Assessment</h3>
+                                            <p>We begin by understanding your vision, requirements.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Service Offer Item End -->
+                                    
+                                    <!-- Service Offer Item Start -->
+                                    <div class="service-offer-item">
+                                        <div class="service-offer-item-image">
+                                            <figure class="image-anime">
+                                                <img src="images/service-offer-item-image-2.jpg" alt="">
+                                            </figure>
+                                        </div>
+                                        <div class="service-offer-item-content">
+                                            <h3>Budget & Cost Estimation</h3>
+                                            <p>We begin by understanding your vision, requirements.</p>
+                                        </div>
+                                    </div>
+                                    <!-- Service Offer Item End -->
+                                </div>
+                                <!-- Service Offer Item List End -->
+                            </div>
+                            <!-- Service Offer Box End -->
+                            
+                            <!-- Service Process Box Start -->
+                            <div class="service-process-box">
+                                <h2 class="text-anime-style-3">Service process</h2>
+                                <p class="wow fadeInUp">Our project process is built to ensure clarity, efficiency, and smooth progress at every stage. We begin by understanding your goals, then move into structured planning, resource coordination.</p>
+                                
+                                <!-- Service Process Image Content Start -->
+                                <div class="service-process-image-content">
+                                    <!-- Service Process Content Start -->
+                                    <div class="service-process-content">
+                                        <!-- Service Process Item Start -->
+                                        <div class="service-process-item wow fadeInUp" data-wow-delay="0.2s">
+                                            <div class="icon-box">
+                                                <img src="images/icon-service-process-1.svg" alt="">
+                                            </div>
+                                            <div class="service-process-item-content">
+                                                <h3>Design & Technical Guidance</h3>
+                                                <p>We create a clear project timeline that outlines major milestones.</p>
+                                            </div>
+                                        </div>
+                                        <!-- Service Process Item End -->
+                                        
+                                        <!-- Service Process Item Start -->
+                                        <div class="service-process-item wow fadeInUp" data-wow-delay="0.4s">
+                                            <div class="icon-box">
+                                                <img src="images/icon-service-process-2.svg" alt="">
+                                            </div>
+                                            <div class="service-process-item-content">
+                                                <h3>Timeline & Scheduling</h3>
+                                                <p>We create a clear project timeline that outlines major milestones.</p>
+                                            </div>
+                                        </div>
+                                        <!-- Service Process Item End -->
+                                        
+                                        <!-- Service Process Item Start -->
+                                        <div class="service-process-item wow fadeInUp" data-wow-delay="0.6s">
+                                            <div class="icon-box">
+                                                <img src="images/icon-service-process-3.svg" alt="">
+                                            </div>
+                                            <div class="service-process-item-content">
+                                                <h3>Resource & Material Planning</h3>
+                                                <p>We create a clear project timeline that outlines major milestones.</p>
+                                            </div>
+                                        </div>
+                                        <!-- Service Process Item End -->
+                                    </div>
+                                    <!-- Service Process Content End -->
+                                    
+                                    <!-- Service Process Image Start -->
+                                    <div class="service-process-image">
+                                        <figure class="image-anime reveal">
+                                            <img src="images/service-process-image.jpg" alt="">
+                                        </figure>
+                                    </div>
+                                    <!-- Service Process Image End -->
+                                </div>
+                                <!-- Service Process Image Content End -->
+                            </div>
+                            <!-- Service Process Box Start -->
+                        </div>
+                        <!-- Service Entry End -->
+
+                        <!-- Page Single FAQs Start -->
+                        <div class="page-single-faqs">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Everything You Need to Know</h2>
+                            </div>
+                            <!-- Section Title End -->
+
+                            <!-- FAQ Accordion Start -->
+                            <div class="faq-accordion" id="accordion">
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp">
+                                    <h2 class="accordion-header" id="heading1">
+                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
+                                            Q1. Can you provide customized fabric designs?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                                    <h2 class="accordion-header" id="heading2">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                            Q2. Are your manufacturing processes sustainable?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                                    <h2 class="accordion-header" id="heading3">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                            Q3. How long does it take to manufacture and deliver orders?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                                    <h2 class="accordion-header" id="heading4">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                            Q4. What types of fabrics do you manufacture?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+
+                                <!-- FAQ Item Start -->
+                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                                    <h2 class="accordion-header" id="heading5">
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                            Q5. Do you offer samples before bulk production?
+                                        </button>
+                                    </h2>
+                                    <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
+                                        <div class="accordion-body">
+                                            <p>Yes, we offer complete customization services. You can choose the fabric type, color, pattern, weight, and finish,Our design and R&D team works closely with clients to develop unique fabrics that meet specific needs.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- FAQ Item End -->
+                            </div>
+                            <!-- FAQ Accordion End -->
+                        </div>
+                        <!-- Page Single FAQs End -->
+                    </div>
+                    <!-- Service Single Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Service Single End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/services.php

@@ -0,0 +1,894 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                    
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Our services</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">services</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Services Start -->
+    <div class="page-services">
+        <div class="container">
+            <div class="row services-item-list">
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp active">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Interior Design and Detailing</a></h2>
+                                <h3>01.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>Our interior design solutions blend beauty and functionality</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-1.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+                
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="0.2s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Project Planning & Consultation</a></h2>
+                                <h3>02.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>We provide comprehensive planning and advisory services</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-2.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+                
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="0.4s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Urban Development & Master Planning</a></h2>
+                                <h3>03.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>We design large scale urban space with focus on sustainability</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-3.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+                
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="0.6s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Civil Infrastructure Development</a></h2>
+                                <h3>04.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>Our team specializes in roads, bridges, and public infrastructures</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-4.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="0.8s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Structural Engineering Solution</a></h2>
+                                <h3>05.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>Our interior design solutions blend beauty and functionality</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-5.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="1s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Project Management & Supervision</a></h2>
+                                <h3>06.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>We provide comprehensive planning and advisory services</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-6.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="1.2s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Material Procure & Quality Control</a></h2>
+                                <h3>07.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>We design large scale urban spaces with a focus on sustainability</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-7.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Services Item Start -->
+                    <div class="service-item wow fadeInUp" data-wow-delay="1.4s">
+                        <div class="service-item-header">
+                            <div class="service-item-title">
+                                <h2><a href="/service-single">Sustainable & Green Building Practices</a></h2>
+                                <h3>08.</h3>
+                            </div>
+                            <div class="service-item-content">
+                                <p>Our team specializes in roads, bridges, and public infrastructures</p>
+                            </div>
+                        </div>
+                        <div class="service-image-box">
+                            <div class="service-item-image">
+                                <figure class="image-anime">
+                                    <img src="images/service-image-8.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="service-item-btn">
+                                <a href="/service-single">
+                                    <img src="images/arrow-primary.svg" alt="">
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Services Item End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Services End -->
+
+    <!-- Watch Our Story Section Start -->
+    <div class="our-story dark-section parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Our Story Content Start -->
+                    <div class="our-story-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">watch our story</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Watch Video Circle Start -->
+                        <div class="watch-video-circle">
+                            <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                                <img src="images/watch-video-circle.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Watch Video Circle End -->
+                    </div>
+                    <!-- Our Story Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Watch Our Story Section End -->
+
+    <!-- What We Do Setion Start -->
+    <div class="what-we-do">
+        <div class="container">
+            <div class="row align-items-end">
+                <div class="col-xl-7">
+                    <!-- What We Do Content Start -->
+                    <div class="what-we-do-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">what we do</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Blending architecture engineering and artistry to create timeless spaces</h2>
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">Our multidisciplinary team specializes in architecture, interior design, and structural development. We bring together creative design thinking and technical expertise to craft environments that inspire and endure.</p>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- What We Do Iteam List Start -->
+                        <div class="what-we-do-item-list wow fadeInUp" data-wow-delay="0.4s">
+                            <!-- What We Do Item Start -->
+                            <div class="what-we-do-item">
+                                <div class="icon-box">
+                                    <img src="images/icon-what-we-do-item-1.svg" alt="">
+                                </div>
+                                <div class="what-we-do-item-body">
+                                    <h3>Engineering Excellence</h3>
+                                    <p>Our engineering approach focus on precision, safety, and sustainability.</p>
+                                    <ul>
+                                        <li>Our technical expertise ensures durability.</li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <!-- What We Do Item End -->
+
+                            <!-- What We Do Item Start -->
+                            <div class="what-we-do-item">
+                                <div class="icon-box">
+                                    <img src="images/icon-what-we-do-item-2.svg" alt="">
+                                </div>
+                                <div class="what-we-do-item-body">
+                                    <h3>Innovative Architectural</h3>
+                                    <p>We push the boundaries of design to create architectural concept that inspire.</p>
+                                    <ul>
+                                        <li>Our innovative approach blends creativity.</li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <!-- What We Do Item End -->
+                        </div> 
+                        <!-- What We Do Iteam List End -->
+
+                        <!-- What We Do Button Start -->
+                        <div class="what-we-do-btn wow fadeInUp" data-wow-delay="0.8s">
+                            <a href="/contact" class="btn-default">Contact Us Today</a>
+                        </div>
+                        <!-- What We Do Button End -->
+                    </div>
+                    <!-- What We Do Content End -->
+                </div>
+
+                <div class="col-xl-5">
+                    <!-- What We Do Image Start -->
+                    <div class="what-we-do-image wow fadeInUp">
+                        <figure>
+                            <img src="images/what-we-do-image.png" alt="">
+                        </figure>
+                    </div>
+                    <!-- What We Do Image End -->
+                </div>
+            </div>
+
+            <div class="col-lg-12">
+                <!-- Section Footer Text Start -->
+                <div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.4s">
+                    <!-- Satisfy Client Images Start -->
+                    <div class="satisfy-client-images">
+                        <div class="satisfy-client-image">
+                            <figure class="image-anime">
+                                <img src="images/author-1.jpg" alt="">
+                            </figure>
+                        </div>
+                        <div class="satisfy-client-image add-more">
+                            <img src="images/icon-phone-primary.svg" alt="">
+                        </div>
+                    </div>
+                    <!-- Satisfy Client Images End -->
+                    <p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
+                </div>
+                <!-- Section Footer Text End -->
+            </div>
+        </div>
+    </div>
+    <!-- What We Do Setion End -->
+
+    <!-- Our Testimonials Section Start -->
+    <div class="our-testimonials">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-5">
+                    <!-- Testimonial Content Start -->
+                    <div class="our-testimonial-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">Our Testimonials</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Real feedback from those who built their dreams</h2>
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">Our commitment to excellence has earned us the trust of homeowners, developers and businesses alike.</p>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Testimonial Button Start -->
+                        <div class="testimonial-btn wow fadeInUp" data-wow-delay="0.4s">
+                            <a href="/testimonials" class="btn-default">View all testimonials</a>
+                        </div>
+                        <!-- Testimonial Button End -->
+                    </div>
+                    <!-- Testimonial Content End -->
+                </div>
+                
+                <div class="col-xl-7">
+                    <!-- Testimonial Slider Box Start -->
+                    <div class="testimonial-slider-box">
+                        <!-- Testimonial Slider Start -->
+                        <div class="testimonial-slider">
+                            <div class="swiper">
+                                <div class="swiper-wrapper" data-cursor-text="Drag">
+                                    <!-- Testimonial Slide Start -->
+                                    <div class="swiper-slide">
+                                        <!-- Testimonial Item Start -->
+                                        <div class="testimonial-item">
+                                            <div class="testimonial-company-logo">
+                                                <img src="images/company-logo-1.svg" alt="">
+                                            </div> 
+                                            <div class="testimonial-item-body">
+                                                <div class="testimonial-item-content">
+                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                                                </div>
+                                                <div class="testimonial-author-content">
+                                                    <h3>Darlene Robertson</h3>
+                                                    <p>Interior Designer</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Testimonial Item End -->
+                                    </div>
+                                    <!-- Testimonial Slide End -->
+                                    
+                                    <!-- Testimonial Slide Start -->
+                                    <div class="swiper-slide">
+                                        <!-- Testimonial Item Start -->
+                                        <div class="testimonial-item">
+                                            <div class="testimonial-company-logo">
+                                                <img src="images/company-logo-2.svg" alt="">
+                                            </div> 
+                                            <div class="testimonial-item-body">
+                                                <div class="testimonial-item-content">
+                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                                                </div>
+                                                <div class="testimonial-author-content">
+                                                    <h3>Savannah Nguyen</h3>
+                                                    <p>Interior Designer</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Testimonial Item End -->
+                                    </div>
+                                    <!-- Testimonial Slide End -->
+                                    
+                                    <!-- Testimonial Slide Start -->
+                                    <div class="swiper-slide">
+                                        <!-- Testimonial Item Start -->
+                                        <div class="testimonial-item">
+                                            <div class="testimonial-company-logo">
+                                                <img src="images/company-logo-3.svg" alt="">
+                                            </div> 
+                                            <div class="testimonial-item-body">
+                                                <div class="testimonial-item-content">
+                                                    <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                                                </div>
+                                                <div class="testimonial-author-content">
+                                                    <h3>Wade Warren</h3>
+                                                    <p>Interior Designer</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Testimonial Item End -->
+                                    </div>
+                                    <!-- Testimonial Slide End -->
+                                </div>
+                                <div class="testimonial-pagination"></div>
+                            </div>
+                        </div>
+                        <!-- Testimonial Slider End -->
+    
+                        <!-- Section Footer Text Start -->
+                        <div class="section-footer-text section-footer-contact wow fadeInUp" data-wow-delay="0.2s">   
+                            <p><span><img src="images/icon-phone-primary.svg" alt=""></span> Build smarter, design better - <a href="/contact">start your project with us today</a></p>
+                        </div>
+                        <!-- Section Footer Text End -->
+                    </div>
+                    <!-- Testimonial Slider Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our Testimonial Section End -->
+
+    <!-- Our FAQs Section Start -->
+    <div class="our-faqs">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-5">
+                    <!-- Our FAQs Content Start -->
+                    <div class="our-faqs-content">
+                        <!-- Faqs Title Box Start -->
+                        <div class="faqs-title-box">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h3 class="wow fadeInUp">Frequently Asked Questions</h3>
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
+                                <p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
+                            </div>
+                            <!-- Section Title End -->
+
+                            <!-- Our FAQs Button Start -->
+                            <div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
+                                <a href="/faqs" class="btn-default">View all FAQs</a>   
+                            </div>
+                            <!-- Our FAQs Button End -->
+                        </div>
+                        <!-- Faqs Title Box End -->
+
+                        <!-- Faq Contact Box Start -->
+                        <div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
+                            <div class="icon-box">
+                                <img src="images/icon-phone-primary.svg" alt="">
+                            </div>
+                            <div class="faq-contact-box-content">
+                                <h3>Call Us For Any Query</h3>
+                                <p><a href="tel:+123456789">+(123) 456-789</a></p>
+                            </div>
+                        </div>
+                        <!-- Faq Contact Box End -->
+                    </div>
+                    <!-- Our FAQs Content End -->
+                </div>
+
+                <div class="col-xl-7">
+                    <!-- FAQ Accordion Start -->
+                    <div class="faq-accordion" id="accordion">
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp">
+                            <h2 class="accordion-header" id="heading1">
+                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
+                                    Q1. Do you provide both design and construction services?
+                                </button>
+                            </h2>
+                            <div id="collapse1" class="accordion-collapse collapse  show" aria-labelledby="heading1" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                            <h2 class="accordion-header" id="heading2">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                    Q2. Can you work with my existing architect or designer?
+                                </button>
+                            </h2>
+                            <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                            <h2 class="accordion-header" id="heading3">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                    Q3. How do you estimate the total project cost?
+                                </button>
+                            </h2>
+                            <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                            <h2 class="accordion-header" id="heading4">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                    Q4. What materials do you typically use for construction?
+                                </button>
+                            </h2>
+                            <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+                        
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                            <h2 class="accordion-header" id="heading5">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                    Q5. Can you handle renovation or remodeling projects?
+                                </button>
+                            </h2>
+                            <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+                    </div>
+                    <!-- FAQ Accordion End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our FAQs Section End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/team-single.php

@@ -0,0 +1,570 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                    
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Ralph Edwards</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item"><a href="/team">Team</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">Ralph Edwards</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Team Single Start -->
+    <div class="page-team-single">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4">
+                    <!-- Team Single Sidebar Start -->
+                    <div class="page-single-sidebar">
+                        <!-- Team Sidebar Box Start -->
+                        <div class="team-sidebar-box wow fadeInUp" data-wow-delay="0.2s">
+                            <!-- Team Sidebar Image Start -->
+                            <div class="team-sidebar-image">
+                                <figure class="image-anime">
+                                    <img src="images/team-2.jpg" alt="">
+                                </figure>
+                            </div>
+                            <!-- Team Sidebar Image End -->
+
+                            <!-- Team Sidebar Body Start -->
+                            <div class="team-sidebar-body">
+                                <ul>
+                                    <li><span>Name:</span> Ralph Edwards</li>
+                                    <li><span>position:</span> Office Worker</li>
+                                    <li><span>Phone:</span> +00-123-254-963</li>
+                                    <li><span>email:</span> support@domain.com</li>
+                                    <li><span>Experience:</span> 25+years</li>
+                                </ul>
+                            </div>
+                            <!-- Team Sidebar Body End -->
+
+                            <!-- Team Sidebar Footer Start -->
+                            <div class="team-sidebar-footer">
+                                <h3>Follow Us:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                    <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                </ul>
+                            </div>
+                            <!-- Team Sidebar Footer End -->
+                        </div>
+                        <!-- Team Sidebar Box End -->
+                    </div>
+                    <!-- Team Single Sidebar End -->
+                </div>
+
+                <div class="col-lg-8">
+                    <!-- Team Single Content Start -->
+                    <div class="team-single-content">
+                        <!-- Team Member About Start -->
+                        <div class="team-member-about">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">About me</h2>
+                                <p class="wow fadeInUp">Ralph Edwards is a seasoned planning and design consultant with over 12+ years of experience shaping commercial, residential, and industrial development projects. His work focuses on building environments that are not only visually remarkable but also practical, sustainable, and future-ready. Ralph believes good design should feel effortless: where structure, purpose & aesthetics flow as one.</p>
+                                <p class="wow fadeInUp" data-wow-delay="0.2s">He works closely with clients, architects, contractors, and project teams to guide clear decision-making, reduce complexity, and ensure every project begins with strong vision and planning.</p>
+                            </div>
+                            <!-- Section Title End -->
+                        </div>
+                        <!-- Team Member About End -->
+
+                        <!-- Team Expertise Box Start -->
+                        <div class="team-experience-box">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Professional experience</h2>
+                                <p class="wow fadeInUp">Ralph has led planning and consultation for 50+ medium to large-scale construction projects, ranging from industrial developments to premium residential spaces and corporate work hubs. </p>
+                            </div>
+                            <!-- Section Title End -->
+                            
+                            <!-- Team Expertise Item List Start -->
+                            <div class="team-experience-item-list wow fadeInUp" data-wow-delay="0.2s">
+                                <!-- Team Expertise Item Start -->
+                                <div class="team-experience-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-team-experience-1.svg" alt="">
+                                    </div>
+                                    <div class="team-experience-item-content">
+                                        <h3>Urban Redevelopment Projects</h3>
+                                    </div>
+                                </div>
+                                <!-- Team Expertise Item End -->
+                                
+                                <!-- Team Expertise Item Start -->
+                                <div class="team-experience-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-team-experience-2.svg" alt="">
+                                    </div>
+                                    <div class="team-experience-item-content">
+                                        <h3>Commercial Office Towers</h3>
+                                    </div>
+                                </div>
+                                <!-- Team Expertise Item End -->
+                                
+                                <!-- Team Expertise Item Start -->
+                                <div class="team-experience-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-team-experience-3.svg" alt="">
+                                    </div>
+                                    <div class="team-experience-item-content">
+                                        <h3>Modern Residential Communities</h3>
+                                    </div>
+                                </div>
+                                <!-- Team Expertise Item End -->
+                                
+                                <!-- Team Expertise Item Start -->
+                                <div class="team-experience-item">
+                                    <div class="icon-box">
+                                        <img src="images/icon-team-experience-4.svg" alt="">
+                                    </div>
+                                    <div class="team-experience-item-content">
+                                        <h3>Industrial Warehouse Logistic Park</h3>
+                                    </div>
+                                </div>
+                                <!-- Team Expertise Item End -->
+                            </div>
+                            <!-- Team Expertise Item List End -->
+                        </div>
+                        <!-- Team Expertise Box End -->
+
+                        <!-- Team Member Info Box Start -->
+                        <div class="team-member-info-box">
+                            <!-- Team Skills Box Start -->
+                            <div class="team-skills-box">
+                                <!-- Section Title Start -->
+                                <div class="section-title">
+                                    <h2 class="text-anime-style-3" data-cursor="-opaque">Core expertise</h2>
+                                </div>
+                                <!-- Section Title End -->
+                                
+                                <!-- Team Skills List Start -->
+                                <div class="team-skills-list">
+                                    <!-- Skills Progress Bar Start -->
+                                    <div class="skills-progress-bar">
+                                        <!-- Skill Item Start -->
+                                        <div class="skillbar" data-percent="91%">
+                                            <div class="skill-data">
+                                                <div class="skill-title">Space Planning</div>
+                                                <div class="skill-no">91%</div>
+                                            </div>
+                                            <div class="skill-progress">
+                                                <div class="count-bar"></div>
+                                            </div>
+                                        </div>
+                                        <!-- Skill Item End -->
+                                    </div>
+                                    <!-- Skills Progress Bar End -->
+                                    
+                                    <!-- Skills Progress Bar Start -->
+                                    <div class="skills-progress-bar">
+                                        <!-- Skill Item Start -->
+                                        <div class="skillbar" data-percent="80%">
+                                            <div class="skill-data">
+                                                <div class="skill-title">Budget Planning</div>
+                                                <div class="skill-no">80%</div>
+                                            </div>
+                                            <div class="skill-progress">
+                                                <div class="count-bar"></div>
+                                            </div>
+                                        </div>
+                                        <!-- Skill Item End -->
+                                    </div>
+                                    <!-- Skills Progress Bar End -->
+                                    
+                                    <!-- Skills Progress Bar Start -->
+                                    <div class="skills-progress-bar">
+                                        <!-- Skill Item Start -->
+                                        <div class="skillbar" data-percent="89%">
+                                            <div class="skill-data">
+                                                <div class="skill-title">Team Coordination</div>
+                                                <div class="skill-no">89%</div>
+                                            </div>
+                                            <div class="skill-progress">
+                                                <div class="count-bar"></div>
+                                            </div>
+                                        </div>
+                                        <!-- Skill Item End -->
+                                    </div>
+                                    <!-- Skills Progress Bar End -->
+                                </div>
+                                <!-- Team Skills List End -->
+                            </div>
+                            <!-- Team Skills Box End -->
+
+                            <!-- Team Values Info Start -->
+                            <div class="team-values-info">
+                                <!-- Section Title Start -->
+                                <div class="section-title">
+                                    <h2 class="text-anime-style-3" data-cursor="-opaque">Values & working style</h2>
+                                    <p class="wow fadeInUp">Alph believes that successful projects are built on clarity, collaboration, and thoughtful planning</p>
+                                </div>
+                                <!-- Section Title End -->
+
+                                <!-- Team Values Info List Start -->
+                                <div class="team-values-info-list wow fadeInUp" data-wow-delay="0.2s">
+                                    <ul>
+                                        <li><span>Detail-Oriented:</span>Nothing left to guesswork</li>
+                                        <li><span>Future-Focused:</span>Designs planned for growth & change</li>
+                                        <li><span>Client-Centric:</span>Your goals shape the project</li>
+                                    </ul>
+                                </div>
+                                <!-- Team Values Info List End -->
+                            </div>
+                            <!-- Team Values Info End -->
+                        </div>
+                        <!-- Team Member Info Box End -->
+
+                        <!-- Team Contact Form Start -->
+                        <div class="team-contact-form contact-us-form">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">Get in touch with us</h2>
+                                <p class="wow fadeInUp">Need help or have a project? Get in touch — we're always ready to support you.</p>
+                            </div>
+                            <!-- Section Title End -->
+
+                            <!-- Contact Form Start -->
+                            <div class="contact-form">
+                                <form id="contactForm" action="#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.2s">
+                                    <div class="row">
+                                        <div class="form-group col-md-6 mb-4">
+                                            <input type="text" name="fname" class="form-control" id="fname" placeholder="First Name" required>
+                                            <div class="help-block with-errors"></div>
+                                        </div>
+                
+                                        <div class="form-group col-md-6 mb-4">
+                                            <input type="text" name="lname" class="form-control" id="lname" placeholder="Last Name" required>
+                                            <div class="help-block with-errors"></div>
+                                        </div>
+                                        
+                                        <div class="form-group col-md-6 mb-4">
+                                            <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone No." required>
+                                            <div class="help-block with-errors"></div>
+                                        </div>
+                
+                                        <div class="form-group col-md-6 mb-4">
+                                            <input type="email" name ="email" class="form-control" id="email" placeholder="Email Address" required>
+                                            <div class="help-block with-errors"></div>
+                                        </div>
+                
+                                        <div class="form-group col-md-12 mb-5">
+                                            <textarea name="message" class="form-control" id="message" rows="4" placeholder="Write Message..."></textarea>
+                                            <div class="help-block with-errors"></div>
+                                        </div>
+                
+                                        <div class="col-lg-12">
+                                            <div class="contact-form-btn">
+                                                <button type="submit" class="btn-default"><span>submit now</span></button>
+                                                <div id="msgSubmit" class="h3 hidden"></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Contact Form End -->
+                        </div>
+                        <!-- Team Contact Form End -->
+                    </div>
+                    <!-- Team Single Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Team Single End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/team.php

@@ -0,0 +1,583 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Our team</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">team</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Team Start -->
+    <div class="page-team">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-1.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Arjun Mehta</a></h3>
+                            <p>Founder & Chief Executive</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="0.2s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-2.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Ralph Edwards</a></h3>
+                            <p>Project Manager</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="0.4s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-3.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Theresa Webb</a></h3>
+                            <p>Construction Manager</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="0.6s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-4.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Brooklyn Simmons</a></h3>
+                            <p>Contract Manager</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="0.8s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-5.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Jacob Jones</a></h3>
+                            <p>Program Manager</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="1s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-6.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Dianne Russell</a></h3>
+                            <p>Civil Engineer</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="1.2s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-7.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Annette Black</a></h3>
+                            <p>Structural Engineer</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+
+                <div class="col-xl-3 col-md-6">
+                    <!-- Team Item Start -->
+                    <div class="team-item wow fadeInUp" data-wow-delay="1.4s">
+                        <!-- Team Image Start -->
+                        <div class="team-item-image">
+                            <a href="/team-single" data-cursor-text="View">
+                                <figure>
+                                    <img src="images/team-8.jpg" alt="">
+                                </figure>
+                            </a>
+                        </div>
+                        <!-- Team Image End -->
+
+                        <!-- Team Content Start -->
+                        <div class="team-item-content">
+                            <h3><a href="/team-single">Devon Lane</a></h3>
+                            <p>Mechanical Engineer</p>
+                        </div>
+                        <!-- Team Content End -->
+
+                        <!-- Team Social List Start -->
+                        <div class="team-social-list">
+                            <ul>
+                                <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
+                                <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
+                            </ul>
+                        </div>
+                        <!-- Team Social List End -->
+                    </div>
+                    <!-- Team Item End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Team End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/testimonials.php

@@ -0,0 +1,761 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a>
+                            
+                                </li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Our testimonials</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">testimonials</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Testimonials Start -->
+    <div class="page-testimonials">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-4 col-md-6">
+                     <!-- Testimonial Item Start -->
+                    <div class="testimonial-item wow fadeInUp">
+                        <div class="testimonial-company-logo">
+                            <img src="images/company-logo-1.svg" alt="">
+                        </div> 
+                        <div class="testimonial-item-body">
+                            <div class="testimonial-item-content">
+                                <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                            </div>
+                            <div class="testimonial-author-content">
+                                <h3>Darlene Robertson</h3>
+                                <p>Interior Designer</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Testimonial Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                     <!-- Testimonial Item Start -->
+                    <div class="testimonial-item wow fadeInUp" data-wow-delay="0.2s">
+                        <div class="testimonial-company-logo">
+                            <img src="images/company-logo-2.svg" alt="">
+                        </div> 
+                        <div class="testimonial-item-body">
+                            <div class="testimonial-item-content">
+                                <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                            </div>
+                            <div class="testimonial-author-content">
+                                <h3>Wade Warren</h3>
+                                <p>Interior Designer</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Testimonial Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                     <!-- Testimonial Item Start -->
+                    <div class="testimonial-item wow fadeInUp" data-wow-delay="0.4s">
+                        <div class="testimonial-company-logo">
+                            <img src="images/company-logo-3.svg" alt="">
+                        </div> 
+                        <div class="testimonial-item-body">
+                            <div class="testimonial-item-content">
+                                <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                            </div>
+                            <div class="testimonial-author-content">
+                                <h3>Leslie Alexander</h3>
+                                <p>Interior Designer</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Testimonial Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                     <!-- Testimonial Item Start -->
+                    <div class="testimonial-item wow fadeInUp" data-wow-delay="0.6s">
+                        <div class="testimonial-company-logo">
+                            <img src="images/company-logo-4.svg" alt="">
+                        </div> 
+                        <div class="testimonial-item-body">
+                            <div class="testimonial-item-content">
+                                <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                            </div>
+                            <div class="testimonial-author-content">
+                                <h3>Guy Hawkins</h3>
+                                <p>Interior Designer</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Testimonial Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                     <!-- Testimonial Item Start -->
+                    <div class="testimonial-item wow fadeInUp" data-wow-delay="0.8s">
+                        <div class="testimonial-company-logo">
+                            <img src="images/company-logo-5.svg" alt="">
+                        </div> 
+                        <div class="testimonial-item-body">
+                            <div class="testimonial-item-content">
+                                <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                            </div>
+                            <div class="testimonial-author-content">
+                                <h3>Ronald Richards</h3>
+                                <p>Interior Designer</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Testimonial Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6">
+                     <!-- Testimonial Item Start -->
+                    <div class="testimonial-item wow fadeInUp" data-wow-delay="1s">
+                        <div class="testimonial-company-logo">
+                            <img src="images/company-logo-6.svg" alt="">
+                        </div> 
+                        <div class="testimonial-item-body">
+                            <div class="testimonial-item-content">
+                                <p>“The team turned our dream home into a reality from design planning to final handover everything was manage with professionalism and precision.”</p>
+                            </div>
+                            <div class="testimonial-author-content">
+                                <h3>Kathryn Murphy</h3>
+                                <p>Interior Designer</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Testimonial Item End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Testimonials End -->
+
+    <!-- Watch Our Story Section Start -->
+    <div class="our-story dark-section parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Our Story Content Start -->
+                    <div class="our-story-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">watch our story</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Tailored architectural and construction solutions for every budget</h2>
+                        </div>
+                        <!-- Section Title End -->
+
+                        <!-- Watch Video Circle Start -->
+                        <div class="watch-video-circle">
+                            <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                                <img src="images/watch-video-circle.svg" alt="">
+                            </a>
+                        </div>
+                        <!-- Watch Video Circle End -->
+                    </div>
+                    <!-- Our Story Content End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Watch Our Story Section End -->
+
+    <!-- Our Features Section Start -->
+    <div class="our-features">
+        <div class="container">
+            <div class="row section-row">
+                <div class="col-lg-12">
+                    <!-- Section Title Start -->
+                    <div class="section-title section-title-center">
+                        <h3 class="wow fadeInUp">Our Features</h3>
+                        <h2 class="text-effect" data-cursor="-opaque">Driven by passion for quality <span class="feature-title-img-1"><img src="images/icon-feature-title-1.svg" alt=""></span> and innovation, we build <span class="feature-title-img-2"><img src="images/icon-feature-title-2.svg" alt=""></span> spaces that reflect strength, sustainability, <span class="feature-title-img-3"><img src="images/author-1.jpg" alt=""><img src="images/author-2.jpg" alt=""><img src="images/author-3.jpg" alt=""></span> and lasting value</h2>
+                    </div>
+                    <!-- Section Title End -->
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-xl-4 col-md-6 order-1">
+                    <!-- Feature Item Start -->
+                    <div class="feature-item box-1 wow fadeInUp">
+                        <div class="feature-item-shape-image">
+                            <figure>
+                                <img src="images/feature-item-image-1.jpg" alt="">
+                            </figure>
+                        </div>
+                        <div class="feature-item-content-box">
+                            <div class="feature-item-content">
+                                <h3>Innovative Design Approach</h3>
+                                <p>We combine creativity with functionality to deliver designs that are both visually striking.</p>
+                            </div>
+                            <div class="feature-item-list">
+                                <ul>
+                                    <li>Our architects embrace modern trends.</li>
+                                    <li>We merge creativity and practicality to design.</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Feature Item End -->
+                </div>
+
+                <div class="col-xl-4 order-xl-2 order-md-3 order-2">
+                    <!-- Feature Item Start -->
+                    <div class="feature-item box-2 wow fadeInUp" data-wow-delay="0.2s">
+                        <div class="feature-item-info">
+                            <div class="feature-item-info-content">
+                                <p>Your Vision, Our Expertise</p>
+                                <h3>Request To Get Free Projects Estimate Today</h3>
+                            </div>
+                            <div class="feature-item-btn">
+                                <a href="/contact" class="readmore-btn">Get Free Estimate</a>
+                            </div>
+                        </div>
+                        <div class="feature-item-image">
+                            <figure>
+                                <img src="images/feature-item-image-2.png" alt="">
+                            </figure>
+                        </div>
+                    </div>
+                    <!-- Feature Item End -->
+                </div>
+
+                <div class="col-xl-4 col-md-6 order-xl-3 order-md-2 order-3">
+                    <!-- Feature Item Start -->
+                    <div class="feature-item box-3 wow fadeInUp" data-wow-delay="0.4s">
+                        <div class="feature-item-content-box">
+                            <div class="feature-item-content">
+                                <h2><span class="counter">250</span>+</h2>
+                                <h3>Dedicated Professionals</h3>
+                            </div>
+                            <div class="feature-item-counter-info">
+                                <p>A skilled team of architects, engineers, and experts working with passion.</p>
+                            </div>
+                        </div>
+                        <div class="feature-item-tag-list">
+                            <ul>
+                                <li>Visualization</li>
+                                <li>Custom Design</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <!-- Feature Item End -->
+                </div>
+
+                <div class="col-lg-12 order-5">
+                    <!-- Section Footer Text Start -->
+                    <div class="section-footer-text section-satisfy-img wow fadeInUp" data-wow-delay="0.2s">
+                        <!-- Satisfy Client Images Start -->
+                        <div class="satisfy-client-images">
+                            <div class="satisfy-client-image">
+                                <figure class="image-anime">
+                                    <img src="images/author-1.jpg" alt="">
+                                </figure>
+                            </div>
+                            <div class="satisfy-client-image add-more">
+                                <img src="images/icon-phone-primary.svg" alt="">
+                            </div>
+                        </div>
+                        <!-- Satisfy Client Images End -->
+                        <p>From vision to structure - <a href="/contact">where creativity meets construction excellence.</a></p>
+                        <ul>
+                            <li><span class="counter">4.9</span>/5</li>
+                            <li>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                                <i class="fa-solid fa-star"></i>
+                            </li>
+                            <li>Our 4200 Review</li>
+                        </ul>
+                    </div>
+                    <!-- Section Footer Text End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our Features Section End -->
+
+    <!-- CTA Box Section Start -->
+    <div class="cta-box dark-section parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-7 col-md-9">
+                    <!-- CTA Box Content Start -->
+                    <div class="cta-box-content">
+                        <!-- Section Title Start -->
+                        <div class="section-title">
+                            <h3 class="wow fadeInUp">Contact Us Today!</h3>
+                            <h2 class="text-anime-style-3" data-cursor="-opaque">Partner with us to design and build the future you envision</h2>
+                            <p class="wow fadeInUp" data-wow-delay="0.2s">Whether it's a residential, commercial, or industrial project, we're here to help bring your ideas to life. Get in touch and let's shape something remarkable together.</p>
+                        </div>
+                        <!-- Section Title End -->
+                    
+                        <!-- CTA Box Items List Start -->
+                        <div class="cta-box-items-list wow fadeInUp" data-wow-delay="0.4s">
+                            <!-- CTA Box Item Start -->
+                            <div class="cta-box-item">
+                                <div class="icon-box">
+                                    <img src="images/icon-cta-box-item-1.svg" alt="">
+                                </div>
+                                <div class="cta-box-item-content">
+                                    <h3>Quick Response & Expert Support</h3>
+                                </div>
+                            </div>
+                            <!-- CTA Box Item End -->
+
+                            <!-- CTA Box Item Start -->
+                            <div class="cta-box-item">
+                                <div class="icon-box">
+                                    <img src="images/icon-cta-box-item-2.svg" alt="">
+                                </div>
+                                <div class="cta-box-item-content">
+                                    <h3>Partner with Industry Experts</h3>
+                                </div>
+                            </div>
+                            <!-- CTA Box Item End -->
+                        </div>
+                        <!-- CTA Box Items List End -->
+
+                        <!-- CTA Box Btn Start -->
+                        <div class="cta-box-btn wow fadeInUp" data-wow-delay="0.6s">
+                            <a href="tel:+123456789" class="btn-default btn-highlighted">Call Us: +(123) 456-789</a>  
+                        </div>
+                        <!-- CTA Box Btn End -->
+                    </div> 
+                    <!-- CTA Box Content End -->
+                </div>
+
+                <div class="col-xl-5 col-md-3">
+                    <!-- CTA Box Image Start -->
+                    <div class="cta-box-image">
+                        <figure>
+                            <img src="images/cta-box-image.png" alt="">
+                        </figure>
+                    </div>
+                    <!-- CTA Box Image End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- CTA Box Section End -->
+
+    <!-- Our FAQs Section Start -->
+    <div class="our-faqs">
+        <div class="container">
+            <div class="row">
+                <div class="col-xl-5">
+                    <!-- Our FAQs Content Start -->
+                    <div class="our-faqs-content">
+                        <!-- Faqs Title Box Start -->
+                        <div class="faqs-title-box">
+                            <!-- Section Title Start -->
+                            <div class="section-title">
+                                <h3 class="wow fadeInUp">Frequently Asked Questions</h3>
+                                <h2 class="text-anime-style-3" data-cursor="-opaque">We're here to provide clear and helpful answers</h2>
+                                <p class="wow fadeInUp" data-wow-delay="0.2s">Explore our FAQs to learn more about our process, pricing, and how we ensure quality, transparency, and client satisfaction at every stage.</p>
+                            </div>
+                            <!-- Section Title End -->
+
+                            <!-- Our FAQs Button Start -->
+                            <div class="our-faqs-btn wow fadeInUp" data-wow-delay="0.4s">
+                                <a href="/faqs" class="btn-default">View all FAQs</a>   
+                            </div>
+                            <!-- Our FAQs Button End -->
+                        </div>
+                        <!-- Faqs Title Box End -->
+
+                        <!-- Faq Contact Box Start -->
+                        <div class="faq-contact-box wow fadeInUp" data-wow-delay="0.6s">
+                            <div class="icon-box">
+                                <img src="images/icon-phone-primary.svg" alt="">
+                            </div>
+                            <div class="faq-contact-box-content">
+                                <h3>Call Us For Any Query</h3>
+                                <p><a href="tel:+123456789">+(123) 456-789</a></p>
+                            </div>
+                        </div>
+                        <!-- Faq Contact Box End -->
+                    </div>
+                    <!-- Our FAQs Content End -->
+                </div>
+
+                <div class="col-xl-7">
+                    <!-- FAQ Accordion Start -->
+                    <div class="faq-accordion" id="accordion">
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp">
+                            <h2 class="accordion-header" id="heading1">
+                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
+                                    Q1. Do you provide both design and construction services?
+                                </button>
+                            </h2>
+                            <div id="collapse1" class="accordion-collapse collapse  show" aria-labelledby="heading1" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
+                            <h2 class="accordion-header" id="heading2">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                    Q2. Can you work with my existing architect or designer?
+                                </button>
+                            </h2>
+                            <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s">
+                            <h2 class="accordion-header" id="heading3">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                    Q3. How do you estimate the total project cost?
+                                </button>
+                            </h2>
+                            <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.6s">
+                            <h2 class="accordion-header" id="heading4">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                    Q4. What materials do you typically use for construction?
+                                </button>
+                            </h2>
+                            <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+                        
+                        <!-- FAQ Item Start -->
+                        <div class="accordion-item wow fadeInUp" data-wow-delay="0.8s">
+                            <h2 class="accordion-header" id="heading5">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                    Q5. Can you handle renovation or remodeling projects?
+                                </button>
+                            </h2>
+                            <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#accordion">
+                                <div class="accordion-body">
+                                    <p>Yes, we offer end-to-end design and build solutions, including architectural planning, structural design, interior finishing, and on-site construction ensuring a smooth, integrated process from concept to completion. </p>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- FAQ Item End -->
+                    </div>
+                    <!-- FAQ Accordion End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Our FAQs Section End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

app/Views/video-gallery.php

@@ -0,0 +1,418 @@
+<!DOCTYPE html>
+<html lang="zxx">
+<head>
+	<!-- Meta -->
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="description" content="">
+	<meta name="keywords" content="">
+	<meta name="author" content="Awaiken">
+	<!-- Page Title -->
+    <title>Renovex - Construction HTML Template</title>
+	<!-- Favicon Icon -->
+	<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
+	<!-- Google Fonts Css-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
+	<!-- Bootstrap Css -->
+	<link href="assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<!-- SlickNav Css -->
+	<link href="assets/css/slicknav.min.css" rel="stylesheet">
+	<!-- Swiper Css -->
+	<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
+	<!-- Font Awesome Icon Css-->
+	<link href="assets/css/all.min.css" rel="stylesheet" media="screen">
+	<!-- Animated Css -->
+	<link href="assets/css/animate.css" rel="stylesheet">
+    <!-- Magnific Popup Core Css File -->
+	<link rel="stylesheet" href="assets/css/magnific-popup.css">
+	<!-- Mouse Cursor Css File -->
+	<link rel="stylesheet" href="assets/css/mousecursor.css">
+	<!-- Main Custom Css -->
+	<link href="assets/css/custom.css" rel="stylesheet" media="screen">
+</head>
+<body>
+
+    <!-- Preloader Start -->
+	<div class="preloader">
+		<div class="loading-container">
+			<div class="loading"></div>
+			<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
+		</div>
+	</div>
+	<!-- Preloader End -->
+
+    <!-- Header Start -->
+	<header class="main-header">
+		<div class="header-sticky">
+			<nav class="navbar navbar-expand-lg">
+				<div class="container">
+					<!-- Logo Start -->
+					<a class="navbar-brand" href="./">
+						<img src="images/logo.svg" alt="Logo">
+					</a>
+					<!-- Logo End -->
+
+                    <!-- Main Menu Start -->
+                    <div class="collapse navbar-collapse main-menu">
+                        <div class="nav-menu-wrapper">
+                            <ul class="navbar-nav mr-auto" id="menu">
+                                <li class="nav-item submenu"><a class="nav-link" href="./">Home</a></li>                                
+                                <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/services">Services</a></li>
+                                <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
+                                <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
+                                    <ul>                                        
+                                        <li class="nav-item"><a class="nav-link" href="/service-single">Service Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/blog-single">Blog Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/project-single">Project Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team">Our Team</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/team-single">Team Details</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/pricing">Pricing Plan</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/testimonials">Testimonials</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/image-gallery">Image Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/video-gallery">Video Gallery</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/faqs">FAQs</a></li>
+                                        <li class="nav-item"><a class="nav-link" href="/404">404</a></li>
+                                    </ul>
+                                </li>
+                                <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
+                            </ul>
+                        </div>
+                        
+                        <!-- Header Btn Start -->
+                        <div class="header-btn">
+                            <a href="/contact" class="btn-default btn-highlighted">Contact Us</a>
+                        </div>
+                        <!-- Header Btn End -->
+                    </div>
+					<!-- Main Menu End -->
+					<div class="navbar-toggle"></div>
+				</div>
+			</nav>
+			<div class="responsive-menu"></div>
+		</div>
+	</header>
+	<!-- Header End -->
+
+    <!-- Page Header Section Start -->
+    <div class="page-header parallaxie">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <!-- Page Header Box Start -->
+                    <div class="page-header-box">
+                        <h1 class="text-anime-style-3" data-cursor="-opaque">Video Gallery</h1>
+                        <nav class="wow fadeInUp">
+                            <ol class="breadcrumb">
+                                <li class="breadcrumb-item"><a href="./">home</a></li>
+                                <li class="breadcrumb-item active" aria-current="page">video gallery</li>
+                            </ol>
+                        </nav>
+                    </div>
+                    <!-- Page Header Box End -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Header Section End -->
+
+    <!-- Page Video Gallery Start -->
+    <div class="page-video-gallery">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-3.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="0.2s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-5.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="0.4s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-2.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="0.6s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-1.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="0.8s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-4.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="1s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-9.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="1.2s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-6.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="1.4s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-8.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+
+                <div class="col-lg-4 col-md-6">
+                    <!-- Video Gallery start -->
+                    <div class="video-gallery-image wow fadeInUp" data-wow-delay="1.6s">
+                        <a href="https://www.youtube.com/watch?v=Y-x0efG1seA" class="popup-video" data-cursor-text="Play">
+                            <figure>
+                                <img src="images/gallery-7.jpg" alt="">
+                            </figure>
+                        </a>
+                    </div>
+                    <!-- Video Gallery end -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Page Video Gallery End -->
+
+    <!-- Main Footer Start -->
+    <footer class="main-footer dark-section">
+        <!-- Scrolling Ticker Section Start -->
+        <div class="footer-scrolling-ticker">
+            <!-- Scrolling Ticker Box Start -->
+            <div class="scrolling-ticker-box">
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+    
+                <!-- Scrolling Content Start -->
+                <div class="scrolling-content">
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Commercial Projects</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Interior & Exterior Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Building Design</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Construction</span>
+                    <span><img src="images/icon-asterisk.svg" alt="">Renovation & Remodeling</span>
+                </div>
+                <!-- Scrolling Content End -->
+            </div>
+            <!-- Scrolling Ticker Box End -->
+        </div>
+        <!-- Scrolling Ticker Section End -->
+
+        <!-- Footer Box Start -->
+        <div class="footer-box">
+            <div class="container">
+                <div class="row">
+                    <div class="col-xl-4">
+                        <!-- About Footer Start -->
+                        <div class="about-footer">
+                            <!-- Footer Logo Start -->
+                            <div class="footer-logo">
+                                <img src="images/footer-logo.svg" alt="">
+                            </div>
+                            <!-- Footer Logo End -->
+
+                            <!-- About Footer Content Start -->
+                            <div class="footer-working-hours">
+                                <h3>Working Hours:</h3>
+                                <ul>
+                                    <li>Monday - Friday: 09:00 AM - 06:00 PM</li>
+                                    <li>Saturday - Sunday: Closed</li>
+                                </ul>
+                            </div>
+                            <!-- About Footer Content End -->
+                        </div>
+                        <!-- About Footer End -->
+                    </div>
+
+                    <div class="col-xl-8">
+                        <!-- Footer Links Box Start -->
+                        <div class="footer-links-box">
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-location-info">
+                                <h3>Contact Information</h3>
+                                <p>123 Maplewood Drive, Pinehill, CA 90210</p>
+                            </div>
+                            <!-- Footer Links End -->
+
+                            <!-- Footer Links Start -->
+                            <div class="footer-links footer-contact-links">
+                                <h3>Get in Touch</h3>
+                                <ul>
+                                    <li><img src="images/icon-phone-white.svg" alt=""> Phone: <a href="tel:+123456789"> +123 456 789</a></li>
+                                    <li><img src="images/icon-mail-white.svg" alt=""> Email: <a href="mailto:domain@gmail.com"> info@domainname.com</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Links End -->
+                            
+                            <!-- Footer Newsletter Form Start -->
+                            <div class="footer-links footer-newsletter-form">
+                                <h3>Newsletter Subscription</h3>
+                                <p>Stay updated on our latest projects, tips, and offers.</p>
+                                <form id="newslettersForm" action="#" method="POST">
+                                    <div class="form-group">
+                                        <input type="email" name="mail" class="form-control" id="mail" placeholder="Enter Email Address*" required>
+                                        <button type="submit" class="newsletter-btn"><i class="fa-regular fa-paper-plane"></i></button>
+                                    </div>
+                                </form>
+                            </div>
+                            <!-- Footer Newsletter Form End -->
+
+                            <!-- Footer Social Link Start -->
+                            <div class="footer-links footer-social-links">
+                                <h3>Follow On Socials:</h3>
+                                <ul>
+                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i>Dribbble</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a></li>
+                                    <li><a href="#"><i class="fa-brands fa-instagram"></i>Instagram</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Social Link End -->
+                        </div>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <!-- Footer Copyright Start -->
+                        <div class="footer-copyright">
+                            <!-- Footer Menu Start -->
+                            <div class="footer-menu">
+                                <ul>
+                                    <li><a href="/">Home</a></li>
+                                    <li><a href="/about">About Us</a></li>
+                                    <li><a href="/services">Service</a></li>
+                                    <li><a href="/projects">Project</a></li>
+                                    <li><a href="/contact">Contact</a></li>
+                                </ul>
+                            </div>
+                            <!-- Footer Menu End -->
+                            
+                            <!-- Footer Copyright Text Start -->
+                            <div class="footer-copyright-text">
+                                <p>Copyright © 2025 All Rights Reserved.</p>
+                            </div>
+                            <!-- Footer Copyright Text End -->
+                        </div>
+                        <!-- Footer Copyright End -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer Box End -->
+    </footer>
+    <!-- Main Footer End -->
+
+    <!-- Jquery Library File -->
+    <script src="assets/js/jquery-3.7.1.min.js"></script>
+    <!-- Bootstrap js file -->
+    <script src="assets/js/bootstrap.min.js"></script>
+    <!-- Validator js file -->
+    <script src="assets/js/validator.min.js"></script>
+    <!-- SlickNav js file -->
+    <script src="assets/js/jquery.slicknav.js"></script>
+    <!-- Swiper js file -->
+    <script src="assets/js/swiper-bundle.min.js"></script>
+    <!-- Counter js file -->
+    <script src="assets/js/jquery.waypoints.min.js"></script>
+    <script src="assets/js/jquery.counterup.min.js"></script>
+    <!-- Isotop js file -->
+	<script src="assets/js/isotope.min.js"></script>
+    <!-- Magnific js file -->
+    <script src="assets/js/jquery.magnific-popup.min.js"></script>
+    <!-- SmoothScroll -->
+    <script src="assets/js/SmoothScroll.js"></script>
+    <!-- Parallax js -->
+    <script src="assets/js/parallaxie.js"></script>
+    <!-- MagicCursor js file -->
+    <script src="assets/js/gsap.min.js"></script>
+    <script src="assets/js/magiccursor.js"></script>
+    <!-- Text Effect js file -->
+    <script src="assets/js/SplitText.min.js"></script>
+    <script src="assets/js/ScrollTrigger.min.js"></script>
+    <!-- YTPlayer js File -->
+    <script src="assets/js/jquery.mb.YTPlayer.min.js"></script>
+    <!-- Wow js file -->
+    <script src="assets/js/wow.min.js"></script>
+    <!-- Main Custom js file -->
+    <script src="assets/js/function.js"></script>
+</body>
+</html>

composer.json

@@ -0,0 +1,29 @@
+{
+    "name": "bridgeup/app",
+    "type": "project",
+    "description": "BridgeUp Application",
+    "license": "MIT",
+    "require": {
+        "php": "^8.1"
+    },
+    "autoload": {
+        "psr-4": {
+            "App\\": "app/",
+            "Config\\": "app/Config/"
+        },
+        "exclude-from-classmap": [
+            "**/Database/Migrations/**"
+        ]
+    },
+    "scripts": {
+        "post-update-cmd": [
+            "@composer dump-autoload"
+        ]
+    },
+    "config": {
+        "optimize-autoloader": true,
+        "preferred-install": "dist",
+        "sort-packages": true,
+        "allow-plugins": {}
+    }
+}

docker-compose.yml

@@ -0,0 +1,27 @@
+version: '3'
+services:
+  bridgeup-app:
+    build:
+      context: .
+      dockerfile: docker/apache/Dockerfile
+      args:
+        uid: ${UID}
+    #image: registry.chiefsoft.net/tokslawcom-web:latest
+    environment:
+      - APACHE_RUN_USER=#${UID}
+      - APACHE_RUN_GROUP=#${UID}
+      #- CI_ENV
+      - CI_CONFIG
+    restart: unless-stopped
+    volumes:
+      - ./:/var/www/html
+      - ./apache_log:/var/log/apache2
+    ports:
+      - "${CONTAINER_PORT}:80"
+    extra_hosts:
+      - "host.docker.internal:host-gateway"
+      - oameye.works.wrenchboard.com:10.20.30.27
+      - oameye.work.wrenchboard.com:10.10.33.15
+      - blog.tokslaw.com:10.10.33.15
+volumes:
+  src:

docker/apache/000-default.conf

@@ -0,0 +1,11 @@
+<VirtualHost *:80>
+  ServerAdmin works@chiefsoft.com
+  ServerName oameye.works.wrenchboard.com
+  DocumentRoot /var/www/html/public
+  
+  <Directory /var/www/html>
+    Options Indexes FollowSymLinks
+    AllowOverride All
+    Require all granted
+  </Directory>
+</VirtualHost>

docker/apache/Dockerfile

@@ -0,0 +1,73 @@
+# Use an official PHP runtime as a base image
+FROM php:8.1-apache
+
+RUN echo "ServerName localhost" >> /etc/apache2/apache2.conf
+#RUN apt-get update
+
+#RUN apt-get update && \
+#    apt-get install --yes --force-yes \
+#    cron g++ gettext libicu-dev openssl \
+#    libc-client-dev libkrb5-dev  \
+#    libxml2-dev libfreetype6-dev \
+#    libgd-dev libmcrypt-dev bzip2 \
+#    libbz2-dev libtidy-dev libcurl4-openssl-dev \
+#    libz-dev libmemcached-dev libxslt-dev git-core libpq-dev \
+#    libzip4 libzip-dev libwebp-dev
+
+
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    cron g++ gettext \
+    libicu-dev openssl libssl-dev \
+    libkrb5-dev \
+    libxml2-dev libfreetype6-dev libgd-dev \
+    bzip2 libbz2-dev \
+    libtidy-dev \
+    libcurl4-openssl-dev \
+    zlib1g-dev \
+    libmemcached-dev \
+    libxslt1-dev \
+    git \
+    libpq-dev \
+    libzip-dev \
+    libwebp-dev \
+ && rm -rf /var/lib/apt/lists/*
+
+# PHP Configuration
+RUN docker-php-ext-install bcmath bz2 calendar  dba exif gettext iconv intl  soap tidy xsl zip&&\
+    docker-php-ext-install mysqli pgsql pdo pdo_mysql pdo_pgsql  &&\
+    docker-php-ext-configure gd --with-freetype --with-jpeg --with-webp &&\
+    docker-php-ext-install gd &&\
+    #docker-php-ext-configure imap --with-kerberos --with-imap-ssl &&\
+    #docker-php-ext-install imap &&\
+    #docker-php-ext-configure hash --with-mhash &&\
+    pecl install xdebug && docker-php-ext-enable xdebug &&\
+    pecl install mongodb && docker-php-ext-enable mongodb &&\
+    pecl install redis && docker-php-ext-enable redis
+
+# 2. set up document root for apache
+COPY docker/apache/000-default.conf /etc/apache2/sites-available/000-default.conf
+
+# 3. mod_rewrite for URL rewrite and mod_headers for .htaccess extra headers like Access-Control-Allow-Origin-
+RUN a2enmod rewrite headers
+
+# 4. start with base php config, then add extensions
+RUN mv "$PHP_INI_DIR/php.ini-development" "$PHP_INI_DIR/php.ini"
+
+# 5. Composer
+RUN curl -sS https://getcomposer.org/installer | php
+RUN mv composer.phar /usr/local/bin/composer
+RUN chmod +x /usr/local/bin/composer
+RUN composer self-update
+
+COPY / /var/www/html/
+# 6. we need a user with the same UID/GID with host user
+# so when we execute CLI commands, all the host file's ownership remains intact
+# otherwise command from inside container will create root-owned files and directories
+ARG uid=1000
+RUN useradd -G www-data,root -u $uid -d /home/devuser devuser
+RUN mkdir -p /home/devuser/.composer && \
+    chown -R devuser:devuser /home/devuser
+
+RUN composer install
+
+EXPOSE 80

env

@@ -0,0 +1,69 @@
+#--------------------------------------------------------------------
+# Example Environment Configuration file
+#
+# This file can be used as a starting point for your own
+# custom .env files, and contains most of the possible settings
+# available in a default install.
+#
+# By default, all of the settings are commented out. If you want
+# to override the setting, you must un-comment it by removing the '#'
+# at the beginning of the line.
+#--------------------------------------------------------------------
+
+#--------------------------------------------------------------------
+# ENVIRONMENT
+#--------------------------------------------------------------------
+
+# CI_ENVIRONMENT = production
+
+#--------------------------------------------------------------------
+# APP
+#--------------------------------------------------------------------
+
+# app.baseURL = ''
+# If you have trouble with `.`, you could also use `_`.
+# app_baseURL = ''
+# app.forceGlobalSecureRequests = false
+# app.CSPEnabled = false
+
+#--------------------------------------------------------------------
+# DATABASE
+#--------------------------------------------------------------------
+
+# database.default.hostname = localhost
+# database.default.database = ci4
+# database.default.username = root
+# database.default.password = root
+# database.default.DBDriver = MySQLi
+# database.default.DBPrefix =
+# database.default.port = 3306
+
+# If you use MySQLi as tests, first update the values of Config\Database::$tests.
+# database.tests.hostname = localhost
+# database.tests.database = ci4_test
+# database.tests.username = root
+# database.tests.password = root
+# database.tests.DBDriver = MySQLi
+# database.tests.DBPrefix =
+# database.tests.charset = utf8mb4
+# database.tests.DBCollat = utf8mb4_general_ci
+# database.tests.port = 3306
+
+#--------------------------------------------------------------------
+# ENCRYPTION
+#--------------------------------------------------------------------
+
+# encryption.key =
+
+#--------------------------------------------------------------------
+# SESSION
+#--------------------------------------------------------------------
+
+# session.driver = 'CodeIgniter\Session\Handlers\FileHandler'
+# session.savePath = null
+
+#--------------------------------------------------------------------
+# LOGGER
+#--------------------------------------------------------------------
+
+# logger.threshold = 4

phpunit.xml.dist

@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:noNamespaceSchemaLocation="https://schema.phpunit.de/10.5/phpunit.xsd"
+    bootstrap="system/Test/bootstrap.php"
+    backupGlobals="false"
+    beStrictAboutOutputDuringTests="true"
+    colors="true"
+    columns="max"
+    failOnRisky="true"
+    failOnWarning="true"
+    cacheDirectory="build/.phpunit.cache">
+    <coverage
+        includeUncoveredFiles="true"
+        pathCoverage="false"
+        ignoreDeprecatedCodeUnits="true"
+        disableCodeCoverageIgnore="true">
+        <report>
+            <clover outputFile="build/logs/clover.xml"/>
+            <html outputDirectory="build/logs/html"/>
+            <php outputFile="build/logs/coverage.serialized"/>
+            <text outputFile="php://stdout" showUncoveredFiles="false"/>
+        </report>
+    </coverage>
+    <testsuites>
+        <testsuite name="App">
+            <directory>./tests</directory>
+        </testsuite>
+    </testsuites>
+    <logging>
+        <testdoxHtml outputFile="build/logs/testdox.html"/>
+        <testdoxText outputFile="build/logs/testdox.txt"/>
+        <junit outputFile="build/logs/logfile.xml"/>
+    </logging>
+    <source>
+        <include>
+            <directory suffix=".php">./app</directory>
+        </include>
+        <exclude>
+            <directory suffix=".php">./app/Views</directory>
+            <file>./app/Config/Routes.php</file>
+        </exclude>
+    </source>
+    <php>
+        <server name="app.baseURL" value="http://example.com/"/>
+        <server name="CODEIGNITER_SCREAM_DEPRECATIONS" value="0"/>
+        <!-- Directory containing phpunit.xml -->
+        <const name="HOMEPATH" value="./"/>
+        <!-- Directory containing the Paths config file -->
+        <const name="CONFIGPATH" value="./app/Config/"/>
+        <!-- Directory containing the front controller (index.php) -->
+        <const name="PUBLICPATH" value="./public/"/>
+        <!-- Database configuration -->
+        <!-- Uncomment to provide your own database for testing
+            <env name="database.tests.hostname" value="localhost"/>
+            <env name="database.tests.database" value="tests"/>
+            <env name="database.tests.username" value="tests_user"/>
+            <env name="database.tests.password" value=""/>
+            <env name="database.tests.DBDriver" value="MySQLi"/>
+            <env name="database.tests.DBPrefix" value="tests_"/>
+            -->
+    </php>
+</phpunit>

preload.php

@@ -0,0 +1,104 @@
+<?php
+
+/**
+ * This file is part of CodeIgniter 4 framework.
+ *
+ * (c) CodeIgniter Foundation <admin@codeigniter.com>
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+/*
+ *---------------------------------------------------------------
+ * Sample file for Preloading
+ *---------------------------------------------------------------
+ * See https://www.php.net/manual/en/opcache.preloading.php
+ *
+ * How to Use:
+ *   0. Copy this file to your project root folder.
+ *   1. Set the $paths property of the preload class below.
+ *   2. Set opcache.preload in php.ini.
+ *     php.ini:
+ *     opcache.preload=/path/to/preload.php
+ */
+
+// Load the paths config file
+require __DIR__ . '/app/Config/Paths.php';
+
+// Path to the front controller
+define('FCPATH', __DIR__ . DIRECTORY_SEPARATOR . 'public' . DIRECTORY_SEPARATOR);
+
+class preload
+{
+    /**
+     * @var array Paths to preload.
+     */
+    private array $paths = [
+        [
+            'include' => __DIR__ . '/vendor/codeigniter4/framework/system', // Change this path if using manual installation
+            'exclude' => [
+                '/system/bootstrap.php',
+                // Not needed if you don't use them.
+                '/system/Database/OCI8/',
+                '/system/Database/Postgre/',
+                '/system/Database/SQLite3/',
+                '/system/Database/SQLSRV/',
+                // Not needed.
+                '/system/Database/Seeder.php',
+                '/system/Test/',
+                '/system/Language/',
+                '/system/CLI/',
+                '/system/Commands/',
+                '/system/Publisher/',
+                '/system/ComposerScripts.php',
+                '/Views/',
+                // Errors occur.
+                '/system/Config/Routes.php',
+                '/system/ThirdParty/',
+            ],
+        ],
+    ];
+
+    public function __construct()
+    {
+        $this->loadAutoloader();
+    }
+
+    private function loadAutoloader(): void
+    {
+        $paths = new Config\Paths();
+        require rtrim($paths->systemDirectory, '\\/ ') . DIRECTORY_SEPARATOR . 'Boot.php';
+
+        CodeIgniter\Boot::preload($paths);
+    }
+
+    /**
+     * Load PHP files.
+     */
+    public function load(): void
+    {
+        foreach ($this->paths as $path) {
+            $directory = new RecursiveDirectoryIterator($path['include']);
+            $fullTree  = new RecursiveIteratorIterator($directory);
+            $phpFiles  = new RegexIterator(
+                $fullTree,
+                '/.+((?<!Test)+\.php$)/i',
+                RecursiveRegexIterator::GET_MATCH
+            );
+
+            foreach ($phpFiles as $key => $file) {
+                foreach ($path['exclude'] as $exclude) {
+                    if (str_contains($file[0], $exclude)) {
+                        continue 2;
+                    }
+                }
+
+                require_once $file[0];
+                echo 'Loaded: ' . $file[0] . "\n";
+            }
+        }
+    }
+}
+
+(new preload())->load();

public/.htaccess

@@ -0,0 +1,49 @@
+# Disable directory browsing
+Options -Indexes
+
+# ----------------------------------------------------------------------
+# Rewrite engine
+# ----------------------------------------------------------------------
+
+# Turning on the rewrite engine is necessary for the following rules and features.
+# FollowSymLinks must be enabled for this to work.
+<IfModule mod_rewrite.c>
+	Options +FollowSymlinks
+	RewriteEngine On
+
+	# If you installed CodeIgniter in a subfolder, you will need to
+	# change the following line to match the subfolder you need.
+	# http://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewritebase
+	# RewriteBase /
+
+	# Redirect Trailing Slashes...
+	RewriteCond %{REQUEST_FILENAME} !-d
+	RewriteCond %{REQUEST_URI} (.+)/$
+	RewriteRule ^ %1 [L,R=301]
+
+	# Rewrite "www.example.com -> example.com"
+	RewriteCond %{HTTPS} !=on
+	RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+	RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
+
+	# Checks to see if the user is attempting to access a valid file,
+	# such as an image or css document, if this isn't true it sends the
+	# request to the front controller, index.php
+	RewriteCond %{REQUEST_FILENAME} !-f
+	RewriteCond %{REQUEST_FILENAME} !-d
+	RewriteRule ^([\s\S]*)$ index.php/$1 [L,NC,QSA]
+
+	# Ensure Authorization header is passed along
+	RewriteCond %{HTTP:Authorization} .
+	RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+</IfModule>
+
+<IfModule !mod_rewrite.c>
+	# If we don't have mod_rewrite installed, all 404's
+	# can be sent to index.php, and everything works as normal.
+	ErrorDocument 404 index.php
+</IfModule>
+
+# Disable server signature start
+ServerSignature Off
+# Disable server signature end

public/assets/css/magnific-popup.css

@@ -0,0 +1,351 @@
+/* Magnific Popup CSS */
+.mfp-bg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1042;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8; }
+
+.mfp-wrap {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1043;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden; }
+
+.mfp-container {
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  box-sizing: border-box; }
+
+.mfp-container:before {
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle; }
+
+.mfp-align-top .mfp-container:before {
+  display: none; }
+
+.mfp-content {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 1045; }
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+  width: 100%;
+  cursor: auto; }
+
+.mfp-ajax-cur {
+  cursor: progress; }
+
+.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out; }
+
+.mfp-zoom {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.mfp-auto-cursor .mfp-content {
+  cursor: auto; }
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+
+.mfp-loading.mfp-figure {
+  display: none; }
+
+.mfp-hide {
+  display: none !important; }
+
+.mfp-preloader {
+  color: #CCC;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 1044; }
+  .mfp-preloader a {
+    color: #CCC; }
+    .mfp-preloader a:hover {
+      color: #FFF; }
+
+.mfp-s-ready .mfp-preloader {
+  display: none; }
+
+.mfp-s-error .mfp-content {
+  display: none; }
+
+button.mfp-close,
+button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  outline: none;
+  padding: 0;
+  z-index: 1046;
+  box-shadow: none;
+  touch-action: manipulation; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+.mfp-close {
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: #FFF;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace; }
+  .mfp-close:hover,
+  .mfp-close:focus {
+    opacity: 1; }
+  .mfp-close:active {
+    top: 1px; }
+
+.mfp-close-btn-in .mfp-close {
+  color: #333; }
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  color: #FFF;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%; }
+
+.mfp-counter {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #CCC;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap; }
+
+.mfp-arrow {
+  position: absolute;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  -webkit-tap-highlight-color: transparent; }
+  .mfp-arrow:active {
+    margin-top: -54px; }
+  .mfp-arrow:hover,
+  .mfp-arrow:focus {
+    opacity: 1; }
+  .mfp-arrow:before,
+  .mfp-arrow:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    margin-top: 35px;
+    margin-left: 35px;
+    border: medium inset transparent; }
+  .mfp-arrow:after {
+    border-top-width: 13px;
+    border-bottom-width: 13px;
+    top: 8px; }
+  .mfp-arrow:before {
+    border-top-width: 21px;
+    border-bottom-width: 21px;
+    opacity: 0.7; }
+
+.mfp-arrow-left {
+  left: 0; }
+  .mfp-arrow-left:after {
+    border-right: 17px solid #FFF;
+    margin-left: 31px; }
+  .mfp-arrow-left:before {
+    margin-left: 25px;
+    border-right: 27px solid #3F3F3F; }
+
+.mfp-arrow-right {
+  right: 0; }
+  .mfp-arrow-right:after {
+    border-left: 17px solid #FFF;
+    margin-left: 39px; }
+  .mfp-arrow-right:before {
+    border-left: 27px solid #3F3F3F; }
+
+.mfp-iframe-holder {
+  padding-top: 40px;
+  padding-bottom: 40px; }
+  .mfp-iframe-holder .mfp-content {
+    line-height: 0;
+    width: 100%;
+    max-width: 900px; }
+  .mfp-iframe-holder .mfp-close {
+    top: -40px; }
+
+.mfp-iframe-scaler {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%; }
+  .mfp-iframe-scaler iframe {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #000; }
+
+/* Main image in popup */
+img.mfp-img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure {
+  line-height: 0; }
+  .mfp-figure:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 40px;
+    bottom: 40px;
+    display: block;
+    right: 0;
+    width: auto;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #444; }
+  .mfp-figure small {
+    color: #BDBDBD;
+    display: block;
+    font-size: 12px;
+    line-height: 14px; }
+  .mfp-figure figure {
+    margin: 0; }
+
+.mfp-bottom-bar {
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto; }
+
+.mfp-title {
+  text-align: left;
+  line-height: 18px;
+  color: #F3F3F3;
+  word-wrap: break-word;
+  padding-right: 36px; }
+
+.mfp-image-holder .mfp-content {
+  max-width: 100%; }
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+  cursor: pointer; }
+
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+       * Remove all paddings around the image on small screen
+       */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0; }
+  .mfp-img-mobile img.mfp-img {
+    padding: 0; }
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0; }
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px; }
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    box-sizing: border-box; }
+    .mfp-img-mobile .mfp-bottom-bar:empty {
+      padding: 0; }
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px; }
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0; } }
+
+@media all and (max-width: 900px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75); }
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0; }
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%; }
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px; } }

public/assets/css/mousecursor.css

@@ -0,0 +1,312 @@
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+.cb-cursor {
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 150;
+	contain: layout style size;
+	pointer-events: none;
+	will-change: transform;
+	-webkit-transition: opacity 0.3s, color 0.4s;
+	-o-transition: opacity 0.3s, color 0.4s;
+	-moz-transition: opacity 0.3s, color 0.4s;
+	transition: opacity 0.3s, color 0.4s;
+}
+
+.cb-cursor:before {
+	content: "";
+	position: absolute;
+	top: -24px;
+	left: -24px;
+	display: block;
+	width: 48px;
+	height: 48px;
+	-webkit-transform: scale(0);
+	-moz-transform: scale(0);
+	-ms-transform: scale(0);
+	-o-transform: scale(0);
+	transform: scale(0);
+	-webkit-border-radius: 50%;
+	-moz-border-radius: 50%;
+	border-radius: 50%;
+	-webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
+	transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
+	-o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
+	-moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
+	transition: transform 0.3s ease-in-out, opacity 0.1s;
+	transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
+}
+
+.cb-cursor-text {
+	position: absolute;
+	top: -18px;
+	left: -18px;
+	width: 36px;
+	height: 36px;
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -moz-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	-moz-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	-webkit-justify-content: center;
+	-moz-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	-webkit-transform: scale(0) rotate(10deg);
+	-moz-transform: scale(0) rotate(10deg);
+	-ms-transform: scale(0) rotate(10deg);
+	-o-transform: scale(0) rotate(10deg);
+	transform: scale(0) rotate(10deg);
+	opacity: 0;
+	color: white;
+	font-size: 16px;
+	line-height: 20px;
+	text-align: center;
+	letter-spacing: -0.01em;
+	-webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
+	transition: opacity 0.4s, -webkit-transform 0.3s;
+	-o-transition: opacity 0.4s, -o-transform 0.3s;
+	-moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
+	transition: opacity 0.4s, transform 0.3s;
+	transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
+}
+
+@supports (mix-blend-mode: exclusion) {
+	.cb-cursor.-exclusion, .cb-cursor.-opaque {
+		mix-blend-mode: exclusion;
+	}
+}
+
+@supports (mix-blend-mode: exclusion) {
+	.cb-cursor.-exclusion:before, .cb-cursor.-opaque:before {
+		background: white;
+	}
+}
+
+.cb-cursor.-normal, .cb-cursor.-text {
+	mix-blend-mode: normal;
+}
+
+.cb-cursor.-normal:before, .cb-cursor.-text:before {
+	background: currentColor;
+}
+
+.cb-cursor.-inverse {
+	color: white;
+}
+
+.cb-cursor.-visible:before {
+	-webkit-transform: scale(0.2);
+	-moz-transform: scale(0.2);
+	-ms-transform: scale(0.2);
+	-o-transform: scale(0.2);
+	transform: scale(0.2);
+}
+
+.cb-cursor.-visible.-active:before {
+	-webkit-transform: scale(0.23);
+	-moz-transform: scale(0.23);
+	-ms-transform: scale(0.23);
+	-o-transform: scale(0.23);
+	transform: scale(0.23);
+	-webkit-transition-duration: 0.2s;
+	-moz-transition-duration: 0.2s;
+	-o-transition-duration: 0.2s;
+	transition-duration: 0.2s;
+}
+
+.cb-cursor.-pointer:before {
+	-webkit-transform: scale(0);
+	-moz-transform: scale(0);
+	-ms-transform: scale(0);
+	-o-transform: scale(0);
+	transform: scale(0);
+}
+
+.cb-cursor.-text:before {
+	background: #000;
+	opacity: 0.80;
+	backdrop-filter: blur(10);
+	-webkit-transform: scale(1.7);
+	-moz-transform: scale(1.7);
+	-ms-transform: scale(1.7);
+	-o-transform: scale(1.7);
+	transform: scale(1.7);
+}
+
+.cb-cursor.-text .cb-cursor-text {
+	opacity: 1;
+	-webkit-transform: scale(1);
+	-moz-transform: scale(1);
+	-ms-transform: scale(1);
+	-o-transform: scale(1);
+	transform: scale(1);
+}
+
+.cb-cursor.-text.-active:before {
+	-webkit-transform: scale(1.6);
+	-moz-transform: scale(1.6);
+	-ms-transform: scale(1.6);
+	-o-transform: scale(1.6);
+	transform: scale(1.6);
+	-webkit-transition-duration: 0.2s;
+	-moz-transition-duration: 0.2s;
+	-o-transition-duration: 0.2s;
+	transition-duration: 0.2s;
+}
+
+.cb-cursor.-opaque:before {
+	-webkit-transform: scale(1.32);
+	-moz-transform: scale(1.32);
+	-ms-transform: scale(1.32);
+	-o-transform: scale(1.32);
+	transform: scale(1.32);
+}
+
+.cb-cursor.-opaque.-active:before {
+	-webkit-transform: scale(1.2);
+	-moz-transform: scale(1.2);
+	-ms-transform: scale(1.2);
+	-o-transform: scale(1.2);
+	transform: scale(1.2);
+}
+
+.cb-cursor.-lg:before {
+	-webkit-transform: scale(2);
+	-moz-transform: scale(2);
+	-ms-transform: scale(2);
+	-o-transform: scale(2);
+	transform: scale(2);
+}
+
+.cb-cursor.-hidden:before {
+	-webkit-transform: scale(0);
+	-moz-transform: scale(0);
+	-ms-transform: scale(0);
+	-o-transform: scale(0);
+	transform: scale(0);
+}
+
+.-color-red {
+	color: red;
+}
+
+.-color-green {
+	color: #51c67d;
+}
+
+.cb-demo {
+	background: #fff;
+}
+
+.cb-demo-content {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -moz-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	-moz-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	-webkit-justify-content: center;
+	-moz-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	height: 100vh;
+}
+
+.cb-demo-container {
+	padding: 0 20px;
+}
+
+@media (min-width: 1600px) {
+	.cb-demo-container {
+		padding: 0 120px;
+	}
+}
+
+.cb-demo-row {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -moz-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-webkit-justify-content: center;
+	-moz-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	text-align: center;
+	margin: 30px 0;
+}
+
+@media (min-width: 1600px) {
+	.cb-demo-row {
+		margin: 60px 0;
+	}
+}
+
+.cb-demo-item {
+	position: relative;
+	-webkit-box-flex: 1;
+	-webkit-flex: 1;
+	-moz-box-flex: 1;
+	-ms-flex: 1;
+	flex: 1;
+	padding: 50px 30px;
+	margin: 0 20px;
+	color: #000;
+}
+
+@media (min-width: 1600px) {
+	.cb-demo-item {
+		padding: 90px 30px;
+		margin: 0 30px;
+	}
+}
+
+.cb-demo-item-title {
+	position: relative;
+	margin: 0 0 25px 0;
+	font-size: 30px;
+	font-weight: bold;
+}
+
+.cb-demo-item-text {
+	position: relative;
+	max-width: 70%;
+	margin: 0 auto;
+	color: rgba(0, 0, 0, 0.5);
+	font-size: 16px;
+	font-weight: 300;
+	line-height: 150%;
+}
+
+.cb-demo-item:before {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	background: #f8f8f8;
+	-webkit-transition: -webkit-box-shadow 0.2s;
+	transition: -webkit-box-shadow 0.2s;
+	-o-transition: box-shadow 0.2s;
+	-moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
+	transition: box-shadow 0.2s;
+	transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s;
+}

public/assets/css/slicknav.min.css

@@ -0,0 +1,5 @@
+/*!
+ * SlickNav Responsive Mobile Menu v1.0.10
+ * (c) 2016 Josh Cope
+ * licensed under MIT
+ */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}