9fddd43a2c
- Created a new Contact Page template with a contact form and information section. - Developed a Home Page template featuring a hero section, core capabilities, and pricing details. - Introduced a Services Page template outlining core services and industry solutions. - Added a default page template for standard pages without a custom template. - Implemented a single post template for displaying individual blog posts. - Created a style.css file for theme metadata and styling.
265 lines
16 KiB
PHP
265 lines
16 KiB
PHP
<?php
|
|
/**
|
|
* Template Name: Services Page
|
|
*/
|
|
get_header();
|
|
?>
|
|
|
|
<div class="page-header-light"></div>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
PAGE HERO
|
|
════════════════════════════════════════════════════════════════ -->
|
|
<section class="page-hero">
|
|
<div class="container">
|
|
<?php
|
|
$id = get_the_ID();
|
|
$pg_title = ots_meta( $id, 'hero_title', 'Services & Solutions' );
|
|
$pg_sub = ots_meta( $id, 'hero_description', 'From content creation to cloud management to live data integrations — we deliver everything you need for a complete digital signage deployment.' );
|
|
?>
|
|
<span class="section-label" style="color:var(--color-accent);display:block;margin-bottom:.75rem;">What We Do</span>
|
|
<h1><?php echo wp_kses_post( $pg_title ); ?></h1>
|
|
<p class="lead"><?php echo wp_kses_post( $pg_sub ); ?></p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
CORE SERVICES
|
|
════════════════════════════════════════════════════════════════ -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<?php
|
|
$svc_h = ots_meta( $id, 'services_heading', 'The Complete Package for Engaging Digital Signage' );
|
|
$svc_sub = ots_meta( $id, 'services_subheading', 'Every service we offer is designed to make your digital signage as impactful, reliable, and easy to manage as possible.' );
|
|
?>
|
|
<div class="section-header">
|
|
<span class="section-label">Core Services</span>
|
|
<h2><?php echo esc_html( $svc_h ); ?></h2>
|
|
<p class="lead"><?php echo wp_kses_post( $svc_sub ); ?></p>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="platform-row">
|
|
<div class="platform-text">
|
|
<span class="section-label">Content Creation</span>
|
|
<h3>Showcase Your Products</h3>
|
|
<p>High-quality visuals make all the difference. We offer professional photography and video production services to showcase your products, services, or environment. We ensure your content looks polished and engaging — because great signage starts with great content.</p>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-outline mt-3">Get a Quote</a>
|
|
</div>
|
|
<div class="platform-visual">📷</div>
|
|
</div>
|
|
|
|
<div class="platform-row reverse">
|
|
<div class="platform-text">
|
|
<span class="section-label">Data Integration</span>
|
|
<h3>Live Data Integrations</h3>
|
|
<p>Integrate your existing web dashboards and real-time data with our platform to bring your most important information to life on digital signage. We make it easy to display up-to-the-minute data and insights — stock prices, KPIs, queue lengths, weather, and more.</p>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-outline mt-3">Learn More</a>
|
|
</div>
|
|
<div class="platform-visual">📊</div>
|
|
</div>
|
|
|
|
<div class="platform-row">
|
|
<div class="platform-text">
|
|
<span class="section-label">Food & Beverage</span>
|
|
<h3>Digital Menu Boards</h3>
|
|
<p>Make your menu as appealing as your product. We incorporate your branding and include high-quality photography to showcase your product in the most enticing way possible. Update menu items, prices, and specials instantly from our cloud CMS — no reprinting required.</p>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-outline mt-3">See Examples</a>
|
|
</div>
|
|
<div class="platform-visual">🍽</div>
|
|
</div>
|
|
|
|
<div class="platform-row reverse">
|
|
<div class="platform-text">
|
|
<span class="section-label">Reliability</span>
|
|
<h3>Offline Playback Support</h3>
|
|
<p>Our intelligent player devices are engineered to keep your message on screen, even when the internet isn't available. So you can rely on them in locations where connecting to the internet is difficult or impossible. Content keeps playing, always.</p>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-outline mt-3">View Devices</a>
|
|
</div>
|
|
<div class="platform-visual">🔋</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
INDUSTRIES
|
|
════════════════════════════════════════════════════════════════ -->
|
|
<section class="section section-alt">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Industries</span>
|
|
<h2>Solutions for Every Industry</h2>
|
|
<p class="lead">We understand that every industry has different communication needs. Our platform is flexible enough to serve them all.</p>
|
|
</div>
|
|
|
|
<div class="service-industry-grid">
|
|
<div class="service-industry-card" id="hospitality">
|
|
<div class="industry-icon">🏦</div>
|
|
<h3>Hospitality</h3>
|
|
<p>Showcase menus, promotions, and special events while guiding guests through lobbies, restaurants, and bars. Create a memorable first impression with polished, dynamic signage throughout your venue.</p>
|
|
</div>
|
|
|
|
<div class="service-industry-card" id="retail">
|
|
<div class="industry-icon">🛍</div>
|
|
<h3>Retail</h3>
|
|
<p>Drive product upsells, announce flash-sales, and offer in-store navigation with fresh, eye-catching displays. Update content instantly in response to stock levels, seasonal campaigns, or breaking promotions.</p>
|
|
</div>
|
|
|
|
<div class="service-industry-card" id="outdoor-marketplace">
|
|
<div class="industry-icon">🌃</div>
|
|
<h3>Outdoor Marketplace</h3>
|
|
<p>Whether it's a weekly farmers market or seasonal fairs, digital signage adds a modern, professional touch without losing the charm of the market experience. Perfect for weather-resilient, portable signage solutions.</p>
|
|
</div>
|
|
|
|
<div class="service-industry-card" id="corporate">
|
|
<div class="industry-icon">🏢</div>
|
|
<h3>Corporate Office</h3>
|
|
<p>Enhance your meeting experience with Teams-integrated meeting room displays. Communicate meeting schedules, company news, and employee alerts with live dashboards and internal communication screens.</p>
|
|
</div>
|
|
|
|
<div class="service-industry-card" id="live-data">
|
|
<div class="industry-icon">🔴</div>
|
|
<h3>Live Data Displays</h3>
|
|
<p>Connect your existing web dashboards and real-time data to our platform for customized digital signage. We bring your key metrics and insights to life in real-time — ideal for trading floors, operations centres, and control rooms.</p>
|
|
</div>
|
|
|
|
<div class="service-industry-card" id="education">
|
|
<div class="industry-icon">🏫</div>
|
|
<h3>Education</h3>
|
|
<p>Broadcast class schedules, announcements, and interactive learning content in campuses and auditoriums. Keep students and staff informed with centrally managed screens across your entire campus.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
PLATFORM FEATURES
|
|
════════════════════════════════════════════════════════════════ -->
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Platform Features</span>
|
|
<h2>Built-In Features Included with Every Plan</h2>
|
|
<p class="lead">Every OTS Signs subscription comes loaded with powerful features to help you manage, schedule, and optimize your content.</p>
|
|
</div>
|
|
|
|
<div class="grid-4">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📅</div>
|
|
<h3>Content Scheduling</h3>
|
|
<p>Schedule content to play at specific times, or daypart your messaging to show the right content at the right time of day.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📊</div>
|
|
<h3>Live Data Feeds</h3>
|
|
<p>Connect any web-accessible data source to your signage for automated, real-time content updates without manual intervention.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">👥</div>
|
|
<h3>Unlimited Users</h3>
|
|
<p>Invite your whole team. Every plan includes unlimited user seats so everyone who needs access can contribute.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">⚡</div>
|
|
<h3>Instant Publishing</h3>
|
|
<p>Publish content to your signs in minutes. No complex deployments, no waiting — changes appear on screen immediately.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🔋</div>
|
|
<h3>Offline Playback</h3>
|
|
<p>Intelligent caching means your screens never go dark, even during internet outages or in connectivity-limited locations.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">🔒</div>
|
|
<h3>Enterprise Security</h3>
|
|
<p>Role-based access control, encrypted connections, and enterprise-grade infrastructure keep your content and data safe.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">💻</div>
|
|
<h3>Cloud Management</h3>
|
|
<p>Manage your entire network of screens from any browser on any device — no software installation required.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">📺</div>
|
|
<h3>Any Screen</h3>
|
|
<p>Works with any HDMI-compatible display. Transition existing screens into smart signage with our compact player devices.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
PRICING
|
|
════════════════════════════════════════════════════════════════ -->
|
|
<section class="section section-alt" id="pricing">
|
|
<div class="container">
|
|
<?php
|
|
$price_h = ots_meta( $id, 'pricing_heading', 'Affordable Solutions, Scalable Options' );
|
|
$price_sub = ots_meta( $id, 'pricing_subheading', 'Simple, transparent pricing with no hidden fees. Choose the plan that fits your business size.' );
|
|
?>
|
|
<div class="section-header">
|
|
<span class="section-label">Pricing</span>
|
|
<h2><?php echo esc_html( $price_h ); ?></h2>
|
|
<p class="lead"><?php echo wp_kses_post( $price_sub ); ?></p>
|
|
</div>
|
|
|
|
<div class="pricing-grid">
|
|
<div class="pricing-card">
|
|
<div class="pricing-name">Essentials</div>
|
|
<div class="pricing-price">
|
|
<div class="pricing-amount"><sup>$</sup>7</div>
|
|
<div class="pricing-per">per screen / month — or $70 / screen annually</div>
|
|
</div>
|
|
<ul class="pricing-features">
|
|
<li><span class="pricing-check">✓</span> Up to 20 screens</li>
|
|
<li><span class="pricing-check">✓</span> Content scheduling & day-parting</li>
|
|
<li><span class="pricing-check">✓</span> Live data integrations</li>
|
|
<li><span class="pricing-check">✓</span> Unlimited user seats</li>
|
|
<li><span class="pricing-check">✓</span> Custom subdomain</li>
|
|
<li><span class="pricing-check">✓</span> Shared CMS server</li>
|
|
</ul>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-outline" style="width:100%;justify-content:center;">Get Started</a>
|
|
</div>
|
|
|
|
<div class="pricing-card featured">
|
|
<div class="pricing-badge">Enterprise</div>
|
|
<div class="pricing-name">Pro</div>
|
|
<div class="pricing-price">
|
|
<div class="pricing-amount" style="font-size:1.75rem;">Contact Us</div>
|
|
<div class="pricing-per">Custom pricing for your scale</div>
|
|
</div>
|
|
<ul class="pricing-features">
|
|
<li><span class="pricing-check">✓</span> 500+ screens</li>
|
|
<li><span class="pricing-check">✓</span> Content scheduling & day-parting</li>
|
|
<li><span class="pricing-check">✓</span> Custom live data integrations</li>
|
|
<li><span class="pricing-check">✓</span> Unlimited user seats</li>
|
|
<li><span class="pricing-check">✓</span> Custom domain</li>
|
|
<li><span class="pricing-check">✓</span> Dedicated CMS server</li>
|
|
</ul>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-primary" style="width:100%;justify-content:center;">Contact Sales</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
CTA
|
|
════════════════════════════════════════════════════════════════ -->
|
|
<section class="cta-banner">
|
|
<div class="container">
|
|
<?php
|
|
$cta_h = ots_meta( $id, 'cta_heading', 'Want to See How Our Platform Works?' );
|
|
$cta_txt = ots_meta( $id, 'cta_description', 'Request access to our demo instance and explore the OTS Signs platform hands-on.' );
|
|
?>
|
|
<h2><?php echo esc_html( $cta_h ); ?></h2>
|
|
<p><?php echo wp_kses_post( $cta_txt ); ?></p>
|
|
<div class="btn-group" style="justify-content:center;">
|
|
<a href="https://demo.ots-signs.com" target="_blank" rel="noopener" class="btn btn-lg" style="background:#fff;color:var(--color-primary);">Request Demo Access</a>
|
|
<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>" class="btn btn-ghost btn-lg">Talk to Sales</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php get_footer(); ?>
|