Symfony Profiler

"App\Controller\ContentController::portalAction"

false

App\Controller\ContentController {#1977
  #container: Symfony\Component\DependencyInjection\Argument\ServiceLocator {#1975 …}
}

"security.firewall.map.context.demo_frontend"

"default"

true

true

[
  Pimcore\Controller\Attribute\ResponseHeader {#2274
    #key: "X-Custom-Header"
    #values: [
      "Foo"
      "Bar"
    ]
    #replace: false
  }
  Pimcore\Controller\Attribute\ResponseHeader {#2275
    #key: "X-Custom-Header"
    #values: [
      "Bazinga"
    ]
    #replace: true
  }
  Pimcore\Controller\Attribute\ResponseHeader {#4920
    #key: "X-Custom-Header3"
    #values: [
      "foo"
      "bar"
    ]
    #replace: false
  }
]

"homepage"

[]

"_security_demo_frontend"

"185bce"

Pimcore\Bundle\PersonalizationBundle\Model\Document\Page {#2133
  #dao: null
  #dependencies: null
  #__dataVersionTimestamp: 1566982214
  #path: "/"
  #properties: [
    "footer" => Pimcore\Model\Property {#2131
      #dao: null
      #name: "footer"
      #data: "12"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "footer"
      data: "12"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "language" => Pimcore\Model\Property {#2109
      #dao: null
      #name: "language"
      #data: "en"
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "language"
      data: "en"
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "left_nav_show" => Pimcore\Model\Property {#2108
      #dao: null
      #name: "left_nav_show"
      #data: false
      #type: "bool"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "left_nav_show"
      data: false
      type: "bool"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "left_nav_start_node" => Pimcore\Model\Property {#2107
      #dao: null
      #name: "left_nav_start_node"
      #data: "3"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "left_nav_start_node"
      data: "3"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "navigation_accesskey" => Pimcore\Model\Property {#2106
      #dao: null
      #name: "navigation_accesskey"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_accesskey"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_anchor" => Pimcore\Model\Property {#2105
      #dao: null
      #name: "navigation_anchor"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_anchor"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_class" => Pimcore\Model\Property {#2104
      #dao: null
      #name: "navigation_class"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_class"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_exclude" => Pimcore\Model\Property {#2103
      #dao: null
      #name: "navigation_exclude"
      #data: false
      #type: "bool"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_exclude"
      data: false
      type: "bool"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_name" => Pimcore\Model\Property {#2102
      #dao: null
      #name: "navigation_name"
      #data: "home"
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_name"
      data: "home"
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_parameters" => Pimcore\Model\Property {#2101
      #dao: null
      #name: "navigation_parameters"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_parameters"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_relation" => Pimcore\Model\Property {#2100
      #dao: null
      #name: "navigation_relation"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_relation"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_root" => Pimcore\Model\Property {#2099
      #dao: null
      #name: "navigation_root"
      #data: "3"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "navigation_root"
      data: "3"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "navigation_tabindex" => Pimcore\Model\Property {#2098
      #dao: null
      #name: "navigation_tabindex"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_tabindex"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_target" => Pimcore\Model\Property {#2097
      #dao: null
      #name: "navigation_target"
      #data: null
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_target"
      data: null
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_title" => Pimcore\Model\Property {#2096
      #dao: null
      #name: "navigation_title"
      #data: "Oldimer Cars"
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_title"
      data: "Oldimer Cars"
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "news_default_document" => Pimcore\Model\Property {#2095
      #dao: null
      #name: "news_default_document"
      #data: "65"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "news_default_document"
      data: "65"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "newsletter_confirm_mail" => Pimcore\Model\Property {#2094
      #dao: null
      #name: "newsletter_confirm_mail"
      #data: "105"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "newsletter_confirm_mail"
      data: "105"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "password_reset_mail" => Pimcore\Model\Property {#2093
      #dao: null
      #name: "password_reset_mail"
      #data: "93"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "password_reset_mail"
      data: "93"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "terms_and_conditions" => Pimcore\Model\Property {#2092
      #dao: null
      #name: "terms_and_conditions"
      #data: "88"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "terms_and_conditions"
      data: "88"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
  ]
  #id: 1
  #creationDate: 1557393622
  #modificationDate: 1566982214
  #versionCount: 217
  #userOwner: 1
  #locked: null
  #userModification: 2
  #parentId: 0
  #parent: null
  #_fulldump: false
  #dirtyFields: []
  -activeDispatchingEvents: []
  #fullPathCache: null
  #type: "page"
  #key: ""
  #index: 999999
  #published: true
  #children: []
  #siblings: []
  #controller: "App\Controller\ContentController::portalAction"
  #template: null
  #editables: null
  #versions: null
  #contentMainDocumentId: &20 null
  #contentMasterDocumentId: &20 null
  #supportsContentMain: true
  #missingRequiredEditable: null
  #staticGeneratorEnabled: null
  #staticGeneratorLifetime: null
  #inheritedEditables: []
  #scheduledTasks: null
  #title: ""
  #description: ""
  #prettyUrl: null
  #targetGroupIds: ""
  -useTargetGroup: null
  dependencies: null
  __dataVersionTimestamp: 1566982214
  path: "/"
  properties: [
    "footer" => Pimcore\Model\Property {#2131}
    "language" => Pimcore\Model\Property {#2109}
    "left_nav_show" => Pimcore\Model\Property {#2108}
    "left_nav_start_node" => Pimcore\Model\Property {#2107}
    "navigation_accesskey" => Pimcore\Model\Property {#2106}
    "navigation_anchor" => Pimcore\Model\Property {#2105}
    "navigation_class" => Pimcore\Model\Property {#2104}
    "navigation_exclude" => Pimcore\Model\Property {#2103}
    "navigation_name" => Pimcore\Model\Property {#2102}
    "navigation_parameters" => Pimcore\Model\Property {#2101}
    "navigation_relation" => Pimcore\Model\Property {#2100}
    "navigation_root" => Pimcore\Model\Property {#2099}
    "navigation_tabindex" => Pimcore\Model\Property {#2098}
    "navigation_target" => Pimcore\Model\Property {#2097}
    "navigation_title" => Pimcore\Model\Property {#2096}
    "news_default_document" => Pimcore\Model\Property {#2095}
    "newsletter_confirm_mail" => Pimcore\Model\Property {#2094}
    "password_reset_mail" => Pimcore\Model\Property {#2093}
    "terms_and_conditions" => Pimcore\Model\Property {#2092}
  ]
  id: 1
  creationDate: 1557393622
  modificationDate: 1566982214
  versionCount: 217
  userOwner: 1
  locked: null
  userModification: 2
  parentId: 0
  parent: null
  _fulldump: false
  dirtyFields: []
  fullPathCache: null
  type: "page"
  key: ""
  index: 999999
  published: true
  children: []
  siblings: []
  controller: "App\Controller\ContentController::portalAction"
  template: null
  editables: null
  versions: null
  contentMainDocumentId: null
  contentMasterDocumentId: null
  supportsContentMain: true
  missingRequiredEditable: null
  staticGeneratorEnabled: null
  staticGeneratorLifetime: null
  inheritedEditables: []
  scheduledTasks: null
  title: ""
  description: ""
  prettyUrl: null
  targetGroupIds: ""
}

"*/*"

"br, gzip"

"Keep-Alive"

"arqonz.in"

"Mozilla/5.0 (compatible; MJ12bot/v2.0.4; http://mj12bot.com/)"

"1"

"private, must-revalidate"

"en"

"text/html; charset=UTF-8"

"Sat, 13 Sep 2025 08:54:09 GMT"

"Tue, 01 Jan 1980 00:00:00 GMT"

"no-cache"

"Accept"

"Bazinga"

[
  "foo"
  "bar"
]

"Unknown%20%22endfor%22%20tag."

"%2Fvar%2Fwww%2Fpimcore%2Ftemplates%2FProfessional%2Fhome-demo-new.html.twig:1229"

"603016"

"https://arqonz.in/_profiler/eed923"

"pimcore"

"eed923"

"noindex"

"Sat, 13 Sep 25 08:54:09 +0000"

"Sat, 13 Sep 25 08:54:09 +0000"

0

"heeU7C2S4X6tf_RirhEq92WXT4bpy2wiMNq9rXtexxQ"

"YOkEfDC7ZRoMcbzPoMuG5JXLeyHOJRVog6AOkYGAtw4"

"1"

"dev"

"/var/www/pimcore/public"

""

"trigger"

"/var/www/pimcore/public"

"RESPONDER"

"CGI/1.1"

"/var/www"

"on"

"*/*"

"br, gzip"

"Keep-Alive"

"arqonz.in"

"Mozilla/5.0 (compatible; MJ12bot/v2.0.4; http://mj12bot.com/)"

"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/snap/bin"

"/index.php"

""

"on"

"arqonz.in"

"/%home"

"200"

"/"

"51.68.111.245"

"13519"

"GET"

"https"

1757753649

1757753649.4905

"/"

"/var/www/pimcore/public/index.php"

"/index.php"

"10.0.0.13"

"[no address given]"

"arqonz.in"

"443"

"HTTP/1.1"

"<address>Apache/2.4.41 (Ubuntu) Server at arqonz.in Port 443</address>\n"

"Apache/2.4.41 (Ubuntu)"

3

"arqonz.in"

"/%home"

"APP_ENV,APP_DEBUG"

"www-data"

"1"

"error_controller"

false

"default"

"f712a1"

Pimcore\Bundle\PersonalizationBundle\Model\Document\Page {#2133
  #dao: null
  #dependencies: null
  #__dataVersionTimestamp: 1566982214
  #path: "/"
  #properties: [
    "footer" => Pimcore\Model\Property {#2131
      #dao: null
      #name: "footer"
      #data: "12"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "footer"
      data: "12"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "language" => Pimcore\Model\Property {#2109
      #dao: null
      #name: "language"
      #data: "en"
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "language"
      data: "en"
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "left_nav_show" => Pimcore\Model\Property {#2108
      #dao: null
      #name: "left_nav_show"
      #data: false
      #type: "bool"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "left_nav_show"
      data: false
      type: "bool"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "left_nav_start_node" => Pimcore\Model\Property {#2107
      #dao: null
      #name: "left_nav_start_node"
      #data: "3"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "left_nav_start_node"
      data: "3"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "navigation_accesskey" => Pimcore\Model\Property {#2106
      #dao: null
      #name: "navigation_accesskey"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_accesskey"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_anchor" => Pimcore\Model\Property {#2105
      #dao: null
      #name: "navigation_anchor"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_anchor"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_class" => Pimcore\Model\Property {#2104
      #dao: null
      #name: "navigation_class"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_class"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_exclude" => Pimcore\Model\Property {#2103
      #dao: null
      #name: "navigation_exclude"
      #data: false
      #type: "bool"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_exclude"
      data: false
      type: "bool"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_name" => Pimcore\Model\Property {#2102
      #dao: null
      #name: "navigation_name"
      #data: "home"
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_name"
      data: "home"
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_parameters" => Pimcore\Model\Property {#2101
      #dao: null
      #name: "navigation_parameters"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_parameters"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_relation" => Pimcore\Model\Property {#2100
      #dao: null
      #name: "navigation_relation"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_relation"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_root" => Pimcore\Model\Property {#2099
      #dao: null
      #name: "navigation_root"
      #data: "3"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "navigation_root"
      data: "3"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "navigation_tabindex" => Pimcore\Model\Property {#2098
      #dao: null
      #name: "navigation_tabindex"
      #data: ""
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_tabindex"
      data: ""
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_target" => Pimcore\Model\Property {#2097
      #dao: null
      #name: "navigation_target"
      #data: null
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_target"
      data: null
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "navigation_title" => Pimcore\Model\Property {#2096
      #dao: null
      #name: "navigation_title"
      #data: "Oldimer Cars"
      #type: "text"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: false
      #inherited: false
      name: "navigation_title"
      data: "Oldimer Cars"
      type: "text"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: false
      inherited: false
    }
    "news_default_document" => Pimcore\Model\Property {#2095
      #dao: null
      #name: "news_default_document"
      #data: "65"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "news_default_document"
      data: "65"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "newsletter_confirm_mail" => Pimcore\Model\Property {#2094
      #dao: null
      #name: "newsletter_confirm_mail"
      #data: "105"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "newsletter_confirm_mail"
      data: "105"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "password_reset_mail" => Pimcore\Model\Property {#2093
      #dao: null
      #name: "password_reset_mail"
      #data: "93"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "password_reset_mail"
      data: "93"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
    "terms_and_conditions" => Pimcore\Model\Property {#2092
      #dao: null
      #name: "terms_and_conditions"
      #data: "88"
      #type: "document"
      #ctype: "document"
      #cpath: null
      #cid: 1
      #inheritable: true
      #inherited: false
      name: "terms_and_conditions"
      data: "88"
      type: "document"
      ctype: "document"
      cpath: null
      cid: 1
      inheritable: true
      inherited: false
    }
  ]
  #id: 1
  #creationDate: 1557393622
  #modificationDate: 1566982214
  #versionCount: 217
  #userOwner: 1
  #locked: null
  #userModification: 2
  #parentId: 0
  #parent: null
  #_fulldump: false
  #dirtyFields: []
  -activeDispatchingEvents: []
  #fullPathCache: null
  #type: "page"
  #key: ""
  #index: 999999
  #published: true
  #children: []
  #siblings: []
  #controller: "App\Controller\ContentController::portalAction"
  #template: null
  #editables: null
  #versions: null
  #contentMainDocumentId: &20 null
  #contentMasterDocumentId: &20 null
  #supportsContentMain: true
  #missingRequiredEditable: null
  #staticGeneratorEnabled: null
  #staticGeneratorLifetime: null
  #inheritedEditables: []
  #scheduledTasks: null
  #title: ""
  #description: ""
  #prettyUrl: null
  #targetGroupIds: ""
  -useTargetGroup: null
  dependencies: null
  __dataVersionTimestamp: 1566982214
  path: "/"
  properties: [
    "footer" => Pimcore\Model\Property {#2131}
    "language" => Pimcore\Model\Property {#2109}
    "left_nav_show" => Pimcore\Model\Property {#2108}
    "left_nav_start_node" => Pimcore\Model\Property {#2107}
    "navigation_accesskey" => Pimcore\Model\Property {#2106}
    "navigation_anchor" => Pimcore\Model\Property {#2105}
    "navigation_class" => Pimcore\Model\Property {#2104}
    "navigation_exclude" => Pimcore\Model\Property {#2103}
    "navigation_name" => Pimcore\Model\Property {#2102}
    "navigation_parameters" => Pimcore\Model\Property {#2101}
    "navigation_relation" => Pimcore\Model\Property {#2100}
    "navigation_root" => Pimcore\Model\Property {#2099}
    "navigation_tabindex" => Pimcore\Model\Property {#2098}
    "navigation_target" => Pimcore\Model\Property {#2097}
    "navigation_title" => Pimcore\Model\Property {#2096}
    "news_default_document" => Pimcore\Model\Property {#2095}
    "newsletter_confirm_mail" => Pimcore\Model\Property {#2094}
    "password_reset_mail" => Pimcore\Model\Property {#2093}
    "terms_and_conditions" => Pimcore\Model\Property {#2092}
  ]
  id: 1
  creationDate: 1557393622
  modificationDate: 1566982214
  versionCount: 217
  userOwner: 1
  locked: null
  userModification: 2
  parentId: 0
  parent: null
  _fulldump: false
  dirtyFields: []
  fullPathCache: null
  type: "page"
  key: ""
  index: 999999
  published: true
  children: []
  siblings: []
  controller: "App\Controller\ContentController::portalAction"
  template: null
  editables: null
  versions: null
  contentMainDocumentId: null
  contentMasterDocumentId: null
  supportsContentMain: true
  missingRequiredEditable: null
  staticGeneratorEnabled: null
  staticGeneratorLifetime: null
  inheritedEditables: []
  scheduledTasks: null
  title: ""
  description: ""
  prettyUrl: null
  targetGroupIds: ""
}

Twig\Error\SyntaxError {#6401
  #message: "Unknown "endfor" tag."
  #code: 0
  #file: "/var/www/pimcore/templates/Professional/home-demo-new.html.twig"
  #line: 1229
  -lineno: 1229
  -name: "Professional/home-demo-new.html.twig"
  -rawMessage: "Unknown "endfor" tag."
  -sourcePath: "/var/www/pimcore/templates/Professional/home-demo-new.html.twig"
  -sourceCode: """
    {% extends 'layouts/arqonz_updated_layout.html.twig' %}\n
    {% do pimcore_head_link().appendStylesheet('https://site-assets.fontawesome.com/releases/v6.5.1/css/all.css') %}\n
    {% do pimcore_head_link().appendStylesheet('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css') %}\n
    {% form_theme form 'bootstrap_5_layout_custom.html.twig' %}\n
    {% form_theme form1 'bootstrap_5_layout_custom.html.twig' %}\n
    \n
    {% block content %}\n
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>\n
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>\n
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>\n
    \n
        <style>\n
            :root {\n
                --primary-color: #00A79D;\n
                --secondary-color: #0097A7;\n
                --accent-color: #F5EACE;\n
                --dark-color: #1D1D1D;\n
                --light-gray: #F8F9FA;\n
                --border-radius-lg: 20px;\n
                --border-radius-md: 12px;\n
                --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.1);\n
                --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.15);\n
                --shadow-lg: 0 10px 40px rgba(0, 167, 157, 0.2);\n
            }\n
    \n
            * {\n
                margin: 0;\n
                padding: 0;\n
                box-sizing: border-box;\n
            }\n
    \n
            body {\n
                font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n
                line-height: 1.6;\n
                color: var(--dark-color);\n
                overflow-x: hidden;\n
            }\n
    \n
            /* Header Styling */\n
            .DashboardRow {\n
                position: fixed;\n
                top: 0;\n
                width: 100%;\n
                background-color: rgba(255, 255, 255, 0.95);\n
                backdrop-filter: blur(10px);\n
                z-index: 1000;\n
                transition: all 0.3s ease;\n
            }\n
    \n
            .DashboardRow.hero-active {\n
                background-color: rgba(0, 0, 0, 0.1);\n
                backdrop-filter: blur(10px);\n
            }\n
    \n
            /* Hero Section */\n
            .hero-section {\n
                min-height: 100vh;\n
                position: relative;\n
                display: flex;\n
                align-items: center;\n
                background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\n
                overflow: hidden;\n
            }\n
    \n
            .hero-bg-pattern {\n
                position: absolute;\n
                top: 0;\n
                left: 0;\n
                width: 100%;\n
                height: 100%;\n
                opacity: 0.1;\n
                background-image: \n
                    radial-gradient(circle at 25% 25%, white 2px, transparent 2px),\n
                    radial-gradient(circle at 75% 75%, white 2px, transparent 2px);\n
                background-size: 50px 50px;\n
                background-position: 0 0, 25px 25px;\n
            }\n
    \n
            .hero-content {\n
                position: relative;\n
                z-index: 2;\n
            }\n
    \n
            .hero-title {\n
                font-size: clamp(2.5rem, 5vw, 4.5rem);\n
                font-weight: 700;\n
                color: white;\n
                line-height: 1.2;\n
                margin-bottom: 1.5rem;\n
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n
            }\n
    \n
            .hero-subtitle {\n
                font-size: clamp(1.1rem, 2vw, 1.3rem);\n
                color: rgba(255, 255, 255, 0.9);\n
                margin-bottom: 2rem;\n
                line-height: 1.6;\n
            }\n
    \n
            .hero-features {\n
                display: flex;\n
                flex-wrap: wrap;\n
                gap: 1rem;\n
                margin-bottom: 2.5rem;\n
            }\n
    \n
            .hero-feature {\n
                display: flex;\n
                align-items: center;\n
                gap: 0.5rem;\n
                background: rgba(255, 255, 255, 0.15);\n
                backdrop-filter: blur(10px);\n
                padding: 0.75rem 1rem;\n
                border-radius: var(--border-radius-md);\n
                border: 1px solid rgba(255, 255, 255, 0.2);\n
                transition: all 0.3s ease;\n
            }\n
    \n
            .hero-feature:hover {\n
                background: rgba(255, 255, 255, 0.25);\n
                transform: translateY(-2px);\n
            }\n
    \n
            .hero-feature i {\n
                color: var(--accent-color);\n
                font-size: 1.1rem;\n
            }\n
    \n
            .hero-feature span {\n
                color: white;\n
                font-weight: 500;\n
                font-size: 0.95rem;\n
            }\n
    \n
            .hero-cta {\n
                display: inline-flex;\n
                align-items: center;\n
                gap: 0.75rem;\n
                background: white;\n
                color: var(--primary-color);\n
                padding: 1rem 2rem;\n
                border-radius: 50px;\n
                text-decoration: none;\n
                font-weight: 600;\n
                box-shadow: var(--shadow-md);\n
                transition: all 0.3s ease;\n
            }\n
    \n
            .hero-cta:hover {\n
                color: var(--primary-color);\n
                transform: translateY(-3px);\n
                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n
            }\n
    \n
            .hero-image {\n
                position: relative;\n
                text-align: center;\n
            }\n
    \n
            .hero-image img {\n
                max-width: 100%;\n
                height: auto;\n
                border-radius: var(--border-radius-lg);\n
                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n
            }\n
    \n
            /* Stats Section */\n
            .stats-section {\n
                background: var(--light-gray);\n
                padding: 4rem 0;\n
            }\n
    \n
            .stats-container {\n
                background: white;\n
                border-radius: var(--border-radius-lg);\n
                padding: 3rem 2rem;\n
                box-shadow: var(--shadow-md);\n
            }\n
    \n
            .stats-title {\n
                text-align: center;\n
                font-size: clamp(1.8rem, 3vw, 2.5rem);\n
                font-weight: 700;\n
                color: var(--dark-color);\n
                margin-bottom: 3rem;\n
            }\n
    \n
            .stat-item {\n
                text-align: center;\n
                padding: 1rem;\n
            }\n
    \n
            .stat-number {\n
                font-size: clamp(2.5rem, 4vw, 3.5rem);\n
                font-weight: 800;\n
                color: var(--primary-color);\n
                display: block;\n
                margin-bottom: 0.5rem;\n
            }\n
    \n
            .stat-label {\n
                font-size: 1.1rem;\n
                color: var(--dark-color);\n
                font-weight: 500;\n
            }\n
    \n
            /* Products Section */\n
            .products-section {\n
                padding: 5rem 0;\n
                background: white;\n
            }\n
    \n
            .section-header {\n
                text-align: center;\n
                margin-bottom: 4rem;\n
            }\n
    \n
            .section-title {\n
                font-size: clamp(2rem, 3vw, 2.8rem);\n
                font-weight: 700;\n
                color: var(--dark-color);\n
                margin-bottom: 1rem;\n
            }\n
    \n
            .section-subtitle {\n
                font-size: 1.2rem;\n
                color: #666;\n
                margin-bottom: 2rem;\n
            }\n
    \n
            .explore-btn {\n
                display: inline-flex;\n
                align-items: center;\n
                gap: 0.5rem;\n
                color: var(--primary-color);\n
                text-decoration: none;\n
                font-weight: 600;\n
                transition: all 0.3s ease;\n
            }\n
    \n
            .explore-btn:hover {\n
                color: var(--secondary-color);\n
                transform: translateX(5px);\n
            }\n
    \n
            .products-grid {\n
                display: grid;\n
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n
                gap: 2rem;\n
            }\n
    \n
            .product-card {\n
                background: white;\n
                border-radius: var(--border-radius-lg);\n
                padding: 2rem;\n
                text-align: center;\n
                box-shadow: var(--shadow-sm);\n
                border: 1px solid #f0f0f0;\n
                transition: all 0.3s ease;\n
                text-decoration: none;\n
                color: inherit;\n
                position: relative;\n
                overflow: hidden;\n
            }\n
    \n
            .product-card::before {\n
                content: '';\n
                position: absolute;\n
                top: 0;\n
                left: -100%;\n
                width: 100%;\n
                height: 100%;\n
                background: linear-gradient(90deg, transparent, rgba(0, 167, 157, 0.1), transparent);\n
                transition: left 0.6s;\n
            }\n
    \n
            .product-card:hover::before {\n
                left: 100%;\n
            }\n
    \n
            .product-card:hover {\n
                transform: translateY(-10px);\n
                box-shadow: var(--shadow-lg);\n
                border-color: var(--primary-color);\n
                text-decoration: none;\n
                color: inherit;\n
            }\n
    \n
            .product-image {\n
                width: 80px;\n
                height: 80px;\n
                margin: 0 auto 1.5rem;\n
                border-radius: var(--border-radius-md);\n
                overflow: hidden;\n
                position: relative;\n
            }\n
    \n
            .product-image img {\n
                width: 100%;\n
                height: 100%;\n
                object-fit: cover;\n
            }\n
    \n
            .product-title {\n
                font-size: 1.3rem;\n
                font-weight: 600;\n
                color: var(--dark-color);\n
                margin-bottom: 0.75rem;\n
            }\n
    \n
            .product-description {\n
                color: #666;\n
                font-size: 0.95rem;\n
                line-height: 1.5;\n
            }\n
    \n
            .product-count {\n
                position: absolute;\n
                top: 1rem;\n
                right: 1rem;\n
                background: var(--primary-color);\n
                color: white;\n
                padding: 0.25rem 0.75rem;\n
                border-radius: 20px;\n
                font-size: 0.85rem;\n
                font-weight: 500;\n
            }\n
    \n
            /* Professionals Section */\n
            .professionals-section {\n
                padding: 5rem 0;\n
                background: var(--light-gray);\n
            }\n
    \n
            .professional-tabs {\n
                display: flex;\n
                justify-content: center;\n
                gap: 1rem;\n
                margin-bottom: 3rem;\n
                flex-wrap: wrap;\n
            }\n
    \n
            .professional-tab {\n
                display: flex;\n
                align-items: center;\n
                gap: 0.5rem;\n
                background: white;\n
                color: #666;\n
                padding: 0.75rem 1.5rem;\n
                border-radius: 50px;\n
                text-decoration: none;\n
                font-weight: 500;\n
                border: 2px solid transparent;\n
                transition: all 0.3s ease;\n
                cursor: pointer;\n
            }\n
    \n
            .professional-tab.active,\n
            .professional-tab:hover {\n
                background: var(--primary-color);\n
                color: white;\n
                border-color: var(--primary-color);\n
                transform: translateY(-2px);\n
            }\n
    \n
            .professional-card {\n
                background: white;\n
                border-radius: var(--border-radius-lg);\n
                padding: 2rem;\n
                box-shadow: var(--shadow-sm);\n
                transition: all 0.3s ease;\n
                height: 100%;\n
            }\n
    \n
            .professional-card:hover {\n
                transform: translateY(-5px);\n
                box-shadow: var(--shadow-md);\n
            }\n
    \n
            .professional-header {\n
                display: flex;\n
                align-items: center;\n
                gap: 1rem;\n
                margin-bottom: 1.5rem;\n
            }\n
    \n
            .professional-avatar {\n
                width: 60px;\n
                height: 60px;\n
                border-radius: 50%;\n
                overflow: hidden;\n
            }\n
    \n
            .professional-avatar img {\n
                width: 100%;\n
                height: 100%;\n
                object-fit: cover;\n
            }\n
    \n
            .professional-info h3 {\n
                font-size: 1.25rem;\n
                font-weight: 600;\n
                color: var(--dark-color);\n
                margin-bottom: 0.25rem;\n
            }\n
    \n
            .professional-stats {\n
                display: flex;\n
                gap: 2rem;\n
                margin-bottom: 1.5rem;\n
                flex-wrap: wrap;\n
            }\n
    \n
            .stat {\n
                text-align: center;\n
            }\n
    \n
            .stat-value {\n
                font-size: 1.1rem;\n
                font-weight: 700;\n
                color: var(--primary-color);\n
                display: block;\n
            }\n
    \n
            .stat-label {\n
                font-size: 0.85rem;\n
                color: #666;\n
            }\n
    \n
            .professional-description {\n
                color: #666;\n
                line-height: 1.6;\n
                margin-bottom: 1.5rem;\n
            }\n
    \n
            .see-more {\n
                color: var(--primary-color);\n
                text-decoration: none;\n
                font-weight: 500;\n
            }\n
    \n
            .see-more:hover {\n
                color: var(--secondary-color);\n
            }\n
    \n
            .projects-preview {\n
                border-top: 1px solid #f0f0f0;\n
                padding-top: 1.5rem;\n
            }\n
    \n
            .projects-header {\n
                display: flex;\n
                justify-content: between;\n
                align-items: center;\n
                margin-bottom: 1rem;\n
            }\n
    \n
            .projects-count {\n
                font-size: 0.9rem;\n
                color: #666;\n
            }\n
    \n
            .project-thumbnails {\n
                display: flex;\n
                gap: 1rem;\n
            }\n
    \n
            .project-thumbnail {\n
                width: 80px;\n
                height: 60px;\n
                border-radius: var(--border-radius-md);\n
                overflow: hidden;\n
                position: relative;\n
            }\n
    \n
            .project-thumbnail img {\n
                width: 100%;\n
                height: 100%;\n
                object-fit: cover;\n
            }\n
    \n
            /* Responsive Design */\n
            @media (max-width: 768px) {\n
                .hero-section {\n
                    min-height: auto;\n
                    padding: 8rem 0 4rem;\n
                }\n
    \n
                .hero-features {\n
                    justify-content: center;\n
                }\n
    \n
                .stats-container {\n
                    padding: 2rem 1rem;\n
                }\n
    \n
                .products-grid {\n
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n
                    gap: 1.5rem;\n
                }\n
    \n
                .professional-tabs {\n
                    gap: 0.5rem;\n
                }\n
    \n
                .professional-tab {\n
                    padding: 0.5rem 1rem;\n
                    font-size: 0.9rem;\n
                }\n
    \n
                .professional-stats {\n
                    gap: 1rem;\n
                }\n
            }\n
    \n
            @media (max-width: 576px) {\n
                .products-grid {\n
                    grid-template-columns: 1fr;\n
                }\n
                \n
                .professional-tabs {\n
                    flex-direction: column;\n
                    align-items: center;\n
                }\n
                \n
                .project-thumbnails {\n
                    flex-wrap: wrap;\n
                    gap: 0.5rem;\n
                }\n
                \n
                .project-thumbnail {\n
                    width: 60px;\n
                    height: 45px;\n
                }\n
            }\n
    \n
            /* Animations */\n
            .fade-in {\n
                opacity: 0;\n
                transform: translateY(30px);\n
                transition: all 0.6s ease;\n
            }\n
    \n
            .fade-in.visible {\n
                opacity: 1;\n
                transform: translateY(0);\n
            }\n
    \n
            /* Loading states */\n
            .loading-placeholder {\n
                background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n
                background-size: 200% 100%;\n
                animation: loading 1.5s infinite;\n
            }\n
    \n
            @keyframes loading {\n
                0% { background-position: 200% 0; }\n
                100% { background-position: -200% 0; }\n
            }\n
        </style>\n
    \n
        <!-- Hero Section -->\n
        <section class="hero-section" id="heroSection">\n
            <div class="hero-bg-pattern"></div>\n
            <div class="container">\n
                <div class="row align-items-center">\n
                    <div class="col-lg-6">\n
                        <div class="hero-content fade-in">\n
                            <h1 class="hero-title">AI-Powered Construction Deals.<br>No Delays. Just Decisions.</h1>\n
                            <p class="hero-subtitle">\n
                                Arqonz is a smart construction platform that connects contractors, suppliers, and professionals through one unified interface. From instant quotes to AI estimation tools, we're powering construction e-commerce in India.\n
                            </p>\n
                            \n
                            <div class="hero-features">\n
                                <div class="hero-feature">\n
                                    <i class="fas fa-bolt"></i>\n
                                    <span>Instant BOM Quotes</span>\n
                                </div>\n
                                <div class="hero-feature">\n
                                    <i class="fas fa-robot"></i>\n
                                    <span>AQIQ AI Chatbot</span>\n
                                </div>\n
                                <div class="hero-feature">\n
                                    <i class="fas fa-handshake"></i>\n
                                    <span>E-Negotiations</span>\n
                                </div>\n
                                <div class="hero-feature">\n
                                    <i class="fas fa-search"></i>\n
                                    <span>Discover & Transact</span>\n
                                </div>\n
                            </div>\n
    \n
                            <a href="https://arqonz.com/about-us" class="hero-cta">\n
                                Explore Platform\n
                                <i class="fas fa-arrow-right"></i>\n
                            </a>\n
                        </div>\n
                    </div>\n
                    <div class="col-lg-6">\n
                        <div class="hero-image fade-in">\n
                            <img src="/static/images/Arqonz-Dashboard-Preview.png" alt="Arqonz Dashboard Preview" class="img-fluid">\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
        </section>\n
    \n
        <!-- Stats Section -->\n
        <section class="stats-section">\n
            <div class="container">\n
                <div class="stats-container fade-in">\n
                    <h2 class="stats-title">Discover solutions customized for your enterprise</h2>\n
                    <div class="row">\n
                        <div class="col-6 col-md-3">\n
                            <div class="stat-item">\n
                                <span class="stat-number" data-count="80">0</span>k+\n
                                <div class="stat-label">Products</div>\n
                            </div>\n
                        </div>\n
                        <div class="col-6 col-md-3">\n
                            <div class="stat-item">\n
                                <span class="stat-number" data-count="15">0</span>k+\n
                                <div class="stat-label">Projects</div>\n
                            </div>\n
                        </div>\n
                        <div class="col-6 col-md-3">\n
                            <div class="stat-item">\n
                                <span class="stat-number" data-count="200">0</span>+\n
                                <div class="stat-label">Professionals</div>\n
                            </div>\n
                        </div>\n
                        <div class="col-6 col-md-3">\n
                            <div class="stat-item">\n
                                <span class="stat-number" data-count="10">0</span>k+\n
                                <div class="stat-label">Suppliers</div>\n
                            </div>\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
        </section>\n
    \n
        <!-- Products Section -->\n
        <section class="products-section" id="productsSection">\n
            <div class="container">\n
                <div class="section-header fade-in">\n
                    <h2 class="section-title">Products</h2>\n
                    <p class="section-subtitle">Explore the products to build your dream project</p>\n
                    <a href="/products" class="explore-btn">\n
                        View All Products <i class="fas fa-arrow-right"></i>\n
                    </a>\n
                </div>\n
                \n
                <div class="products-grid fade-in">\n
                    <a href="/categories/TMT-Steel-Bars" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/structural-steel.png" alt="Structural Steel">\n
                        </div>\n
                        <h3 class="product-title">Structural Steel</h3>\n
                        <p class="product-description">High-quality steel for construction frameworks</p>\n
                    </a>\n
    \n
                    <a href="/categories/Bricks-&-Blocks" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/bricks-blocks.png" alt="Bricks & Blocks">\n
                        </div>\n
                        <h3 class="product-title">Bricks & Blocks</h3>\n
                        <p class="product-description">Durable building blocks for strong foundations</p>\n
                    </a>\n
    \n
                    <a href="/categories/Cement" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/Cement-prod.png" alt="Cement">\n
                        </div>\n
                        <h3 class="product-title">Cement</h3>\n
                        <p class="product-description">Premium cement for lasting construction</p>\n
                    </a>\n
    \n
                    <a href="/categories/Wooden-Products" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/plywood-prod.png" alt="Plywood">\n
                        </div>\n
                        <h3 class="product-title">Plywood</h3>\n
                        <p class="product-description">Quality wood products for interior solutions</p>\n
                    </a>\n
    \n
                    <a href="/categories/Tiles" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/tiles-cat.png" alt="Tiles">\n
                        </div>\n
                        <h3 class="product-title">Tiles</h3>\n
                        <p class="product-description">Stylish tiles for flooring and walls</p>\n
                    </a>\n
    \n
                    <a href="/categories/bathroom-accessories" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/sanitaryware.png" alt="Sanitaryware">\n
                        </div>\n
                        <h3 class="product-title">Sanitaryware</h3>\n
                        <p class="product-description">Modern bathroom fixtures and accessories</p>\n
                    </a>\n
    \n
                    <a href="/categories/Electricals" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/electricals-cat.png" alt="Electricals">\n
                        </div>\n
                        <h3 class="product-title">Electricals</h3>\n
                        <p class="product-description">Complete electrical solutions for buildings</p>\n
                    </a>\n
    \n
                    <a href="/categories/Plumbing" class="product-card">\n
                        <div class="product-count">20k</div>\n
                        <div class="product-image">\n
                            <img src="/static/images/homeimgs/plumbing-prods.png" alt="Plumbing">\n
                        </div>\n
                        <h3 class="product-title">Plumbing</h3>\n
                        <p class="product-description">Professional plumbing systems and fixtures</p>\n
                    </a>\n
                </div>\n
            </div>\n
        </section>\n
    \n
        <!-- Professionals Section -->\n
        <section class="professionals-section" id="professionalsSection">\n
            <div class="container">\n
                <div class="section-header fade-in">\n
                    <h2 class="section-title">Find Professionals</h2>\n
                    <p class="section-subtitle">Connect with verified professionals for your projects</p>\n
                </div>\n
    \n
                <div class="professional-tabs fade-in">\n
                    <div class="professional-tab active" data-type="architects">\n
                        <i class="fas fa-drafting-compass"></i>\n
                        <span>Architects</span>\n
                    </div>\n
                    <div class="professional-tab" data-type="builders">\n
                        <i class="fas fa-hard-hat"></i>\n
                        <span>Builders</span>\n
                    </div>\n
                    <div class="professional-tab" data-type="contractors">\n
                        <i class="fas fa-tools"></i>\n
                        <span>Contractors</span>\n
                    </div>\n
                    <div class="professional-tab" data-type="designers">\n
                        <i class="fas fa-palette"></i>\n
                        <span>Interior Designers</span>\n
                    </div>\n
                </div>\n
    \n
                <!-- Architects Content -->\n
                <div class="professionals-content active fade-in" id="architects-content">\n
                    <div class="row">\n
                        {% for architect in architects|slice(0, 2) %}\n
                            <div class="col-lg-6 mb-4">\n
                                <div class="professional-card">\n
                                    <div class="professional-header">\n
                                        <div class="professional-avatar">\n
                                            <img src="/static/images/ArchitectDP.jpeg" alt="{{ architect.getCompanyName() }}">\n
                                        </div>\n
                                        <div class="professional-info">\n
                                            <h3>{{ architect.getCompanyName() }}</h3>\n
                                            <div class="professional-stats">\n
                                                <div class="stat">\n
                                                    <span class="stat-value">{{ architect.getYearEstablished() }}</span>\n
                                                    <span class="stat-label">Est. Year</span>\n
                                                </div>\n
                                                <div class="stat">\n
                                                    <span class="stat-value">{{ architect.getProjects()|length }}</span>\n
                                                    <span class="stat-label">Projects</span>\n
                                                </div>\n
                                                <div class="stat">\n
                                                    <span class="stat-value">{{ architect.getProRating() }}</span>\n
                                                    <span class="stat-label">Rating</span>\n
                                                </div>\n
                                            </div>\n
                                        </div>\n
                                    </div>\n
                                    \n
                                    <div class="professional-description">\n
                                        {{ architect.description|length > 120 ? architect.description|slice(0, 120) ~ '...' : architect.description }} \n
                                        <a href="/architect/portfolio/{{ architect.getKey() }}" class="see-more">See More</a>\n
                                    </div>\n
    \n
                                    <div class="projects-preview">\n
                                        <div class="projects-header">\n
                                            <span class="projects-count">All Projects ({{ architect.getProjects()|length }})</span>\n
                                        </div>\n
                                        <div class="project-thumbnails">\n
                                            {% set projects = architect.getProjects() %}\n
                                            {% for project in projects|slice(0, 3) %}\n
                                                <div class="project-thumbnail">\n
                                                    {% if project.ProjectGallery is not empty %}\n
                                                        {% set images = project.ProjectGallery.getItems() %}\n
                                                        {% if images|length > 0 %}\n
                                                            <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="{{ project.getProjectName() }}">\n
                                                        {% endif %}\n
                                                    {% else %}\n
                                                        <img src="/static/images/no-image-found.png" alt="Project Thumbnail">\n
                                                    {% endif %}\n
                                                </div>\n
                                            {% endfor %}\n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                        {% endfor %}\n
                    </div>\n
                    <div class="text-center">\n
                        <a href="https://arqonz.com/architects" class="explore-btn">\n
                            View All Architects <i class="fas fa-arrow-right"></i>\n
                        </a>\n
                    </div>\n
                </div>\n
    \n
                <!-- Similar sections for Builders, Contractors, and Designers would follow the same pattern -->\n
                \n
            </div>\n
        </section>\n
    \n
        <script>\n
            // Scroll animations\n
            const observerOptions = {\n
                threshold: 0.1,\n
                rootMargin: '0px 0px -50px 0px'\n
            };\n
    \n
            const observer = new IntersectionObserver((entries) => {\n
                entries.forEach(entry => {\n
                    if (entry.isIntersecting) {\n
                        entry.target.classList.add('visible');\n
                    }\n
                });\n
            }, observerOptions);\n
    \n
            // Observe all fade-in elements\n
            document.addEventListener('DOMContentLoaded', () => {\n
                const fadeElements = document.querySelectorAll('.fade-in');\n
                fadeElements.forEach(el => observer.observe(el));\n
    \n
                // Animate counters\n
                const counters = document.querySelectorAll('.stat-number[data-count]');\n
                counters.forEach(counter => {\n
                    const target = parseInt(counter.dataset.count);\n
                    const increment = target / 50;\n
                    let current = 0;\n
                    \n
                    const updateCounter = () => {\n
                        if (current < target) {\n
                            current += increment;\n
                            counter.textContent = Math.floor(current);\n
                            requestAnimationFrame(updateCounter);\n
                        } else {\n
                            counter.textContent = target;\n
                        }\n
                    };\n
                    \n
                    // Start animation when element comes into view\n
                    const counterObserver = new IntersectionObserver((entries) => {\n
                        entries.forEach(entry => {\n
                            if (entry.isIntersecting) {\n
                                updateCounter();\n
                                counterObserver.unobserve(entry.target);\n
                            }\n
                        });\n
                    });\n
                    \n
                    counterObserver.observe(counter);\n
                });\n
    \n
                // Professional tabs functionality\n
                const tabs = document.querySelectorAll('.professional-tab');\n
                const contents = document.querySelectorAll('.professionals-content');\n
                \n
                tabs.forEach(tab => {\n
                    tab.addEventListener('click', () => {\n
                        // Remove active class from all tabs and contents\n
                        tabs.forEach(t => t.classList.remove('active'));\n
                        contents.forEach(c => c.classList.remove('active'));\n
                        \n
                        // Add active class to clicked tab\n
                        tab.classList.add('active');\n
                        \n
                        // Show corresponding content\n
                        const targetType = tab.dataset.type;\n
                        const targetContent = document.getElementById(targetType + '-content');\n
                        if (targetContent) {\n
                            targetContent.classList.add('active');\n
                        }\n
                    });\n
                });\n
    \n
                // Header background change on scroll\n
                const header = document.querySelector('.DashboardRow');\n
                const heroSection = document.getElementById('heroSection');\n
                \n
                const headerObserver = new IntersectionObserver((entries) => {\n
                    entries.forEach(entry => {\n
                        if (entry.isIntersecting) {\n
                            header.classList.add('hero-active');\n
                        } else {\n
                            header.classList.remove('hero-active');\n
                        }\n
                    });\n
                });\n
                \n
                if (heroSection) {\n
                    headerObserver.observe(heroSection);\n
                }\n
    \n
                // Smooth scrolling for anchor links\n
                document.querySelectorAll('a[href^="#"]').forEach(anchor => {\n
                    anchor.addEventListener('click', function (e) {\n
                        e.preventDefault();\n
                        const target = document.querySelector(this.getAttribute('href'));\n
                        if (target) {\n
                            target.scrollIntoView({\n
                                behavior: 'smooth',\n
                                block: 'start'\n
                            });\n
                        }\n
                    });\n
                });\n
    \n
                // GSAP animations for hero elements\n
                gsap.registerPlugin(ScrollTrigger);\n
                \n
                // Hero content animation\n
                gsap.from('.hero-content > *', {\n
                    duration: 1,\n
                    y: 50,\n
                    opacity: 0,\n
                    stagger: 0.2,\n
                    ease: 'power3.out',\n
                    delay: 0.3\n
                });\n
    \n
                // Hero image animation\n
                gsap.from('.hero-image img', {\n
                    duration: 1.2,\n
                    scale: 0.8,\n
                    opacity: 0,\n
                    ease: 'power3.out',\n
                    delay: 0.6\n
                });\n
    \n
                // Product cards stagger animation\n
                gsap.from('.product-card', {\n
                    scrollTrigger: {\n
                        trigger: '.products-grid',\n
                        start: 'top 80%'\n
                    },\n
                    duration: 0.6,\n
                    y: 30,\n
                    opacity: 0,\n
                    stagger: 0.1,\n
                    ease: 'power2.out'\n
                });\n
    \n
                // Stats animation\n
                gsap.from('.stat-item', {\n
                    scrollTrigger: {\n
                        trigger: '.stats-section',\n
                        start: 'top 80%'\n
                    },\n
                    duration: 0.8,\n
                    y: 30,\n
                    opacity: 0,\n
                    stagger: 0.2,\n
                    ease: 'power2.out'\n
                });\n
            });\n
    \n
            // Add loading states for images\n
            document.querySelectorAll('img').forEach(img => {\n
                img.addEventListener('load', function() {\n
                    this.style.opacity = '1';\n
                });\n
                \n
                img.addEventListener('error', function() {\n
                    this.src = '/static/images/placeholder.png'; // fallback image\n
                });\n
            });\n
    \n
            // Mobile menu optimization\n
            window.addEventListener('resize', () => {\n
                if (window.innerWidth > 768) {\n
                    // Reset mobile-specific styles on desktop\n
                    document.querySelectorAll('.professional-tab').forEach(tab => {\n
                        tab.style.display = 'flex';\n
                    });\n
                }\n
            });\n
        </script>\n
    \n
        <!-- Additional content sections for other professional types -->\n
        \n
        <!-- Builders Content (hidden by default) -->\n
        <div class="professionals-content fade-in" id="builders-content" style="display: none;">\n
            <div class="row">\n
                {% for builder in builders|slice(0, 2) %}\n
                    <div class="col-lg-6 mb-4">\n
                        <div class="professional-card">\n
                            <div class="professional-header">\n
                                <div class="professional-avatar">\n
                                    <img src="/static/images/ArchitectDP.jpeg" alt="{{ builder.getCompanyName() }}">\n
                                </div>\n
                                <div class="professional-info">\n
                                    <h3>{{ builder.getCompanyName() }}</h3>\n
                                    <div class="professional-stats">\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ builder.getYearEstablished() }}</span>\n
                                            <span class="stat-label">Est. Year</span>\n
                                        </div>\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ builder.getProjects()|length }}</span>\n
                                            <span class="stat-label">Projects</span>\n
                                        </div>\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ builder.getProRating() }}</span>\n
                                            <span class="stat-label">Rating</span>\n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                            \n
                            <div class="professional-description">\n
                                {{ builder.description|length > 120 ? builder.description|slice(0, 120) ~ '...' : builder.description }} \n
                                <a href="/builder/portfolio/{{ builder.getKey() }}" class="see-more">See More</a>\n
                            </div>\n
    \n
                            <div class="projects-preview">\n
                                <div class="projects-header">\n
                                    <span class="projects-count">All Projects ({{ builder.getProjects()|length }})</span>\n
                                </div>\n
                                <div class="project-thumbnails">\n
                                    {% set projects = builder.getProjects() %}\n
                                    {% for project in projects|slice(0, 3) %}\n
                                        <div class="project-thumbnail">\n
                                            {% if project.ProjectGallery is not empty %}\n
                                                {% set images = project.ProjectGallery.getItems() %}\n
                                                {% if images|length > 0 %}\n
                                                    <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="{{ project.getProjectName() }}">\n
                                                {% endif %}\n
                                            {% else %}\n
                                                <img src="/static/images/no-image-found.png" alt="Project Thumbnail">\n
                                            {% endif %}\n
                                        </div>\n
                                    {% endfor %}\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
                {% endfor %}\n
            </div>\n
            <div class="text-center">\n
                <a href="/builders" class="explore-btn">\n
                    View All Builders <i class="fas fa-arrow-right"></i>\n
                </a>\n
            </div>\n
        </div>\n
    \n
        <!-- Contractors Content (hidden by default) -->\n
        <div class="professionals-content fade-in" id="contractors-content" style="display: none;">\n
            <div class="row">\n
                {% for contractor in contractors|slice(0, 2) %}\n
                    <div class="col-lg-6 mb-4">\n
                        <div class="professional-card">\n
                            <div class="professional-header">\n
                                <div class="professional-avatar">\n
                                    <img src="/static/images/ArchitectDP.jpeg" alt="{{ contractor.getCompanyName() }}">\n
                                </div>\n
                                <div class="professional-info">\n
                                    <h3>{{ contractor.getCompanyName() }}</h3>\n
                                    <div class="professional-stats">\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ contractor.getYearEstablished() }}</span>\n
                                            <span class="stat-label">Est. Year</span>\n
                                        </div>\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ contractor.getProjects()|length }}</span>\n
                                            <span class="stat-label">Projects</span>\n
                                        </div>\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ contractor.getProRating() }}</span>\n
                                            <span class="stat-label">Rating</span>\n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                            \n
                            <div class="professional-description">\n
                                {{ contractor.description|length > 120 ? contractor.description|slice(0, 120) ~ '...' : contractor.description }} \n
                                <a href="/contractor/portfolio/{{ contractor.getKey() }}" class="see-more">See More</a>\n
                            </div>\n
    \n
                            <div class="projects-preview">\n
                                <div class="projects-header">\n
                                    <span class="projects-count">All Projects ({{ contractor.getProjects()|length }})</span>\n
                                </div>\n
                                <div class="project-thumbnails">\n
                                    {% set projects = contractor.getProjects() %}\n
                                    {% for project in projects|slice(0, 3) %}\n
                                        <div class="project-thumbnail">\n
                                            {% if project.ProjectGallery is not empty %}\n
                                                {% set images = project.ProjectGallery.getItems() %}\n
                                                {% if images|length > 0 %}\n
                                                    <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="{{ project.getProjectName() }}">\n
                                                {% endif %}\n
                                            {% else %}\n
                                                <img src="/static/images/no-image-found.png" alt="Project Thumbnail">\n
                                            {% endif %}\n
                                        </div>\n
                                    {% endfor %}\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
                {% endfor %}\n
            </div>\n
            <div class="text-center">\n
                <a href="https://arqonz.com/contractors" class="explore-btn">\n
                    View All Contractors <i class="fas fa-arrow-right"></i>\n
                </a>\n
            </div>\n
        </div>\n
    \n
        <!-- Interior Designers Content (hidden by default) -->\n
        <div class="professionals-content fade-in" id="designers-content" style="display: none;">\n
            <div class="row">\n
                {% for designer in designers|slice(0, 2) %}\n
                    <div class="col-lg-6 mb-4">\n
                        <div class="professional-card">\n
                            <div class="professional-header">\n
                                <div class="professional-avatar">\n
                                    <img src="/static/images/ArchitectDP.jpeg" alt="{{ designer.getCompanyName() }}">\n
                                </div>\n
                                <div class="professional-info">\n
                                    <h3>{{ designer.getCompanyName() }}</h3>\n
                                    <div class="professional-stats">\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ designer.getYearEstablished() }}</span>\n
                                            <span class="stat-label">Est. Year</span>\n
                                        </div>\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ designer.getProjects()|length }}</span>\n
                                            <span class="stat-label">Projects</span>\n
                                        </div>\n
                                        <div class="stat">\n
                                            <span class="stat-value">{{ designer.getProRating() }}</span>\n
                                            <span class="stat-label">Rating</span>\n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                            \n
                            <div class="professional-description">\n
                                {{ designer.description|length > 120 ? designer.description|slice(0, 120) ~ '...' : designer.description }} \n
                                <a href="/designer/portfolio/{{ designer.getKey() }}" class="see-more">See More</a>\n
                            </div>\n
    \n
                            <div class="projects-preview">\n
                                <div class="projects-header">\n
                                    <span class="projects-count">All Projects ({{ designer.getProjects()|length }})</span>\n
                                </div>\n
                                <div class="project-thumbnails">\n
                                    {% set projects = designer.getProjects() %}\n
                                    {% for project in projects|slice(0, 3) %}\n
                                        <div class="project-thumbnail">\n
                                            {% if project.ProjectGallery is not empty %}\n
                                                {% set images = project.ProjectGallery.getItems() %}\n
                                                {% if images|length > 0 %}\n
                                                    <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="{{ project.getProjectName() }}">\n
                                                {% endif %}\n
                                            {% else %}\n
                                                <img src="/static/images/no-image-found.png" alt="Project Thumbnail">\n
                                            {% endif %}\n
                                        </div>\n
                                    {% endfor %}\n
                                </div>\n
                            </div>\n
                        </div>\n
                    </div>\n
                {% endfor %}\n
            </div>\n
            <div class="text-center">\n
                <a href="/designers" class="explore-btn">\n
                    View All Interior Designers <i class="fas fa-arrow-right"></i>\n
                </a>\n
            </div>\n
        </div>\n
    \n
    {% endblock %}          <div class="ProjCount">\n
                                            \n
                                            <p>All Projects ({{ architect.getProjects() |length }})</p>\n
                                        </div>\n
                                        \n
                                        <div class="ProjectsList">\n
                                            {% for project in projects|slice(0, 2) %}\n
                                                <div class="HomeProjCard">\n
                                                    <div class="ProjectimgContainer">\n
                                                        {% if project.ProjectGallery is not empty %}\n
                                                            {% set images = project.ProjectGallery.getItems() %}\n
                                                            {% if images|length > 0 %}\n
                                                                <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="">\n
                                                            {% endif %}\n
                                                        {% else %}\n
                                                            <img src="/static/images/no-image-found.png" width="262px" height="161px" alt="Project Thumbnail">\n
                                                        {% endif %}\n
                                                        <div class="HomeProjectName">\n
                                                            <h3>{{ project.getProjectName() }}</h3>\n
                                                            <p>{{ project.getLocation() }}</p>\n
                                                        </div>\n
                                                    </div>\n
                                                </div>\n
    \n
                                            {% endfor %}\n
    \n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                        {% endfor %}\n
                        \n
    \n
    \n
                    </div>\n
                </div>\n
                \n
            </div>\n
        </div>\n
    \n
        <div class="ProfessionalsForYou Designers">\n
            <div class="HomeProductsSection" style="background: rgba(0, 167, 157, 0.05);">\n
                <div class="HomeProductsWrapper" style="background:none;">\n
                    <div class="ProductsTopSection">\n
                        <div class="ProductsHeadingSection">\n
                            <h2 class="HomeSectiontitle">Builders For you</h2>\n
                            <p class="HomeSectionSubtitle">Explore the best Builders for your Projects.</p>\n
                        </div>\n
                        <a href="/builders">\n
                            <div class="ProductsExplore">\n
                                <p>Explore All</p>\n
                                <img src="/static/images/icons/arrow-down.svg" alt="Explore All Products">\n
                            </div>\n
                        </a>\n
                    </div>\n
    \n
                    <div class="ProfessionalFeaturedSection">\n
                        <div class="Professionalfeatured FeaturedSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>Featured</p>\n
                        </div>\n
                        <div class="Professionalfeatured FeaturedUnSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>New</p>\n
                        </div>\n
                        <div class="Professionalfeatured FeaturedUnSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>Top-Rated</p>\n
                        </div>\n
                    </div>\n
    \n
                    <div class="HomeProfessionalList">\n
                        {% for builder in builders|slice(0, 2) %}\n
                            <div class="HomeProfessionalCard">\n
                                <div class="Row1">\n
                                    <div class="ProfessionalImageCon">\n
                                        <div class="imgCOnt">\n
                                            <img src="/static/images/ArchitectDP.jpeg" alt="Architect">\n
                                        </div>\n
                                        <div class="ProfName">\n
                                            <h3>{{ builder.getCompanyName() }}</h3>\n
                                        </div>\n
                                    </div>\n
                                    \n
                                    <div class="ProfessionalStatsCon">\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ builder.getYearEstablished() }}</p>\n
                                            <p class="label">Estd. Year</p>\n
                                        </div>\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ builder.getProjects() |length }}</p>\n
                                            <p class="label">Projects</p>\n
                                        </div>\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ builder.getProRating() }}</p>\n
                                            <p class="label">Rating</p>\n
                                        </div>\n
                                    </div>\n
    \n
    \n
                                </div>\n
    \n
                                <div class="Row2">\n
                                    <div class="ProfessionalProfileDesc">\n
                                        <p>\n
                                            {{ builder.description|length > 120 ? builder.description|slice(0, 120) ~ '...' : builder.description }} \n
                                            <a href="/builder/portfolio/{{ builder.getKey() }}" class="seeMoreProf">See More</a>\n
                                        </p>\n
                                    </div>\n
                                </div>\n
                                {% set projects = builder.getProjects() %}\n
                                <div class="Row3">\n
                                    <div class="ProfessionalProjects">\n
                                        <div class="ProjCount">\n
                                            \n
                                            <p>All Projects ({{ builder.getProjects() |length }})</p>\n
                                        </div>\n
                                        \n
                                        <div class="ProjectsList">\n
                                            {% for project in projects|slice(0, 2) %}\n
                                                <div class="HomeProjCard">\n
                                                    <div class="ProjectimgContainer">\n
                                                        {% if project.ProjectGallery is not empty %}\n
                                                            {% set images = project.ProjectGallery.getItems() %}\n
                                                            {% if images|length > 0 %}\n
                                                                <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="">\n
                                                            {% endif %}\n
                                                        {% else %}\n
                                                            <img src="/static/images/no-image-found.png" width="265px" height="171px" alt="Project Thumbnail">\n
                                                        {% endif %}\n
                                                        <div class="HomeProjectName">\n
                                                            <h3>{{ project.getProjectName() }}</h3>\n
                                                            <p>{{ project.getLocation() }}</p>\n
                                                        </div>\n
                                                    </div>\n
                                                </div>\n
    \n
                                                \n
                                            {% endfor %}\n
    \n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                        {% endfor %}\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <div class="ProfessionalsForYou Architects">\n
            <div class="HomeProductsSection">\n
                <div class="HomeProductsWrapper">\n
                    <div class="ProductsTopSection">\n
                        <div class="ProductsHeadingSection">\n
                            <h2 class="HomeSectiontitle">Contractors for you</h2>\n
                            <p class="HomeSectionSubtitle">Explore the best Contractors for your Projects.</p>\n
                        </div>\n
                        <a href="https://arqonz.com/contractors">\n
                            <div class="ProductsExplore">\n
                                <p>Explore All</p>\n
                                <img src="/static/images/icons/arrow-down.svg" alt="Explore All Products">\n
                            </div>\n
                        </a>\n
                    </div>\n
    \n
                    <div class="ProfessionalFeaturedSection">\n
                        <div class="Professionalfeatured FeaturedSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>Featured</p>\n
                        </div>\n
                        <div class="Professionalfeatured FeaturedUnSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>New</p>\n
                        </div>\n
                        <div class="Professionalfeatured FeaturedUnSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>Top-Rated</p>\n
                        </div>\n
                    </div>\n
    \n
                    <div class="HomeProfessionalList">\n
                        {% for contractor in contractors|slice(0, 2) %}\n
                            <div class="HomeProfessionalCard">\n
                                <div class="Row1">\n
                                    <div class="ProfessionalImageCon">\n
                                        <div class="imgCOnt">\n
                                            <img src="/static/images/ArchitectDP.jpeg" alt="Architect">\n
                                        </div>\n
                                        <div class="ProfName">\n
                                            <h3>{{ contractor.getCompanyName() }}</h3>\n
                                        </div>\n
                                    </div>\n
                                    \n
                                    <div class="ProfessionalStatsCon">\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ contractor.getYearEstablished() }}</p>\n
                                            <p class="label">Estd. Year</p>\n
                                        </div>\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ contractor.getProjects() |length }}</p>\n
                                            <p class="label">Projects</p>\n
                                        </div>\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ contractor.getProRating() }}</p>\n
                                            <p class="label">Rating</p>\n
                                        </div>\n
                                    </div>\n
    \n
    \n
                                </div>\n
    \n
                                <div class="Row2">\n
                                    <div class="ProfessionalProfileDesc">\n
                                        <p>\n
                                            {{ contractor.description|length > 120 ? contractor.description|slice(0, 120) ~ '...' : contractor.description }} \n
                                            <a href="/contractor/portfolio/{{ contractor.getKey() }}" class="seeMoreProf">See More</a>\n
                                        </p>\n
                                    </div>\n
                                </div>\n
                                {% set projects = contractor.getProjects() %}\n
                                <div class="Row3">\n
                                    <div class="ProfessionalProjects">\n
                                        <div class="ProjCount">\n
                                            \n
                                            <p>All Projects ({{ contractor.getProjects() |length }})</p>\n
                                        </div>\n
                                        \n
                                        <div class="ProjectsList">\n
                                            {% for project in projects|slice(0, 2) %}\n
                                                <div class="HomeProjCard">\n
                                                    <div class="ProjectimgContainer">\n
                                                        {% if project.ProjectGallery is not empty %}\n
                                                            {% set images = project.ProjectGallery.getItems() %}\n
                                                            {% if images|length > 0 %}\n
                                                                <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="">\n
                                                            {% endif %}\n
                                                        {% else %}\n
                                                            <img src="/static/images/no-image-found.png" width="262px" height="161px" alt="Project Thumbnail">\n
                                                        {% endif %}\n
                                                        <div class="HomeProjectName">\n
                                                            <h3>{{ project.getProjectName() }}</h3>\n
                                                            <p>{{ project.getLocation() }}</p>\n
                                                        </div>\n
                                                    </div>\n
                                                </div>\n
    \n
                                            {% endfor %}\n
    \n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                        {% endfor %}\n
                        \n
    \n
    \n
                    </div>\n
                </div>\n
                \n
            </div>\n
        </div>\n
    \n
        <div class="ProfessionalsForYou Designers">\n
            <div class="HomeProductsSection" style="background: rgba(0, 167, 157, 0.05);">\n
                <div class="HomeProductsWrapper" style="background:none;">\n
                    <div class="ProductsTopSection">\n
                        <div class="ProductsHeadingSection">\n
                            <h2 class="HomeSectiontitle">Interior Designers For you</h2>\n
                            <p class="HomeSectionSubtitle">Explore the best Designers for your Projects.</p>\n
                        </div>\n
                        <a href="/designers">\n
                            <div class="ProductsExplore">\n
                                <p>Explore All</p>\n
                                <img src="/static/images/icons/arrow-down.svg" alt="Explore All Products">\n
                            </div>\n
                        </a>\n
                    </div>\n
    \n
                    <div class="ProfessionalFeaturedSection">\n
                        <div class="Professionalfeatured FeaturedSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>Featured</p>\n
                        </div>\n
                        <div class="Professionalfeatured FeaturedUnSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>New</p>\n
                        </div>\n
                        <div class="Professionalfeatured FeaturedUnSelected">\n
                            <img src="/static/images/icons/Star.svg" alt="Star">\n
                            <p>Top-Rated</p>\n
                        </div>\n
                    </div>\n
    \n
                    <div class="HomeProfessionalList">\n
                        {% for architect in designers|slice(0, 2) %}\n
                            <div class="HomeProfessionalCard">\n
                                <div class="Row1">\n
                                    <div class="ProfessionalImageCon">\n
                                        <div class="imgCOnt">\n
                                            <img src="/static/images/ArchitectDP.jpeg" alt="Architect">\n
                                        </div>\n
                                        <div class="ProfName">\n
                                            <h3>{{ architect.getCompanyName() }}</h3>\n
                                        </div>\n
                                    </div>\n
                                    \n
                                    <div class="ProfessionalStatsCon">\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ architect.getYearEstablished() }}</p>\n
                                            <p class="label">Estd. Year</p>\n
                                        </div>\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ architect.getProjects() |length }}</p>\n
                                            <p class="label">Projects</p>\n
                                        </div>\n
                                        <div class="ProfessionalStat">\n
                                            <p class="stat">{{ architect.getProRating() }}</p>\n
                                            <p class="label">Rating</p>\n
                                        </div>\n
                                    </div>\n
    \n
    \n
                                </div>\n
    \n
                                <div class="Row2">\n
                                    <div class="ProfessionalProfileDesc">\n
                                        <p>\n
                                            {{ architect.description|length > 120 ? architect.description|slice(0, 120) ~ '...' : architect.description }} \n
                                            <a href="/designer/portfolio/{{ architect.getKey() }}" class="seeMoreProf">See More</a>\n
                                        </p>\n
                                    </div>\n
                                </div>\n
                                {% set projects = architect.getProjects() %}\n
                                <div class="Row3">\n
                                    <div class="ProfessionalProjects">\n
                                        <div class="ProjCount">\n
                                            \n
                                            <p>All Projects ({{ architect.getProjects() |length }})</p>\n
                                        </div>\n
                                        \n
                                        <div class="ProjectsList">\n
                                            {% for project in projects|slice(0, 2) %}\n
                                                <div class="HomeProjCard">\n
                                                    <div class="ProjectimgContainer">\n
                                                        {% if project.ProjectGallery is not empty %}\n
                                                            {% set images = project.ProjectGallery.getItems() %}\n
                                                            {% if images|length > 0 %}\n
                                                                <img src="{{ images[0].getThumbnail('ProjectFeaturedThumbnail') }}" alt="">\n
                                                            {% endif %}\n
                                                        {% else %}\n
                                                            <img src="/static/images/no-image-found.png" width="265px" height="171px" alt="Project Thumbnail">\n
                                                        {% endif %}\n
                                                        <div class="HomeProjectName">\n
                                                            <h3>{{ project.getProjectName() }}</h3>\n
                                                            <p>{{ project.getLocation() }}</p>\n
                                                        </div>\n
                                                    </div>\n
                                                </div>\n
    \n
                                                \n
                                            {% endfor %}\n
    \n
                                        </div>\n
                                    </div>\n
                                </div>\n
                            </div>\n
                        {% endfor %}\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
    \n
        <script>\n
            document.addEventListener('DOMContentLoaded', function() {\n
                // Get all the .Professionalfeatured elements\n
                const professionalFeaturedItems = document.querySelectorAll('.Professionalfeatured');\n
            \n
                // Add click event listener to each item\n
                professionalFeaturedItems.forEach(item => {\n
                    item.addEventListener('click', function() {\n
                        // Remove "FeaturedSelected" class from any element that has it and add "FeaturedUnSelected"\n
                        professionalFeaturedItems.forEach(feature => {\n
                            feature.classList.remove('FeaturedSelected');\n
                            feature.classList.add('FeaturedUnSelected');\n
                        });\n
            \n
                        // Add "FeaturedSelected" class to the clicked element and remove "FeaturedUnSelected"\n
                        this.classList.add('FeaturedSelected');\n
                        this.classList.remove('FeaturedUnSelected');\n
                    });\n
                });\n
            });\n
        </script>\n
    \n
    \n
    \n
        \n
    \n
    \n
        \n
    \n
        {# <div class="Arqfooter">\n
            <div class="ArqFootercol">\n
                <img src="/static/images/Arqonz-NewLOGO.png" class="FooterLogo" alt="">\n
                <p>Chennai, India</p>\n
                <p>Call us: 0984453895</p>\n
            </div>\n
            <div class="ArqFootercol">\n
                <h3 class="FooterTitle">Explore</h3>\n
                <div class="FooterLinks">\n
                    <a class="FooterLink" href="#">Building Materials</a>\n
                    <a class="FooterLink" href="#">Architects</a>\n
                    <a class="FooterLink" href="#">Builders</a>\n
                    <a class="FooterLink" href="#">Engineers</a>\n
                    <a class="FooterLink" href="#">Interior</a>\n
                </div>\n
            </div>\n
    \n
            <div class="ArqFootercol">\n
                <h3 class="FooterTitle">About</h3>\n
                <div class="FooterLinks">\n
                    <a class="FooterLink" href="#">Building Materials</a>\n
                    <a class="FooterLink" href="#">Architects</a>\n
                    <a class="FooterLink" href="#">Builders</a>\n
                    <a class="FooterLink" href="#">Engineers</a>\n
                    <a class="FooterLink" href="#">Interior</a>\n
                </div>\n
            </div>\n
            <div class="ArqFootercol">\n
                <h3 class="FooterTitle">Coming Soon</h3>\n
                <div class="FooterLinks">\n
                    <img src="/static/images/download-apple.png" alt="">\n
                    <img src="/static/images/Download-android.png" alt="">\n
                </div>\n
            </div>\n
        </div> #}\n
    \n
    \n
    \n
        \n
        \n
        {# <div class="loading-container">\n
            <!-- Create a progress bar -->\n
            <p>Loading the experience</p>\n
            <div class="progress-bar">\n
                <div class="progress-bar-inner"></div>\n
            </div>\n
            <!-- Create a text element to display the percentage -->\n
            <p class="loading-text">0%</p>\n
        </div>\n
        <div id="canvas-container">\n
            <div id="animatedtext">\n
                <p id="uppertext">Welcome To Arqonz</p>\n
                <p id="lowertext">A Better Way To Build</p>\n
            </div>\n
    \n
            <div class="overlay-div">\n
                <div class="scroll-down">\n
                    <h3>SCROLL DOWN</h3>\n
                    <i class="fa-solid fa-down"></i>\n
                </div>\n
            </div>\n
    \n
            <canvas id="canvasA"></canvas>\n
    \n
        </div> #}\n
        \n
    \n
        \n
    \n
    {% endblock %}
    """
  trace: {
    /var/www/pimcore/templates/Professional/home-demo-new.html.twig:1229 {
      Twig\Parser->subparse($test, bool $dropNeedle = false): Node …
      ›     </div>
      › {% endfor %}
      › 
    }
    /var/www/pimcore/vendor/twig/twig/src/Parser.php:83 {
      Twig\Parser->parse(TokenStream $stream, $test = null, bool $dropNeedle = false): ModuleNode …
      › try {
      ›     $body = $this->subparse($test, $dropNeedle);
      › 
    }
    /var/www/pimcore/vendor/twig/twig/src/Environment.php:490 {
      Twig\Environment->parse(TokenStream $stream): ModuleNode …
      › 
      ›     return $this->parser->parse($stream);
      › }
    }
    /var/www/pimcore/vendor/twig/twig/src/Environment.php:518 {
      Twig\Environment->compileSource(Source $source): string …
      › try {
      ›     return $this->compile($this->parse($this->tokenize($source)));
      › } catch (Error $e) {
    }
    /var/www/pimcore/vendor/twig/twig/src/Environment.php:350 {
      Twig\Environment->loadTemplate(string $cls, string $name, int $index = null): Template …
      › $source = $this->getLoader()->getSourceContext($name);
      › $content = $this->compileSource($source);
      › $this->cache->write($key, $content);
    }
    /var/www/pimcore/vendor/twig/twig/src/Environment.php:312 {
      Twig\Environment->load($name): TemplateWrapper …
      › 
      ›     return new TemplateWrapper($this, $this->loadTemplate($this->getTemplateClass($name), $name));
      › }
    }
    /var/www/pimcore/vendor/twig/twig/src/Environment.php:280 {
      Twig\Environment->render($name, array $context = []): string …
      › {
      ›     return $this->load($name)->render($context);
      › }
    }
    /var/www/pimcore/vendor/symfony/framework-bundle/Controller/AbstractController.php:448 {
      Symfony\Bundle\FrameworkBundle\Controller\AbstractController->doRenderView(string $view, ?string $block, array $parameters, string $method): string …
      › 
      ›     return $this->container->get('twig')->render($view, $parameters);
      › }
    }
    /var/www/pimcore/vendor/symfony/framework-bundle/Controller/AbstractController.php:453 {
      Symfony\Bundle\FrameworkBundle\Controller\AbstractController->doRender(string $view, ?string $block, array $parameters, ?Response $response, string $method): Response …
      › {
      ›     $content = $this->doRenderView($view, $block, $parameters, $method);
      ›     $response ??= new Response();
    }
    /var/www/pimcore/vendor/symfony/framework-bundle/Controller/AbstractController.php:253 {
      Symfony\Bundle\FrameworkBundle\Controller\AbstractController->render(string $view, array $parameters = [], Response $response = null): Response …
      › {
      ›     return $this->doRender($view, null, $parameters, $response, __FUNCTION__);
      › }
    }
    /var/www/pimcore/vendor/pimcore/pimcore/lib/Controller/Controller.php:40 {
      Pimcore\Controller\Controller->render(string $view, array $parameters = [], Response $response = null): Response …
      › 
      ›     return parent::render($view, $parameters, $response);
      › }
    }
    /var/www/pimcore/src/Controller/ContentController.php:259 {
      App\Controller\ContentController->portalAction(Request $request, Translator $translator, LoggerInterface $logger) …
      › 
      › return $this->render('Professional/home-demo-new.html.twig', [
      ›     'isPortal' => true,
    }
    /var/www/pimcore/vendor/symfony/http-kernel/HttpKernel.php:181 {
      Symfony\Component\HttpKernel\HttpKernel->handleRaw(Request $request, int $type = self::MAIN_REQUEST): Response …
      › // call controller
      › $response = $controller(...$arguments);
      › 
    }
    /var/www/pimcore/vendor/symfony/http-kernel/HttpKernel.php:76 {
      Symfony\Component\HttpKernel\HttpKernel->handle(Request $request, int $type = HttpKernelInterface::MAIN_REQUEST, bool $catch = true): Response …
      › try {
      ›     return $response = $this->handleRaw($request, $type);
      › } catch (\Throwable $e) {
    }
    /var/www/pimcore/vendor/symfony/http-kernel/Kernel.php:197 {
      Symfony\Component\HttpKernel\Kernel->handle(Request $request, int $type = HttpKernelInterface::MAIN_REQUEST, bool $catch = true): Response …
      › try {
      ›     return $this->getHttpKernel()->handle($request, $type, $catch);
      › } finally {
    }
    /var/www/pimcore/vendor/symfony/runtime/Runner/Symfony/HttpKernelRunner.php:35 {
      Symfony\Component\Runtime\Runner\Symfony\HttpKernelRunner->run(): int …
      › {
      ›     $response = $this->kernel->handle($this->request);
      › 
    }
    /var/www/pimcore/vendor/autoload_runtime.php:29 {
      require_once …
      ›         ->getRunner($app)
      ›         ->run()
      › );
    }
    /var/www/pimcore/public/index.php:21 {
      › 
      › require_once dirname(__DIR__).'/vendor/autoload_runtime.php';
      › 
      arguments: {
        "/var/www/pimcore/vendor/autoload_runtime.php"
      }
    }
  }
}