empower-renewable-website/index.php

<?php
	include_once("includes/header.php");
?>

<main>
    <div id="mainCarousel" class="carousel container slide mt-5 mb-2" data-bs-ride="carousel">
        <div class="carousel-inner">
            <img src="assets/images/banners/banner.jpg" alt="EMPower Renewable Energy Banner" id="mainBanner" class="rounded-4">
        </div>
    </div>
    <div class="container" data-bs-spy="scroll" data-bs-target="#mainNavbar">
        <div id="serviceSection" class="container px-4 py-5" id="featured-3">
            <h2 class="pb-2 border-bottom">About Us</h2>
            <div class="row g-4 py-4 row-cols-1 row-cols-lg-3">
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
                        <i class="bi bi-person-fill"></i>
                    </div>
                    <h3 class="fs-2 text-body-emphasis">ทีมงานมืออาชีพ</h3>
                    <p>เรามีทีมงานมืออาชีพพร้อมด้วยประสบการณ์ในการติดตั้งระบบ Solar Rooftop มามากกว่า 10 ปี พร้อมสำหรับการติดตั้งในสถานที่ต่างๆ</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
                        <i class="bi bi-lightbulb-fill"></i>
                    </div>
                    <h3 class="fs-2 text-body-emphasis">อุปกรณ์คุณภาพ</h3>
                    <p>เราใช้อุปกรณ์เช่น Inverter หรือ แผงโซล่าเซลล์ที่มีประสิทธิภาพสูงในราคาที่ย่อมเยา</p>
                </div>
                <div class="feature col">
                    <div
                        class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
                        <i class="bi bi-calendar-check-fill"></i>
                    </div>
                    <h3 class="fs-2 text-body-emphasis">บริการดูแล</h3>
                    <p>เรามีบริการหลังการติดตั้ง เช่น การติดตั้งระบบ Monitor Software และบริการดูแลระบบและล้างแผงโซล่าเซลล์ 2 ปี - 2 ครั้งใน 1 ปี - พร้อมการรับประกัน 5 ปี</p>
                </div>
            </div>
        </div>

        <div id="gallerySection" class="container px-4 py-4">
            <h2 class="pb-2 border-bottom">Gallery</h2>
            <div class="album">
                <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
                    <?php
                    $photoSet1 = array(
                        array("assets/images/gallery/1.jpg", "1"),
                        array("assets/images/gallery/2.jpg", "2"),
                        array("assets/images/gallery/3.jpg", "3"),
                        array("assets/images/gallery/4.jpg", "4"),
                        array("assets/images/gallery/5.jpg", "5"),
                        array("assets/images/gallery/6.jpg", "6"),
                        array("assets/images/gallery/7.jpg", "7"),
                        array("assets/images/gallery/8.jpg", "8"),
                        array("assets/images/gallery/9.jpg", "9"),
                        array("assets/images/gallery/10.jpg", "10"),
                        array("assets/images/gallery/11.jpg", "11"),
                        array("assets/images/gallery/12.jpg", "12"),
                    );

                    foreach ($photoSet1 as $fileInfo) {
                        $imageSrc = $fileInfo[0];
                        $text = $fileInfo[1];
                        echo "<div class='col'>
                                <div class='card shadow-sm'>
                                    <img src='$imageSrc' class='bd-placeholder-img card-img-top' width='100%' height='270' />
                                </div>
                            </div>";
                    }
                    ?>
                </div>
            </div>
        </div>

        <div id="contactSection" class="container px-4 py-2" id="icon-grid">
            <div class="border-bottom"></div>
            <div class="my-5 text-center">
                <h1 class="display-3 fw-bold">Get In Touch</h1>

                <p class="fs-5">Interested in our work? Let us provide you with our experience in steel fabrication
                    for your next project.</p>

                <div class="row align-items-center justify-content-center">
                    <h2>
                        Tel: <a href="tel:+66866119049">+66-86-611-9049</a> (คุณทวี)
                    </h2>
                    <h2>
                        Tel: <a href="tel:+66935569624">+66-93-556-9624</a> (คุณฝน)
                    </h2>

                    <div id="socialMediaSection" class="grid gap-0 column-gap-3 justify-content-center">
                        <a href="https://web.facebook.com/emprenewableth" class="icon-link link-body-emphasis">
                            <i class="fs-3 bi bi-facebook"></i>
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</main>

<?php
	include_once("includes/footer.php");
?>