<?php

//////////////////////////////////////////////////////////////
//===========================================================
// pinguzo_theme.php
//===========================================================
// SOFTACULOUS 
// Version : 1.1
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Alons
// Date:       10th Jan 2009
// Time:       21:00 hrs
// Site:       http://www.softaculous.com/ (SOFTACULOUS)
// ----------------------------------------------------------
// Please Read the Terms of use at http://www.softaculous.com
// ----------------------------------------------------------
//===========================================================
// (c)Softaculous Inc.
//===========================================================
//////////////////////////////////////////////////////////////

if(!defined('SOFTACULOUS')){

	die('Hacking Attempt');

}

function pinguzo_theme(){

global $theme, $globals, $user, $l, $error, $done, $info, $report;

softheader(__('$0 - Admin Panel', array(APP)));

if(!empty($done)){
	echo '<div class="alert alert-success text-center"><i class="fas fa-check sai_icons mr-2"></i>
	'.__('Pinguzo is being installed in the background !').'</div>';
}else{

?>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <!-- Google Fonts - Inter -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        /* Custom Styles */
        body {
            font-family: Poppins, 'Inter', sans-serif;
            background-color: #f8f9fa;
        }
		
		a{
			text-decoration:none !important;
		}

        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
        }

        .hero-section {
            background: linear-gradient(45deg, #007bff, #0056b3);
            color: white;
            padding: 100px 0;
            text-align: center;
        }
        
        .hero-section h1 {
            font-weight: 700;
            font-size: 3.5rem;
        }

        .hero-section p {
            font-size: 1.25rem;
            max-width: 600px;
            margin: 20px auto;
        }
        
        .btn-lg {
            padding: 15px 30px;
            font-size: 1.1rem;
            font-weight: 600;
        }

        .section {
            padding: 80px 0;
        }

        .section-title {
            text-align: center;
            margin-bottom: 60px;
            font-weight: 700;
            color: #343a40;
        }
        
        .feature-card {
            background: #ffffff;
            border: none;
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.07);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }

        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        }

        .feature-icon {
            font-size: 3rem;
            color: #007bff;
            margin-bottom: 20px;
        }

        .feature-card h5 {
            font-weight: 600;
            margin-bottom: 15px;
        }

        .pricing-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.07);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        }

        .pricing-card .card-header {
            background-color: #007bff;
            color: white;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            padding: 20px;
        }

        .pricing-card .card-title {
            font-weight: 600;
            margin-bottom: 0;
        }

        .pricing-card .card-body {
            padding: 40px;
        }

        .price {
            font-size: 3.5rem;
            font-weight: 700;
        }

        .price .period {
            font-size: 1rem;
            font-weight: 400;
            color: #6c757d;
        }
        
        .pricing-card ul {
            list-style: none;
            padding: 0;
            margin: 30px 0;
        }

        .pricing-card ul li {
            margin-bottom: 15px;
            color: #495057;
        }
        
        .pricing-card ul li i {
            color: #28a745;
            margin-right: 10px;
        }

        .footer {
            background-color: #343a40;
            color: #adb5bd;
            padding: 40px 0;
        }
        
        .footer a {
            color: #ffffff;
        }
        
        .footer a:hover {
            color: #007bff;
            text-decoration: none;
        }
		
		.pagelayer-row-holder{
			flex: 1 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  display: flex;
		}
		
		.pagelayer-col, .pagelayer-col-holder {
  align-content: flex-start;
}
    </style>

<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top">
	<div class="container">
		<img class="pagelayer-img pagelayer-wp-title-img" src="<?php echo $theme['images'];?>webuzo/pinguzo.png" title="Pinguzo-logo" alt="Pinguzo-logo" width="48"> &nbsp;<a class="navbar-brand text-primary" href="#">Pinguzo</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarNav">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item active">
					<a class="nav-link" href="https://pinguzo.com/?utm_source=softaculous&utm_medium=adminindex" target="_blank">Website</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="https://pinguzo.com/docs/?utm_source=softaculous&utm_medium=adminindex" target="_blank">Docs</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="https://pinguzo.deskuss.com/open.php?topicId=28" target="_blank">Support</a>
				</li>
			</ul>
		</div>
	</div>
</nav>
   
	
	<div pagelayer-id="yhr7431" class="p-yhr7431 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default" style="max-width: 100vw; left: 0px;">
