Code Context <div class="modal-body text-center">
<video controls autoplay muted style="max-width: 100%; height: auto;">
<source src="<?php echo $videos;?>" type="video/mp4">
$___viewFn = "/home/stafir/htdocs/stafir.com/app/View/Elements/users/services/services-detail.ctp"
$___dataForView = array(
"_user" => User
User::$name = "User"
User::$belongsTo = array
User::$useDbConfig = "default"
User::$useTable = "users"
User::$id = false
User::$data = array
User::$table = "users"
User::$primaryKey = "id"
User::$validate = array
User::$validationErrors = array
User::$validationDomain = NULL
User::$tablePrefix = "tbl_"
User::$alias = "User"
User::$tableToModel = array
User::$cacheQueries = false
User::$hasOne = array
User::$hasMany = array
User::$hasAndBelongsToMany = array
User::$actsAs = NULL
User::$Behaviors = BehaviorCollection object
User::$whitelist = array
User::$cacheSources = true
User::$findQueryType = NULL
User::$recursive = 1
User::$order = NULL
User::$virtualFields = array
User::$__backAssociation = array
User::$__backInnerAssociation = array
User::$__backOriginalAssociation = array
User::$__backContainableAssociation = array
User::$findMethods = array
User::$Country = Country object
User::$State = State object
User::$City = City object
User::$Industry = Industry object
User::$IndustrySubCategory = Industry object,
"service" => array(
"Service" => array(),
"User" => array(),
"Category" => array(),
"SubCategory" => array(),
"ServiceImage" => array()
),
"userid" => null,
"relatedServices" => array(),
"title_for_layout" => "Website creation :: Stafir"
)
$_user = User
User::$name = "User"
User::$belongsTo = array
User::$useDbConfig = "default"
User::$useTable = "users"
User::$id = false
User::$data = array
User::$table = "users"
User::$primaryKey = "id"
User::$validate = array
User::$validationErrors = array
User::$validationDomain = NULL
User::$tablePrefix = "tbl_"
User::$alias = "User"
User::$tableToModel = array
User::$cacheQueries = false
User::$hasOne = array
User::$hasMany = array
User::$hasAndBelongsToMany = array
User::$actsAs = NULL
User::$Behaviors = BehaviorCollection object
User::$whitelist = array
User::$cacheSources = true
User::$findQueryType = NULL
User::$recursive = 1
User::$order = NULL
User::$virtualFields = array
User::$__backAssociation = array
User::$__backInnerAssociation = array
User::$__backOriginalAssociation = array
User::$__backContainableAssociation = array
User::$findMethods = array
User::$Country = Country object
User::$State = State object
User::$City = City object
User::$Industry = Industry object
User::$IndustrySubCategory = Industry object
$service = array(
"Service" => array(
"id" => "1639",
"user_id" => "5685",
"name" => "Website creation",
"category_id" => "1127",
"subcategory_id" => "1776",
"price" => "499.00",
"unit_type" => "0",
"unit_of_measure" => "",
"unit_value" => "",
"delivery_cost" => "499.00",
"minimum_orders" => "5",
"completed_orders" => null,
"description" => "<p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">Looking for a React or Next.js Developer?</strong></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;">Want your beautiful design transformed into a <strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">fully operational website</strong> with<strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;"> NextJS/React, Tailwind</strong>, with a <strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">robust backend </strong>with<strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;"> NodeJS and MongoDB</strong>?</p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">Look no further!</strong></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;">With over 4+ year of experience in <strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">NextJS/React/Tailwind/NodeJS/MongoDB</strong>, I specialize in building premium websites, ensuring exceptional <strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">user experience </strong>and converting any design reference, whether it's in JPG, PNG, Figma, SVG, or a sketch: into a fully functional Next.js website.</p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;"><span style="background: rgb(255, 255, 191);">My Services Include:</span></strong></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><ul style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; list-style-image: none; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">Bug Fixes.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">Website Error Resolution.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">UI Enhancements.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">API's development in Nodejs</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">New Feature Implementation.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">REST API's integration</li></ul><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;"><span style="background: rgb(255, 255, 191);">What you can expect from my services:</span></strong></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><ul style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; list-style-image: none; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">High-Quality Work.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">Unlimited Revisions.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">Ongoing Support Beyond Project Completion.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">User-Friendly Design.</li><li style="padding-left: 1.5em; outline-style: initial; outline-width: 0px; vertical-align: baseline; background: transparent;">Quick Response.</li></ul><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;">My goal is: to ensure that every project achieves exceptional results, improving my clients' productivity and competitiveness.</p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><br></p><p style="outline-style: initial; outline-width: 0px; font-size: 16px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; cursor: text; counter-reset: list-1 0 list-2 0 list-3 0 list-4 0 list-5 0 list-6 0 list-7 0 list-8 0 list-9 0; color: rgb(98, 100, 106); font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif; white-space-collapse: preserve;"><strong style="margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; font-weight: bold;">NOTE:</strong> The time and cost of web application development always depend on the type and complexity of your project.</p>",
"short_description" => "Want your beautiful design transformed into a fully operational website with NextJS/React, Tailwind, with a robust backend with NodeJS and MongoDB? You are in the correct place.",
"slug" => "website-creation-2",
"status" => "1",
"created" => "2025-08-29 14:08:36",
"modified" => "2025-08-29 14:09:29"
),
"User" => array(
"id" => "5685",
"membership" => "2",
"old_membership" => null,
"company_name" => "Ayoub Farahi",
"unique_id" => "Ayoub88",
"membership_paid" => "0",
"membership_update" => "2",
"subscription_id" => null,
"customer_id" => null,
"expires_at" => null,
"cs_id" => null,
"payment_method" => null,
"first_name" => null,
"last_name" => null,
"email_address" => "hi@ayoubfarahi.com",
"gender" => null,
"password" => "*****",
"street2" => "",
"city" => "",
"state" => "",
"country" => "",
"latitude" => "",
"longitude" => "",
"address" => "",
"country_id" => null,
"state_id" => null,
"city_id" => null,
"street" => " Anza eloulya taddart anza agadir Morocco",
"building_number" => "4",
"zipcode" => "80000",
"chairman" => "Ayoub Farahi",
"ein" => null,
"industry_id" => "29",
"subindustry_id" => "614",
"est_year" => "2015",
"employers" => "6",
"bank_account_number" => null,
"branch_name" => null,
"paypal_email" => null,
"certificates" => "",
"certificate_number" => null,
"company_logo" => "1756488848_am.png",
"background_img" => "1756488848_aamm.png",
"slider_img" => "1756491858_ayoub_farahi2-square.jpeg",
"forget_password_status" => null,
"slug" => "ayoub-farahi",
"status" => "1",
"show_own_post" => null,
"created" => "2025-08-29 13:34:08",
"modified" => "2025-08-29 14:24:49",
"activation_status" => "1",
"last_login" => "1756490692",
"ip" => "41.143.65.158",
"about_us" => null,
"twitter" => "",
"facebook" => "",
"linkedin" => "",
"watch_status" => "0",
"phone" => "7704-41837",
"phone_code" => "+212",
"fax" => null,
"website" => "http://ayoubfarahi.com/",
"hide_notification" => "0",
"clickid" => "D-21191700-1750753670-34G67G135G94-HTQED6350",
"sale" => "{pass_sale_amount}",
"pass_affid" => "631471",
"pass_sub_affid" => "replace_it",
"bot_send_datetime" => null,
"bot_ids" => null,
"bot_last_message_number" => "0",
"fakeSales" => null,
"fakeTransactions" => null,
"fakeFollowers" => null,
"description_avg" => null,
"delivery_avg" => null,
"contact_avg" => null,
"professionalism_avg" => null,
"total_fake_avg" => null,
"bar1_trading" => null,
"bar2" => null,
"bar3" => null,
"bar4" => null,
"bar5" => null,
"bar6" => null,
"bar7" => null,
"bar1_sales" => null,
"bar2_sales" => null,
"bar3_sales" => null,
"bar4_sales" => null,
"bar5_sales" => null,
"bar6_sales" => null,
"bar7_sales" => null,
"cron_status" => "0"
),
"Category" => array(
"id" => "1127",
"name" => "IT",
"parent_id" => "0",
"type" => "1",
"slug" => "it",
"status" => "1",
"created" => "2024-05-31 06:44:07",
"modified" => "2024-05-31 06:44:07",
"parent_category_id" => null
),
"SubCategory" => array(
"id" => "1776",
"name" => "Website Development",
"parent_id" => "1127",
"type" => "1",
"slug" => "website-development",
"status" => "1",
"created" => "2025-07-04 04:03:49",
"modified" => "2025-07-04 04:03:49",
"parent_category_id" => null
),
"ServiceImage" => array(
array()
)
)
$userid = null
$relatedServices = array()
$title_for_layout = "Website creation :: Stafir"
$firstImage = "https://stafir.com/files/service/full/1756490969_create-a-nextjs-expressjs-mongoodb-website.jpg"
$image = array(
"id" => "2598",
"service_id" => "1639",
"image" => "1756490969_create-a-nextjs-expressjs-mongoodb-website.jpg",
"slug" => "202508290209291639433",
"status" => "1",
"created" => "2025-08-29 14:09:29",
"modified" => "2025-08-29 14:09:29"
)
$pathinfo = array(
"dirname" => ".",
"basename" => "1756490969_create-a-nextjs-expressjs-mongoodb-website.jpg",
"extension" => "jpg",
"filename" => "1756490969_create-a-nextjs-expressjs-mongoodb-website"
)
$imageUrl = "https://stafir.com/files/service/full/1756490969_create-a-nextjs-expressjs-mongoodb-website.jpg"
$filePath = "/home/stafir/htdocs/stafir.com/app/webroot/files/logo/1756488848_am.png"
$total = 5
$avg = 0
$unavg = 5
$fillPercentage = 0
$i = 6include - APP/View/Elements/users/services/services-detail.ctp, line 542
View::_render() - CORE/Cake/View/View.php, line 595
View::render() - CORE/Cake/View/View.php, line 362
Controller::render() - CORE/Cake/Controller/Controller.php, line 900
UsersController::servicesDetail() - APP/Controller/UsersController.php, line 5033
ReflectionMethod::invokeArgs() - [internal], line ??
Controller::invokeAction() - CORE/Cake/Controller/Controller.php, line 473
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 104
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 86
[main] - APP/webroot/index.php, line 96
" type="video/mp4">
Your browser does not support the video tag.
Company Rating
