<?php
include "config/index.php";
include "layout/header.php";
?>
<div class="preload">
<img src="assets/images/magesty-blonjo.png" width="100%">
</div>
<div class="content2">
<!-- Your content goes here -->
<nav class="navbar navbar-expand-lg navbar-light bg-light p-3 fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="assets/images/navlogo.png" alt="Avatar Logo" style="width:150px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class=" collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ms-auto ">
<li class="nav-item">
<a class="nav-link active mx-2" aria-current="page" href="#">Beranda</a>
</li>
<li class="nav-item">
<a class="nav-link mx-2" href="profil/">Profil</a>
</li>
<li class="nav-item">
<a class="nav-link mx-2" href="regulasi/">Regulasi</a>
</li>
<li class="nav-item">
<a class="nav-link mx-2" href="kontak/">Kontak Kami</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="pt-5">
<!-- Background image -->
<div id="intro-example" class="p-5 text-center mt-3" style="background-image: url('assets/images/hero.png'); background-size: cover !important; background-position:center center !important;background-repeat: no-repeat;">
<div class="mask">
<div class="d-flex justify-content-center align-items-center h-100">
</div>
</div>
</div>
<!-- Background image -->
</header>
<div class="box">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="box-part text-center shadow">
<i class="fas fa-user-plus fa-3x mb-3" aria-hidden="true" style="color: #2AAF88"></i>
<div class="title">
<h4>Daftar Akun</h4>
</div>
<div class="text">
<span>Klik untuk pendaftaran akun Magesty Blonjo</span>
</div>
<button class="btn btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#pendaftaranakun"><i class="fas fa-arrow-right" aria-hidden="true" style="background-color: #2AAF88 !important; color:white; padding:10px 45px; border-radius:13px;"></i></button>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="box-part text-center shadow">
<i class="fas fa-cart-plus fa-3x mb-3" aria-hidden="true" style="color: #2AAF88"></i>
<div class="title">
<h4>Login Marketplace</h4>
</div>
<div class="text">
<span>Klik untuk login ke akun Magesty Blonjo</span>
</div>
<button class="btn btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#loginmarketplace"><i class="fas fa-arrow-right" aria-hidden="true" style="background-color: #2AAF88 !important; color:white; padding:10px 45px; border-radius:13px;"></i></button>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="box-part text-center shadow">
<i class="fas fa-key fa-3x mb-3" aria-hidden="true" style="color: #2AAF88"></i>
<div class="title">
<h4>Lupa Password</h4>
</div>
<div class="text">
<span>Klik untuk menuju halaman lupa password Magesty Blonjo</span>
</div>
<button class="btn btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#lupapassword"><i class="fas fa-arrow-right" aria-hidden="true" style="background-color: #2AAF88 !important; color:white; padding:10px 45px; border-radius:13px;"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid marketplace-section">
<div class="row">
<div class="col-md-6">
<!-- First column content goes here -->
<h3 class="marketplace-title">MARKETPLACE <img src="assets/images/title.png" class="title-png d-none d-md-inline" alt="Image 2"></h3>
<p class="marketplace-desc">
Marketplace yang tergabung dalam Program Magesty Blonjo sebanyak 2 Marketplace
Klik logo marketplace dibawah untuk melihat detail
</p>
<div class="text-left">
<div class="row">
<div class="col-6 mb-2">
<div class="image-overlay">
<img src="assets/images/marketplace2.png" alt="Image 1">
<div class="overlay text-left" id="profil2btn"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 ps-lg-5 ms-auto">
<!-- Second column content goes here -->
<p class="text-center">
<img src="assets/images/bgmarket.png" alt="Image 3" width="70%" >
</p>
</div>
</div>
</div>
</div>
<section class="business-section">
<div class="container">
<div class="auto-container">
<div class="sec-title light pt-4 pb-5 mb-3 d-none d-md-inline">
<h3>KELEBIHAN MAGESTY BLONJO <img src="assets/images/title.png" class="title-png" alt="Image 2"></h3>
</div>
<div class="sec-title light pt-4 pb-5 mb-3 d-inline d-md-none">
<h5 class="text-center">KELEBIHAN MAGESTY BLONJO</h5>
</div>
<div class="inner-container">
<div class="row clearfix">
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="image wow slideInUp animated" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: slideInUp;">
<img src="assets/images/hero2.png" alt="" width="80%">
</div>
</div>
</div>
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="business-block">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-chat-2"></span>
</div>
<div class="content">
<h4>Efisiensi Kerja</h4>
<div class="text2">Efisensi proses kerja dapat dilakukan negosiasi harga secara langsung</div>
</div>
</div>
</div>
<div class="business-block">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-growth"></span>
</div>
<div class="content">
<h4>Pelacakan Pembayaran</h4>
<div class="text2">Pelacakan pembayaran untuk keperluan audit<br> </div>
</div>
</div>
</div>
<div class="business-block">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-management"></span>
</div>
<div class="content">
<h4>Patuh Pajak</h4>
<div class="text2">Kepatuhan terhadap penerapan pajak daerah sehingga pajak daerah menjadi lebih optimal</div>
</div>
</div>
</div>
<div class="business-block">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-united"></span>
</div>
<div class="content">
<h4>Integrasi Bank Jateng</h4>
<div class="text2">Terintegrasi dengan Bank daerah dalam hal ini Bank Jateng</div>
</div>
</div>
</div>
<div class="business-block">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-united"></span>
</div>
<div class="content">
<h4>Perbandingan harga</h4>
<div class="text2">Perbandingan harga antar penyedia lebih mudah</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid marketplace-section">
<div class="row">
<div class="col-md-12">
<!-- First column content goes here -->
<div class="sec-title light pt-4 pb-5 mb-3 d-none d-md-inline">
<h3 class="text-light">TESTIMONI <img src="assets/images/title.png" class="title-png" alt="Image 2"></h3>
</div>
<div class="sec-title light pt-4 pb-5 mb-3 d-inline d-md-none">
<h5 class="text-center text-light">TESTIMONI</h5>
</div>
<div class="text-left pt-4">
<div class="row">
<div id="testimonial-carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6">
<div class="card testimonial-card">
<div class="card-body">
<div class="row">
<div class="col-3 pt-3 d-none d-md-inline">
<div class="profile-pic">
<svg viewBox="0 0 200 200">
<circle cx="100" cy="100" r="80" fill="#c7c7c7"/>
<rect x="70" y="50" width="60" height="100" rx="10" ry="10" fill="#f2f2f2"/>
<circle cx="100" cy="80" r="20" fill="#f2f2f2"/>
</svg>
</div>
</div>
<div class="col-12 col-md-8">
<h5 class="card-title">Fazza Catering</h5>
<p class="card-text">"Pada intinya sistemnya bagus, tp karena kitanya blm paham jd agak ribet๐๐"</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6">
<div class="card testimonial-card">
<div class="card-body">
<div class="row">
<div class="col-3 pt-3 d-none d-md-inline">
<div class="profile-pic">
<svg viewBox="0 0 200 200">
<circle cx="100" cy="100" r="80" fill="#c7c7c7"/>
<rect x="70" y="50" width="60" height="100" rx="10" ry="10" fill="#f2f2f2"/>
<circle cx="100" cy="80" r="20" fill="#f2f2f2"/>
</svg>
</div>
</div>
<div class="col-12 col-md-8">
<h5 class="card-title">Fazza Catering</h5>
<p class="card-text">"Menggunakan Mbizmarket mempermudah dari sistem pembayaran ke penjual, informasi kebutuhan hingga promosi marketing ada semua"</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Add more carousel items as needed -->
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#testimonial-carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#testimonial-carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include "layout/footer.php"
?>