<style pagelayer-style-id="yhr7431">.p-yhr7431 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-yhr7431 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3}
.p-yhr7431 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-yhr7431 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993}
.p-yhr7431 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-yhr7431{background: #cee7ff;padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
</style>

			<div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-full">
<div pagelayer-id="stc3616" class="p-stc3616 pagelayer-col">
<style pagelayer-style-id="stc3616">.p-stc3616 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.pagelayer-row-holder .p-stc3616{width: 50%}
.p-stc3616 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-stc3616{padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px}
@media (max-width: 768px) and (min-width: 601px){.pagelayer-row-holder .p-stc3616{width: 100%}
.p-stc3616{padding-top: 10px; padding-right: 10px; padding-bottom: 50px; padding-left: 10px}
}
@media (max-width: 600px){.pagelayer-row-holder .p-stc3616{width: 100%}
.p-stc3616{padding-top: 10px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px}
}
</style>
				
				
				
<div class="pagelayer-col-holder">
<div pagelayer-id="baq5726" class="p-baq5726 pagelayer-heading" align="left">
<style pagelayer-style-id="baq5726">.p-baq5726{text-align: left;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.p-baq5726 .pagelayer-heading-holder *{color:#3878ff}
.p-baq5726 .pagelayer-heading-holder{color:#3878ff}
</style><div class="pagelayer-heading-holder"><h2>Pinguzo Server Monitoring</h2></div>
	
		</div>
<div pagelayer-id="jch1232" class="p-jch1232 pagelayer-heading" align="left">
<style pagelayer-style-id="jch1232">.p-jch1232{text-align: left;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
</style><div class="pagelayer-heading-holder"><h5>Modern Website & Server Monitoring That Actually Works</h5></div>
	
		</div>
<div pagelayer-id="afm9951" class="p-afm9951 pagelayer-heading" align="left">
<style pagelayer-style-id="afm9951">.p-afm9951{text-align: left}
</style><div class="pagelayer-heading-holder"><p>Pinguzo provides real-time server monitoring, performance analytics, and uptime tracking for your infrastructure. Monitor CPU, memory, disk, network, and services from a single intuitive dashboard. Pinguzo is a premium monitoring solution BUT included for FREE with Softaculous.<br /><br />
Instant Notifications on email, slack, discord, telegram, webhook & more. Stay informed with real-time alerts, performance tracking, and instant downtime notifications — all in one powerful dashboard.
</p>
<a href="https://cp.pinguzo.com/?utm_source=softaculous&utm_medium=adminindex" class="flat-butt btn-lg" target="_blank">Start Monitoring for Free</a>
</div>
	
		</div>
</div></div>
<div pagelayer-id="mkb1919" class="p-mkb1919 pagelayer-col">
<style pagelayer-style-id="mkb1919">.p-mkb1919{align-content: flex-end !important}
.p-mkb1919 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.pagelayer-row-holder .p-mkb1919{width: 50%}
.p-mkb1919 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
@media (max-width: 600px){.p-mkb1919{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
}
</style>
				
				
				
				<div class="pagelayer-col-holder">
<div pagelayer-id="r0e1764" class="p-r0e1764 pagelayer-image">
<style pagelayer-style-id="r0e1764">.p-r0e1764 .pagelayer-image-holder{text-align: center}
.p-r0e1764 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center}
.p-r0e1764 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms}
.p-r0e1764 .pagelayer-image-caption{color: #0986c0}
</style><div class="pagelayer-image-holder pagelayer-anim-par">
			
				<img class="pagelayer-img pagelayer-animation-{{anim_hover}}" style="width: 100%;" src="<?php echo $theme['images'];?>pinguzo-dashboard-dark.png" title="pinguzo-banner" alt="pinguzo-server" srcset="<?php echo $theme['images'];?>pinguzo-dashboard-dark.png, <?php echo $theme['images'];?>pinguzo-dashboard-dark.png 1x, ">
				<br /><br />
			
		</div>
		</div>
</div></div>

<h5 class="mt-2 mb-4 text-center" style="width:100%">
Claim Pinguzo Business plan — free with your Softaculous license until 31st December 2026
</h5>
</div></div>

    <!-- Features Section -->
    <section id="features" class="section">
        <div class="container">
            <h2 class="section-title">Essential Features for Server Monitoring</h2>
            <div class="row">
                <!-- Feature 1: Server Monitoring -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-server"></i></div>
                        <h5>Server Monitoring</h5>
                        <p>Track your server health in real time with deep visibility into system performance and activity.</p>
                    </div>
                </div>
                <!-- Feature 2: Resource Usage -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-microchip"></i></div>
                        <h5>Resource Usage</h5>
                        <p>Monitor CPU, RAM, disk, network, and processes with minute-level precision.</p>
                    </div>
                </div>
                <!-- Feature 3: Website Monitoring -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-globe"></i></div>
                        <h5>Website Monitoring</h5>
                        <p>Monitor websites, APIs, TCP services, DNS, content changes, and latency from a single platform.</p>
                    </div>
                </div>
                <!-- Feature 4: Smart Alerts -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-bell"></i></div>
                        <h5>Smart Alerts</h5>
                        <p>Customizable alerts with multi-location verification to eliminate false positives.</p>
                    </div>
                </div>
                <!-- Feature 5: Notifications -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-comment-dots"></i></div>
                        <h5>Multi-Channel Notifications</h5>
                        <p>Receive instant alerts via Email, Slack, Discord, Telegram, Webhooks, and more.</p>
                    </div>
                </div>
                <!-- Feature 6: SMART Disk Status -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-hdd"></i></div>
                        <h5>SMART Disk Status</h5>
                        <p>Detect potential disk failures early with built-in SMART health monitoring.</p>
                    </div>
                </div>
                <!-- Feature 7: Powerful Metrics -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-chart-bar"></i></div>
                        <h5>Powerful Metrics</h5>
                        <p>Gain actionable insights with detailed performance metrics and intuitive visualizations.</p>
                    </div>
                </div>
                <!-- Feature 8: Export / Import -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-file-import"></i></div>
                        <h5>Export / Import</h5>
                        <p>Easily export and import your monitoring data in JSON or CSV formats.</p>
                    </div>
                </div>
                <!-- Feature 9: Data Retention -->
                <div class="col-md-6 col-lg-4 mb-4">
                    <div class="feature-card">
                        <div class="feature-icon"><i class="fas fa-calendar"></i></div>
                        <h5>60-Day Data Retention</h5>
                        <p>Access detailed historical performance data</p>
                    </div>
                </div>
            </div>
			<div class="row">
				<div class="col-12 text-center mt-3">
					<a href="https://cp.pinguzo.com/?utm_source=softaculous&utm_medium=adminindex" class="flat-butt btn-lg" target="_blank">Start Monitoring for Free</a>
				</div>
			</div>
        </div>
    </section>

    <!-- Bootstrap 4 JS and dependencies -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
	
<?php

}

softfooter();

}
