{"id":322,"date":"2025-07-05T14:16:13","date_gmt":"2025-07-05T14:16:13","guid":{"rendered":"https:\/\/wpriverthemes.com\/jayden\/?page_id=322"},"modified":"2026-04-05T16:24:46","modified_gmt":"2026-04-05T16:24:46","slug":"trevous","status":"publish","type":"page","link":"https:\/\/trevous.xyz\/","title":{"rendered":"Trevous"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"322\" class=\"elementor elementor-322\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c040db e-con-full e-flex e-con e-parent\" data-id=\"9c040db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d7cf95 elementor-widget elementor-widget-header_sidebar_menu\" data-id=\"7d7cf95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"header_sidebar_menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \n        <!-- left-sidebar -->\n        <div class=\"left-sidebar\">                \n            <div class=\"heading\">\n                                                <div class=\"box-status\">\n                    <div class=\"dot\"><\/div>\n                    \n                    <div class=\"text-body-1\">\n                        Available for \n                                        <span class=\"number\">3 projects<\/span>\n                                            <\/div>\n                    \n                <\/div>\n                            <\/div>\n            <div class=\"image\">\n                <div class=\"avatar avatar-wrap\">\n                                        <img decoding=\"async\" class=\"avatar-bg\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/03\/Whisk_5e126913e4da59db5754da8be8d075a2eg.png\" alt=\"Avatar BG\">\n                                                            <img decoding=\"async\" class=\"avatar-no-bg\" style=\"display: none;\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/03\/Whisk_5e126913e4da59db5754da8be8d075a2eg.png\" alt=\"Avatar No BG\">\n                                    <\/div>\n                                <img decoding=\"async\" class=\"signature\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/03\/White.png\" alt=\"Signature\">\n                \n                            <\/div>\n            <div class=\"infor\">\n                <h6 class=\"mail letter-spacing-0\">info@trevous.xyz<\/h6>\n                <div class=\"text-body-2 address\">Based in Johannesburg, ZA<\/div>\n            <\/div>\n            <ul class=\"social-links justify-content-center\">\n                                    <li>\n                        <a href=\"#\" target=\"_blank\">\n                            <i class=\"icon icon-twitter-x\"><\/i>\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#\" target=\"_blank\">\n                            <i class=\"icon icon-dribbble\"><\/i>\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#\" target=\"_blank\">\n                            <i class=\"icon icon-instagram\"><\/i>\n                        <\/a>\n                    <\/li>\n                                    <li>\n                        <a href=\"#\" target=\"_blank\">\n                            <i class=\"icon icon-facebook-f\"><\/i>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n            <a href=\"#contact\" class=\"bot-button\">\n                <div class=\"text-body-1 text\">Get Started<\/div>\n                <i class=\"icon icon-arrow-top-right\"><\/i>\n            <\/a>\n        <\/div>\n        <!-- \/left-sidebar -->\n         \n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c26e1d6 e-con-full main-content relative e-flex e-con e-parent\" data-id=\"c26e1d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3674e22 elementor-widget elementor-widget-home_hero_section\" data-id=\"3674e22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home_hero_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t       \n            <!-- section-hero -->\n            <section class=\"section-hero\" id=\"home\">\n                <div class=\"tf-container\">\n                    <div class=\"row\">\n                        <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                            <div class=\"icon-gradient\"><\/div>\n                            <div class=\"text-body-1 infor split-text split-lines-transform\">Johannesburg,ZA<\/div>\n                            <div class=\"main-title\">\n                                <div class=\"text-body-1 dot-before subtitle\">Introduction<\/div>\n                                <h1 class=\"title split-text effect-right\">Turning bold visions into digital benchmarks.<\/h1>\n                                <div class=\"text-body-2 text\">Your brand carries a unique story, and my mission is to build the premium digital stage where it truly commands attention. I transform abstract visions into immersive, conversion driven experiences. I don\u2019t just create layouts;  I engineer digital environments that resonate with your audience and establish immediate market authority.  Partner with me to turn your narrative into a functional masterpiece that inspires confidence and delivers measurable results<\/div>\n                            <\/div>\n                            <div class=\"indicators\">\n                                <ul class=\"list-tags\">\n                                                                            <li><a class=\"text-body-2\" href=\"#\">Branding<\/a><\/li>\n                                                                            <li><a class=\"text-body-2\" href=\"#\">SEO<\/a><\/li>\n                                                                            <li><a class=\"text-body-2\" href=\"#\">UI Design<\/a><\/li>\n                                                                            <li><a class=\"text-body-2\" href=\"#\">Web Design<\/a><\/li>\n                                                                            <li><a class=\"text-body-2\" href=\"#\">IT Support<\/a><\/li>\n                                                                    <\/ul>\n                                                                 <div class=\"indicators-wrap\">\n                                                                            <div class=\"indicators-item wow fadeInUp\">\n                                            <div class=\"text-body-1 dot-before indicators-title\">Projects Completed<\/div>\n                                            <div class=\"wg-counter style-1\">\n                                                <div class=\"flex align-items-center justify-content-end\">\n                                                    <div class=\"odometer text-display-2\" data-number=\"20\">\n                                                        10\n                                                    <\/div>\n                                                    <span class=\"sub-odo text-display-2\">+<\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                            <div class=\"indicators-item wow fadeInUp\">\n                                            <div class=\"text-body-1 dot-before indicators-title\">Success Rate<\/div>\n                                            <div class=\"wg-counter style-1\">\n                                                <div class=\"flex align-items-center justify-content-end\">\n                                                    <div class=\"odometer text-display-2\" data-number=\"98\">\n                                                        10\n                                                    <\/div>\n                                                    <span class=\"sub-odo text-display-2\">%<\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n            <!-- \/section-hero -->\n       \n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aef2ea2 e-con-full wrapper-content relative overflow-hidden e-flex e-con e-child\" data-id=\"aef2ea2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b8ad64 elementor-widget elementor-widget-home1_experience\" data-id=\"6b8ad64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_experience.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <section class=\"spaced-widget-section section-experiences\" id=\"experience\">\n                <div class=\"tf-container\">\n                    <div class=\"row\">\n                        <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                            <div class=\"text-body-2 dot-before subtitle\">Experiences<\/div>\n                            <h2 class=\"desc text-color-change text-tab\">\n                                <span><\/span> I will offers more than just a place to live it\u2019s a space designed to reflect your unique style inspiration                            <\/h2>\n                            <div class=\"experiences-wrap\">\n                                                                    <div class=\"item scrolling-effect effectLeft\">\n                                        <div class=\"sub-heading text\">Socialight<\/div>\n                                        <div class=\"job-title\">\n                                            <h6 class=\"title\">Sound Technician<\/h6>\n                                            <div class=\"text-body-2 time-line type-tags\">2014 - 2018<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"item scrolling-effect effectLeft\">\n                                        <div class=\"sub-heading text\">Verve Media Group Africa<\/div>\n                                        <div class=\"job-title\">\n                                            <h6 class=\"title\">Web Developer<\/h6>\n                                            <div class=\"text-body-2 time-line type-tags\">2018 - 2019<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"item scrolling-effect effectLeft\">\n                                        <div class=\"sub-heading text\">Perennity Holdings<\/div>\n                                        <div class=\"job-title\">\n                                            <h6 class=\"title\">Designer\/ IT Support<\/h6>\n                                            <div class=\"text-body-2 time-line type-tags\">2025 - Currently<\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n      \n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adad9eb elementor-widget elementor-widget-home1_selected_works\" data-id=\"adad9eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_selected_works.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-selected-works\" id=\"works\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <!-- Scrolling Text Banner -->\n                        <div class=\"banner-slider\">\n                            <div class=\"text-container scroll-banners effect-right\">\n                                \n            <span class=\"banner-text text-display-2 fw-medium\">\n            Selected Work        <\/span>\n        <span class=\"banner-img\"><span class=\"dot-circle\"><\/span><\/span>\n            <span class=\"banner-text text-display-2 fw-medium\">\n            Selected Work        <\/span>\n        <span class=\"banner-img\"><span class=\"dot-circle\"><\/span><\/span>\n            <span class=\"banner-text text-display-2 fw-medium\">\n            Selected Work        <\/span>\n        <span class=\"banner-img\"><span class=\"dot-circle\"><\/span><\/span>\n            <span class=\"banner-text text-display-2 fw-medium\">\n            Selected Work        <\/span>\n        <span class=\"banner-img\"><span class=\"dot-circle\"><\/span><\/span>\n            <span class=\"banner-text text-display-2 fw-medium\">\n            Selected Work        <\/span>\n        <span class=\"banner-img\"><span class=\"dot-circle\"><\/span><\/span>\n            <span class=\"banner-text text-display-2 fw-medium\">\n            Selected Work        <\/span>\n        <span class=\"banner-img\"><span class=\"dot-circle\"><\/span><\/span>\n    \n\n                            <\/div>\n                        <\/div>\n                        <!-- Works Grid -->\n                        <div class=\"works-wrap\">\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">PB MTHEMBI MED LABS<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">May 2024<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/works-2.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/works-2.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Graphic Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">LEWINSKY BEAUTY<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">May 2025<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/works-3.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/works-3.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">Fitness With Rea<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">Jan 2026<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">Perennity Wealth<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">Mar 2026<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">Alterygo<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">April  2026<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">AgriXplore<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">May 2025<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">DCM Projects<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">Jan 2026<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">Umati Solutions<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">April 2026<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"works-item scrolling-effect effectLeft\">\n                                    <a class=\"image\" href=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" data-lightbox=\"example-1\">\n                                        <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/trevous.xyz\/wp-content\/themes\/jayden\/images\/section\/works-1.jpg\" alt=\"\">\n                                    <\/a>\n                                    <div class=\"content\">\n                                        <div class=\"infor\">\n                                            <div class=\"sub-heading sub\">Website Design<\/div>\n                                            <h3 class=\"title\">\n                                                <a href=\"#\">0450<\/a>\n                                            <\/h3>\n                                                                                        <a href=\"#\" class=\"link date text-body-2 type-tags\">April 2026<\/a>\n                                                                                    <\/div>\n                                                                                <a href=\"#\" class=\"btn-links\">\n                                            <i class=\"icon icon-arrow-top-right\"><\/i>\n                                        <\/a>\n                                                                            <\/div>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        <div class=\"box-gradient1 img_bg-1\"><\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca852bc elementor-widget elementor-widget-home1_services_accordion\" data-id=\"ca852bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_services_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"spaced-widget-section section-services\" id=\"services\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"section-services-inner\">\n                            <div class=\"text-body-2 dot-before subtitle\">My Services<\/div>\n                            <div class=\"services-wrap accordion-wrap\" id=\"accordion-services\">\n                                                                    <div class=\"item active accordion-item\" data-bs-toggle=\"collapse\" role=\"button\"\n                                        data-bs-target=\"#collapse-services-1\" aria-expanded=\"true\" aria-controls=\"collapse-services-1\">\n                                        <div class=\"heading accordion-head\">\n                                            <div class=\"icon\">\n                                                <i class=\"icon-pen-nib-solid\"><\/i>\n                                            <\/div>\n                                            <div class=\"text-display-2 title fw-medium\">\n                                                <div class=\"split-text effect-right\">Graphic Design<\/div>\n                                                <span class=\"text-body-1\">(01)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div id=\"collapse-services-1\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordion-services\">\n                                            <div class=\"list-text\">\n                                                                                                    <div class=\"text sub-heading\">Typography &amp; Color Systems<\/div>\n                                                                                                    <div class=\"text sub-heading\">Logo Design<\/div>\n                                                                                                    <div class=\"text sub-heading\">Brand Guidelines<\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"item collapsed accordion-item\" data-bs-toggle=\"collapse\" role=\"button\"\n                                        data-bs-target=\"#collapse-services-2\" aria-expanded=\"false\" aria-controls=\"collapse-services-2\">\n                                        <div class=\"heading accordion-head\">\n                                            <div class=\"icon\">\n                                                <i class=\"fa-brands fa-figma\"><\/i>\n                                            <\/div>\n                                            <div class=\"text-display-2 title fw-medium\">\n                                                <div class=\"split-text effect-right\">UI\/UX Design<\/div>\n                                                <span class=\"text-body-1\">(02)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div id=\"collapse-services-2\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-services\">\n                                            <div class=\"list-text\">\n                                                                                                    <div class=\"text sub-heading\">Iconography<\/div>\n                                                                                                    <div class=\"text sub-heading\">Imagery &amp; Photography Style<\/div>\n                                                                                                    <div class=\"text sub-heading\">Grid &amp; Layout Systems<\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"item collapsed accordion-item\" data-bs-toggle=\"collapse\" role=\"button\"\n                                        data-bs-target=\"#collapse-services-3\" aria-expanded=\"false\" aria-controls=\"collapse-services-3\">\n                                        <div class=\"heading accordion-head\">\n                                            <div class=\"icon\">\n                                                <i class=\"fa-brands fa-elementor\"><\/i>\n                                            <\/div>\n                                            <div class=\"text-display-2 title fw-medium\">\n                                                <div class=\"split-text effect-right\">Web Development<\/div>\n                                                <span class=\"text-body-1\">(03)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div id=\"collapse-services-3\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-services\">\n                                            <div class=\"list-text\">\n                                                                                                    <div class=\"text sub-heading\">Front End<\/div>\n                                                                                                    <div class=\"text sub-heading\">LMS Development<\/div>\n                                                                                                    <div class=\"text sub-heading\">eCommerce<\/div>\n                                                                                                    <div class=\"text sub-heading\">WordPress Sites<\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"item collapsed accordion-item\" data-bs-toggle=\"collapse\" role=\"button\"\n                                        data-bs-target=\"#collapse-services-4\" aria-expanded=\"false\" aria-controls=\"collapse-services-4\">\n                                        <div class=\"heading accordion-head\">\n                                            <div class=\"icon\">\n                                                <i class=\"fa-brands fa-searchengin\"><\/i>\n                                            <\/div>\n                                            <div class=\"text-display-2 title fw-medium\">\n                                                <div class=\"split-text effect-right\">Digital Marketing<\/div>\n                                                <span class=\"text-body-1\">(04)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div id=\"collapse-services-4\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-services\">\n                                            <div class=\"list-text\">\n                                                                                                    <div class=\"text sub-heading\">Search Experience Optimization<\/div>\n                                                                                                    <div class=\"text sub-heading\">Prompt Engineering<\/div>\n                                                                                                    <div class=\"text sub-heading\">Google Analytics Setup<\/div>\n                                                                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                            <div class=\"more-infor\">\n                                <div class=\"worldwide text-body-2\">\n                                    <i class=\"icon icon-global\"><\/i>\n                                    Available <span>Worldwide<\/span>\n                                <\/div>\n                                <a class=\"text-body-1 link\" href=\"#contact\">\n                                    Contact me <i class=\"icon icon-arrow-top-right\"><\/i>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"box-gradient1 img_bg-2 img_bg-3\"><\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4febbff elementor-widget elementor-widget-home1_about\" data-id=\"4febbff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_about.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-about\" id=\"about\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"heading\">\n                            <div class=\"text-body-2 dot-before subtitle fw-medium\">\n                                About Me                            <\/div>\n                            <div>\n                                <h2 class=\"fw-medium title text-color-change\">\n                                    Hey, I&#039;m Trevous\u2014Let\u2019s build something cool together.                                <\/h2>\n                                <div class=\"text-body-2 text\">\n                                    I believe great design should be two things: stunning to look at and a joy to use. Whether it's a new brand or a digital product, I'm here to bring your 'wow' moments to life without the corporate fluff                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"box-playground\">\n                            <div class=\"top\">\n                                <div class=\"text-body-1 fw-medium instagram-tag\">\n                                    @trevisto                                <\/div>\n                                <div class=\"box-nav style-1\">\n                                    <div class=\"nav-sw navigation-prev-playground\">\n                                        <span class=\"icon icon-angle-left-solid\"><\/span>\n                                    <\/div>\n                                    <div class=\"nav-sw navigation-next-playground\">\n                                        <span class=\"icon icon-angle-right-solid\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"wrap-swiper\">\n                                <div class=\"swiper slider-playground swiper-auto\">\n                                    <div class=\"swiper-wrapper\">\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-1.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-1.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-1.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-2.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-2.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-2.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-3.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-3.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-3.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-4.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-4.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-4.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-1.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-1.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-1.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-2.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-2.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-2.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-3.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-3.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-3.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                                    <div class=\"swiper-slide\">\n                                                <a href=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-4.jpg\" data-lightbox=\"example-2\">\n                                                    <img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-4.jpg\" data-src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/section\/playground-4.jpg\" alt=\"\">\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div> <!-- .box-playground -->\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0a7124 elementor-widget elementor-widget-home1_tech_stack\" data-id=\"e0a7124\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_tech_stack.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-tech-stack\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"text-display-2 fw-medium heading split-text effect-right\">\n                            Tech Stack                        <\/div>\n\n                        <div class=\"swiper slider-tech-stack\"\n                             data-speed=\"1000\"\n                             data-delay=\"1000\">\n\n                            <div class=\"swiper-wrapper\">\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"tech-stack-item\">\n                                            <h3 class=\"fw-medium title\">Figma<\/h3>\n                                            <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/04\/figma_logo_icon_170157.png\" alt=\"Figma\">\n                                            <\/div>\n                                            <div class=\"text-body-1\">\n                                                A  collaborative digital drawing board                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"tech-stack-item\">\n                                            <h3 class=\"fw-medium title\">WordPress<\/h3>\n                                            <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/04\/wordpress_logo_icon_167953.png\" alt=\"Wordpress\">\n                                            <\/div>\n                                            <div class=\"text-body-1\">\n                                                A giant toolbox for your website; whether you need a contact form, an image gallery, or a way to sell products                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"tech-stack-item\">\n                                            <h3 class=\"fw-medium title\">Adobe Illustrator<\/h3>\n                                            <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/04\/adobe_illustrator_macos_bigsur_icon_190447.png\" alt=\"Adobe Illustrator\">\n                                            <\/div>\n                                            <div class=\"text-body-1\">\n                                                A precision toolkit for art; whether you need a tiny icon for a business card or a massive logo for a billboard                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"tech-stack-item\">\n                                            <h3 class=\"fw-medium title\">Microsoft Admin Center<\/h3>\n                                            <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/04\/906343.png\" alt=\"Microsoft Admin Center\">\n                                            <\/div>\n                                            <div class=\"text-body-1\">\n                                                 the central \"mission control\" for your office; whether you need to add a new employee, reset a forgotten password, or manage your company\u2019s email security.                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"tech-stack-item\">\n                                            <h3 class=\"fw-medium title\">Adobe After Effects<\/h3>\n                                            <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/trevous.xyz\/wp-content\/uploads\/2026\/04\/adobe_after_effects_macos_bigsur_icon_190464.png\" alt=\"Adobe After Effects\">\n                                            <\/div>\n                                            <div class=\"text-body-1\">\n                                                A magic studio for your videos; whether you want to animate a logo, add realistic explosions.                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"swiper-pagination pagination-tech-stack\"><\/div>\n                        <\/div>\n\n                        <script>\n                            document.addEventListener(\"DOMContentLoaded\", function () {\n                                const el = document.querySelector(\".slider-tech-stack\");\n                                if (!el || !el.swiper) return;\n                                el.swiper.params.speed = parseInt(el.dataset.speed) || 1000;\n                                el.swiper.params.autoplay.delay = parseInt(el.dataset.delay) || 1000;\n                                el.swiper.autoplay.start();\n                            });\n                        <\/script>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9f5a06 elementor-widget elementor-widget-home1_testimonial\" data-id=\"e9f5a06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<section class=\"spaced-widget-section section-testimonial\" id=\"testimonial\">\n    <div class=\"tf-container\">\n        <div class=\"row\">\n            <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                <div class=\"section-testimonial-inner\">\n                    <div class=\"text-body-2 dot-before subtitle fw-medium\">\n                        Testimonial                    <\/div>\n\n                    <div class=\"testimonial-wrap\">\n                        <div class=\"swiper slider-testimonial\"\n                             data-speed=\"1500\"\n                             data-delay=\"3000\">\n\n                            <div class=\"swiper-wrapper\">\n                                                                    <div class=\"swiper-slide\">\n                                        <h3 class=\"fw-medium text\">\n                                            \u201c A designer with passionate, professional and full creativity. Much more than I\u2019m expect. Great services, high quality products &amp; affordable. \u201d                                        <\/h3>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <h3 class=\"fw-medium text\">\n                                            \u201c A little universe of inspiration \u2014 where passion meets professionalism and creativity knows no bounds. Exceptional service, stunning products that made me go &#039;wow&#039; at first glance, and prices that make you smile! \u201d                                        <\/h3>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <h3 class=\"fw-medium text\">\n                                            \u201c Trevous is on another level! Super creative, totally pro, and packed with good vibes. Loved the service, obsessed with the quality \u2014 and the prices? Totally worth it! \u201d                                        <\/h3>\n                                    <\/div>\n                                                            <\/div>\n\n                            <div class=\"box-nav style-2\">\n                                <div class=\"nav-sw navigation-prev-testimonial\">\n                                    <span class=\"icon icon-angle-left-solid\"><\/span>\n                                <\/div>\n                                <div class=\"swiper-pagination pagination-testimonial\"><\/div>\n                                <div class=\"nav-sw navigation-next-testimonial\">\n                                    <span class=\"icon icon-angle-right-solid\"><\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"customer-wrap\">\n                        <div class=\"swiper slider-customer\">\n                            <div class=\"swiper-wrapper\">\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"customer-info\">\n                                                                                        <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/avatar\/avatar-2.jpg\">\n                                            <\/div>\n                                                                                        <div class=\"content\">\n                                                <h6 class=\"name fw-medium\">Lewis Jones<\/h6>\n                                                <div class=\"text-body-2 info\">Ceo of Avade Inc<\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"customer-info\">\n                                                                                        <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/avatar\/avatar-3.jpg\">\n                                            <\/div>\n                                                                                        <div class=\"content\">\n                                                <h6 class=\"name fw-medium\">Jayden<\/h6>\n                                                <div class=\"text-body-2 info\">Ceo of Avade Inc<\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"customer-info\">\n                                                                                        <div class=\"image\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/avatar\/avatar-4.jpg\">\n                                            <\/div>\n                                                                                        <div class=\"content\">\n                                                <h6 class=\"name fw-medium\">Musk<\/h6>\n                                                <div class=\"text-body-2 info\">Ceo of Avade Inc<\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const el = document.querySelector(\".slider-testimonial\");\n    if (!el || !el.swiper) return;\n\n    let speed = parseInt(el.getAttribute(\"data-speed\")) || 1500;\n    let delay = parseInt(el.getAttribute(\"data-delay\")) || 3000;\n\n    el.swiper.params.speed = speed;\n    el.swiper.params.autoplay.delay = delay;\n\n    el.swiper.autoplay.start();\n});\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90a27 elementor-widget elementor-widget-home1_partners\" data-id=\"1c90a27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_partners.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-partners\" id=\"partners\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"text-body-2 dot-before subtitle\">\n                            Clients                        <\/div>\n                        <h2 class=\"desc text-color-change text-tab\">\n                            <span><\/span> Haven offers more than just a place to live it\u2019s a space designed to reflect your unique style inspiration                        <\/h2>\n\n                        <div class=\"swiper slider-partners swiper-auto\">\n                            <div class=\"swiper-wrapper\">\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"partners-item\">\n                                            <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/partners\/logo_zm.svg\" alt=\"Partner Logo\">\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"partners-item\">\n                                            <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/partners\/Union.svg\" alt=\"Partner Logo\">\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"partners-item\">\n                                            <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/partners\/archin.svg\" alt=\"Partner Logo\">\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"partners-item\">\n                                            <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/partners\/Symbol.svg\" alt=\"Partner Logo\">\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"partners-item\">\n                                            <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/jayden\/wp-content\/themes\/jayden\/images\/partners\/Github_logo.svg\" alt=\"Partner Logo\">\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28ba7ca elementor-widget elementor-widget-home1_process\" data-id=\"28ba7ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_process.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-process\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"text-display-2 fw-medium heading split-text effect-right\">\n                            Work Process                        <\/div>\n                        <div class=\"swiper slider-process swiper-auto\">\n                            <div class=\"swiper-wrapper\">\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"process-item\">\n                                            <div class=\"content\">\n                                                <div class=\"step text-body-2 fw-medium dot-before type-tags\">\n                                                    Step 1                                                <\/div>\n                                                <div class=\"wrap\">\n                                                    <h2 class=\"fw-medium title\">\n                                                        Review <br> The Brief                                                    <\/h2>\n                                                    <div class=\"text-body-2 fw-medium text\">\n                                                        We schedule a consultation meeting to understand your business needs and vision                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"image\">\n                                                <div class=\"gradient-icon gradient-icon-1\"><\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"process-item\">\n                                            <div class=\"content\">\n                                                <div class=\"step text-body-2 fw-medium dot-before type-tags\">\n                                                    Step 2                                                <\/div>\n                                                <div class=\"wrap\">\n                                                    <h2 class=\"fw-medium title\">\n                                                        Sketch the Wireframe                                                    <\/h2>\n                                                    <div class=\"text-body-2 fw-medium text\">\n                                                        I sketch a wireframe based on the vision shared.                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"image\">\n                                                <div class=\"gradient-icon gradient-icon-2\"><\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"process-item\">\n                                            <div class=\"content\">\n                                                <div class=\"step text-body-2 fw-medium dot-before type-tags\">\n                                                    Step 3                                                <\/div>\n                                                <div class=\"wrap\">\n                                                    <h2 class=\"fw-medium title\">\n                                                        Design &amp; Development                                                    <\/h2>\n                                                    <div class=\"text-body-2 fw-medium text\">\n                                                        The Design and Development of the project starts                                                     <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"image\">\n                                                <div class=\"gradient-icon gradient-icon-3\"><\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"swiper-slide\">\n                                        <div class=\"process-item\">\n                                            <div class=\"content\">\n                                                <div class=\"step text-body-2 fw-medium dot-before type-tags\">\n                                                    Step 4                                                <\/div>\n                                                <div class=\"wrap\">\n                                                    <h2 class=\"fw-medium title\">\n                                                        Project Handover                                                    <\/h2>\n                                                    <div class=\"text-body-2 fw-medium text\">\n                                                        Once everything is done, project is handed over to the client or maintained by me.                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"image\">\n                                                <div class=\"gradient-icon gradient-icon-4\"><\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div> <!-- \/.swiper -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2e9cc4 elementor-widget elementor-widget-home1_awards\" data-id=\"c2e9cc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_awards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-awards\" id=\"awards\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"text-display-2 fw-medium heading split-text effect-right\">\n                            My Archievments                        <\/div>\n                        <div class=\"list-awards\">\n                                                                                                <div class=\"award-item scrolling-effect effectLeft\">\n                                        <h6 class=\"number fw-medium\">1<\/h6>\n                                        <h6 class=\"title fw-medium\">Student Representative Council Member<\/h6>\n                                        <div class=\"time text-body-1\">2023<\/div>\n                                    <\/div>\n                                                                    <div class=\"award-item scrolling-effect effectLeft\">\n                                        <h6 class=\"number fw-medium\">2<\/h6>\n                                        <h6 class=\"title fw-medium\">Student Representative Council Presidential Advisor<\/h6>\n                                        <div class=\"time text-body-1\">2023<\/div>\n                                    <\/div>\n                                                                    <div class=\"award-item scrolling-effect effectLeft\">\n                                        <h6 class=\"number fw-medium\">3<\/h6>\n                                        <h6 class=\"title fw-medium\">Student Representative Council President<\/h6>\n                                        <div class=\"time text-body-1\">2024<\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd0d564 elementor-widget elementor-widget-home1_pricing\" data-id=\"fd0d564\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_pricing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <section class=\"spaced-widget-section section-pricing\" id=\"pricing\">\n            <div class=\"tf-container wg-tabs\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"heading\">\n                            <div class=\"text-display-2 fw-medium title split-text effect-right\">\n                                My Pricing                            <\/div>\n                            <div class=\"menu-tab style-1\">\n                                                                    <div class=\"item sub-heading active\">\n                                        Maintenance  Plan                                    <\/div>\n                                                                    <div class=\"item sub-heading\">\n                                        Premium Plan                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"widget-content-tab\">\n                                                            <div class=\"widget-content-inner active\">\n                                    <div class=\"pricing-item wow fadeInUp\">\n                                        <div class=\"top\">\n                                            <h6 class=\"dot-before fw-medium title\">Maintenance  Plan<\/h6>\n                                            <div class=\"text-body-1 fw-medium text\">Have website ready to build? Or small budget?<\/div>\n                                            <div class=\"price\">\n                                                <div class=\"text-display-2 fw-medium number\">R250<\/div>\n                                                <span>\/ monthly<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"list-desc\">\n                                                                                            <div class=\"desc text-body-1\">Security Checks.<\/div>\n                                                                                            <div class=\"desc text-body-1\">SEO Reports<\/div>\n                                                                                            <div class=\"desc text-body-1\">Plugins Updates<\/div>\n                                                                                            <div class=\"desc text-body-1\">Back Up<\/div>\n                                                                                            <div class=\"desc text-body-1\">Not Included<\/div>\n                                                                                            <div class=\"desc text-body-1\">(Web Design from R2000 once off excluding hosting and domain registration)<\/div>\n                                                                                    <\/div>\n                                                                                    <div class=\"bot-btn\">\n                                                <a href=\"#contact\" class=\"text-body-2 fw-medium\">\n                                                    Get Started                                                    <i class=\"icon icon-arrow-top-right\"><\/i>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                            <div class=\"widget-content-inner\">\n                                    <div class=\"pricing-item wow fadeInUp\">\n                                        <div class=\"top\">\n                                            <h6 class=\"dot-before fw-medium title\">Premium Plan<\/h6>\n                                            <div class=\"text-body-1 fw-medium text\">Have design ready to build? Or small budget?<\/div>\n                                            <div class=\"price\">\n                                                <div class=\"text-display-2 fw-medium number\">R600<\/div>\n                                                <span>\/ monthly<\/span>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"list-desc\">\n                                                                                            <div class=\"desc text-body-1\">Everything in Maintenance Plan <\/div>\n                                                                                            <div class=\"desc text-body-1\">5 Pager Website Design<\/div>\n                                                                                            <div class=\"desc text-body-1\">10 gig hosting storage<\/div>\n                                                                                    <\/div>\n                                                                                    <div class=\"bot-btn\">\n                                                <a href=\"#contact\" class=\"text-body-2 fw-medium\">\n                                                    Get Started                                                    <i class=\"icon icon-arrow-top-right\"><\/i>\n                                                <\/a>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                    <\/div>\n\n                                                    <a href=\"#contact\" class=\"custom-quote fw-medium h3 wow fadeInUp\" data-wow-delay=\"0.1s\">\n                                Custom Quote                                <i class=\"icon icon-arrow-top-right\"><\/i>\n                            <\/a>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0c3740 elementor-widget elementor-widget-home1_faqs\" data-id=\"c0c3740\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_faqs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"spaced-widget-section section-faqs\" id=\"faqs\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"text-display-2 fw-medium heading split-text effect-right\">\n                            FAQs                        <\/div>\n                        <div class=\"accordion-wrap\" id=\"accordion-1\">\n                                                            <div class=\"item accordion-item scrolling-effect effectLeft active\" data-bs-toggle=\"collapse\" role=\"button\" data-bs-target=\"#collapse1\" aria-expanded=\"true\" aria-controls=\"collapse1\">\n                                    <h6 class=\"accordion-head fw-medium\">\n                                        What services do you offer?                                        <span class=\"icon\"><\/span>\n                                    <\/h6>\n                                    <div id=\"collapse1\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordion-1\">\n                                        <p class=\"text-body-2 fw-medium\">\n                                            We offer a comprehensive suite of creative services, including: <br><b>Branding &amp; Art Direction:<\/b> Creating unique visual identities and story-driven designs.<br><b>UI\/UX Design:<\/b> Crafting intuitive and stunning user interfaces using tools like Figma.<br><b>Web Development: <\/b>Building responsive and high-performing websites.\n<br><b> IT Support<\/b> act as your digital administrator, handling the \"heavy lifting\" in your Microsoft 365.                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"item accordion-item scrolling-effect effectLeft collapsed\" data-bs-toggle=\"collapse\" role=\"button\" data-bs-target=\"#collapse2\" aria-expanded=\"false\" aria-controls=\"collapse2\">\n                                    <h6 class=\"accordion-head fw-medium\">\n                                        How long does a typical project take?                                        <span class=\"icon\"><\/span>\n                                    <\/h6>\n                                    <div id=\"collapse2\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-1\">\n                                        <p class=\"text-body-2 fw-medium\">\n                                            Delivery times vary based on the project's complexity. I specialize in efficient, high-impact design for individuals and brands and will provide a specific time estimate after our initial consultation.                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"item accordion-item scrolling-effect effectLeft collapsed\" data-bs-toggle=\"collapse\" role=\"button\" data-bs-target=\"#collapse3\" aria-expanded=\"false\" aria-controls=\"collapse3\">\n                                    <h6 class=\"accordion-head fw-medium\">\n                                        How much do your services cost?                                        <span class=\"icon\"><\/span>\n                                    <\/h6>\n                                    <div id=\"collapse3\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-1\">\n                                        <p class=\"text-body-2 fw-medium\">\n                                            Every project is unique. We provide custom offers based on your specific needs, maintaining a focus on being \"worth it\" and providing \"prices that make you smile                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"item accordion-item scrolling-effect effectLeft collapsed\" data-bs-toggle=\"collapse\" role=\"button\" data-bs-target=\"#collapse4\" aria-expanded=\"false\" aria-controls=\"collapse4\">\n                                    <h6 class=\"accordion-head fw-medium\">\n                                        Why should I choose Trevous over a big agency?                                        <span class=\"icon\"><\/span>\n                                    <\/h6>\n                                    <div id=\"collapse4\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-1\">\n                                        <p class=\"text-body-2 fw-medium\">\n                                            You aren\u2019t just a ticket number here. With me, you get the agility of a personal designer\/ digital marketer \/ IT Support Admin with the professional polish of a high end firm.                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"item accordion-item scrolling-effect effectLeft collapsed\" data-bs-toggle=\"collapse\" role=\"button\" data-bs-target=\"#collapse5\" aria-expanded=\"false\" aria-controls=\"collapse5\">\n                                    <h6 class=\"accordion-head fw-medium\">\n                                        I\u2019ve had bad experiences with freelancers before. How are you different?                                        <span class=\"icon\"><\/span>\n                                    <\/h6>\n                                    <div id=\"collapse5\" class=\"accordion-collapse collapse \" data-bs-parent=\"#accordion-1\">\n                                        <p class=\"text-body-2 fw-medium\">\n                                            Trust me I get it, ghosting and missed deadlines are the worst. That\u2019s why I don\u2019t just \"take orders.\" We start with a deep-dive Review session so we\u2019re 100% aligned from day one. You\u2019ll get a clear roadmap, regular updates, and a partner who treats your business like my own. I\u2019m not just building a site; I\u2019m building your trust.                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n\n                                                    <div class=\"ask-me\">\n                                <div class=\"text-body-2 fw-medium text\">Do you have any other questions?<\/div>\n                                <a href=\"#contact\" class=\"text-body-2 fw-medium link\">\n                                    Ask me directly                                <\/a>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae96095 elementor-widget elementor-widget-home1_contact\" data-id=\"ae96095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"home1_contact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"section-contact\" id=\"contact\">\n            <div class=\"tf-container\">\n                <div class=\"row\">\n                    <div class=\"offset-xxl-5 col-xxl-7 offset-xl-4 col-xl-7 offset-lg-2 col-lg-8\">\n                        <div class=\"section-contact-inner\">\n                            <h1 class=\"fw-medium heading\">\n                                Contact For <br> Work                            <\/h1>\n\n                            <div class=\"form-contact\" id=\"form-contact\">\n                                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f81-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"81\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F322#wpcf7-f81-o1\" method=\"post\" class=\"wpcf7-form init form-contact\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"81\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f81-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<fieldset class=\"fiel-mail\">\n        <label class=\"text-xs-2\">Your Email<\/label>\n        \n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-181\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter the Email\" value=\"\" type=\"email\" name=\"email-181\" \/><\/span>\n    <\/fieldset>\n\n    <fieldset class=\"fiel-phone\">\n        <label class=\"text-xs-2\">Your Phone<\/label>\n       [tel* tel-+27 placeholder \"Enter your phone number\"]\n    <\/fieldset>\n\n    <fieldset class=\"fiel-text\">\n        <label class=\"text-xs-2\">Messenger<\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-693\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"textarea-693\"><\/textarea><\/span>\n    <\/fieldset>\n\n    <div class=\"pricing-list list-choose\">\n        <div class=\"item text-body-2 choose-item font-poppins\"><span class=\"wpcf7-form-control-wrap\" data-name=\"budget-range\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first last\"><label><input type=\"radio\" name=\"budget-range\" value=\"I&#039;ve got &lt; R2,000\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">I&#039;ve got &lt; R2,000<\/span><\/label><\/span><\/span><\/span><\/div>\n        <div class=\"item text-body-2 choose-item font-poppins\"><span class=\"wpcf7-form-control-wrap\" data-name=\"budget-range\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first last\"><label><input type=\"radio\" name=\"budget-range\" value=\"Web Design\" \/><span class=\"wpcf7-list-item-label\">Web Design<\/span><\/label><\/span><\/span><\/span><\/div>\n        <div class=\"item text-body-2 choose-item font-poppins\"><span class=\"wpcf7-form-control-wrap\" data-name=\"budget-range\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first last\"><label><input type=\"radio\" name=\"budget-range\" value=\"Graphic Design\" \/><span class=\"wpcf7-list-item-label\">Graphic Design<\/span><\/label><\/span><\/span><\/span><\/div>\n        <div class=\"item text-body-2 choose-item font-poppins\"><span class=\"wpcf7-form-control-wrap\" data-name=\"budget-range\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first last\"><label><input type=\"radio\" name=\"budget-range\" value=\"IT Support\" \/><span class=\"wpcf7-list-item-label\">IT Support<\/span><\/label><\/span><\/span><\/span><\/div>\n        <div class=\"item text-body-2 choose-item font-poppins\"><span class=\"wpcf7-form-control-wrap\" data-name=\"budget-range\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first last\"><label><input type=\"radio\" name=\"budget-range\" value=\"SEO &amp; Digital Marketing\" \/><span class=\"wpcf7-list-item-label\">SEO &amp; Digital Marketing<\/span><\/label><\/span><\/span><\/span><\/div>\n    <\/div>\n\n    <div class=\"bot-btn send-wrap\">\n        <button type=\"submit\" class=\"text-body-2 fw-medium\">\n            <span class=\"font-poppins flex-grow-1 text-start\">Get Started<\/span>\n            <i class=\"icon icon-arrow-top-right\"><\/i>\n        <\/button>\n    <\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        \n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Available for 3 projects info@trevous.xyz Based in Johannesburg, ZA Get Started Johannesburg,ZA Introduction Turning bold visions into digital benchmarks. Your brand carries a unique story, and my mission is to build the premium digital stage where it truly commands attention. I transform abstract visions into immersive, conversion driven experiences. I don\u2019t just create layouts; I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/simple-strings.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-322","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/trevous.xyz\/index.php?rest_route=\/wp\/v2\/pages\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trevous.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trevous.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trevous.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trevous.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=322"}],"version-history":[{"count":55,"href":"https:\/\/trevous.xyz\/index.php?rest_route=\/wp\/v2\/pages\/322\/revisions"}],"predecessor-version":[{"id":1722,"href":"https:\/\/trevous.xyz\/index.php?rest_route=\/wp\/v2\/pages\/322\/revisions\/1722"}],"wp:attachment":[{"href":"https:\/\/trevous.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}