Initial Commit

2026-05-18 14:46:25 +02:00
1 parent 4f495177e4
commit b6d2142214
@@ -0,0 +1,79 @@
+<f:layout name="Default" />
+<f:debug>{_all}</f:debug>
+<f:section name="main">
+    
+
+
+
+
+
+<f:for each="{usecases}" as="u"> 
+    <f:link.action pageUid="{u.singlepid}" >
+        <h4>{u.title}</h4>-
+    </f:link.action>
+    <f:for each="{u.categories}" as="category">
+        <span class="badge badge-primary ">{category.class}</span>
+    </f:for>
+    <f:if condition="{u.caseimage}">
+        <img src="{u.caseimage.originalResource.publicUrl}" alt="{u.title}" class="img-fluid" />
+    </f:if>
+</f:for>
+
+<hr /><hr /><hr /><hr />
+    <section>USECASE Selector here</section>
+    
+    <f:for each="{usecases}" as="u">
+        <f:variable name="categories" value="{u.categories}" />
+        <div class="categories">
+            <h6>Categories:</h6>
+            <f:for each="{categories}" as="category">
+                <span class="badge badge-primary ">{category.title}</span>
+            </f:for>
+        </div>
+        <div class="tx-vitec-card card success-card">
+            <div class="row card-header">
+                <div class="col col-11">
+                    <h5 class="card-title">{u.title}</h5>
+                </div>
+                <div class="col col-1 col-btn">
+                    <a class="btn btn-circle"><i class="fas fa-ellipsis-v"></i></a>
+                </div>
+            </div>
+            <!-- ------------------------------------------------------ Card Front -->
+             <div class="card-front">
+                <div class="card-image" style="background-image: url('/fileadmin/_processed_/c/5/csm_IMG_2466_0f9c160cb8.jpg') ; "></div>
+                <div class="w-50 img-thumbnail customer-logo ml-auto mr-auto  p-3">
+                    <div class="content">
+                        <f:if condition="{u.caseimage}">
+                            {u.caseimage}
+                        </f:if>
+                    </div>
+                </div>
+                <div class="card-body">
+                    <div class="card-text">
+                        <f:format.html>{u.teaser}</f:format.html>
+                    </div>
+                    <div class="card-text full-text d-none">
+                        <p>VITEC’s IPTV and digital signage solution transformed the CO'Met Arena in Orléans, enhancing visitor engagement with dynamic content across 200 screens. The innovative system ensures efficient content management, live event streaming, and an exceptional visual experience in multiple event spaces.</p>
+                    </div>
+                    <a href="/success-stories/comet-arena" target="_self" class="w-100 btn btn-secondary">
+                        Learn More
+                    </a>
+                </div>
+            </div>
+            <!-- ------------------------------------------------------ Card Back -->
+             <div class="card-back">
+                <div class="card-back-image" style="background-image: url('/fileadmin/_processed_/e/5/csm_IMG_2469_e757124696.jpg') ; "></div>
+                <div class="card-back-body">
+                    <div class="card-back-text">
+                        <h6><strong>Atlanta Hawks</strong></h6
+                            ><p>“VITEC has enabled us to create a dynamic and customised visual experience for visitors to the various event spaces while also creating an efficient and simple content management and delivery operation."</p><p><strong>Fabrice Leguay</strong><br> Manganelli Technology</p>
+                        </div>
+                        <a href="/success-stories/comet-arena" target="_self" class="btn btn-white w-100">
+                            Learn More
+                        </a>
+                    </div>
+                </div>
+            </div>
+    </f:for>
+</f:section>