<?php
$UniqueSession = false;
require("../Hidden/Security/StartSession.php");
?>
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>halbear.net</title>
    <meta name="description" content="Official Website of Halbear Networking & Software Ltd">
    <meta name="keywords" content="Software, Games, Gaming, Halbear.Net, Halbear, Iron Horse Game Development, Iron Horse, Plane Building, Lost Contact, War Horse, Iostiler, Expedition Emberleaf">
    <link rel="stylesheet"href="StyleSheets/MainStyle.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Boldonse&family=DotGothic16&family=Lexend:wght@600&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Coral+Pixels&family=Jost:ital,wght@0,100..900;1,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
</head>
<body>
<?php
$Page = "home";
require_once("Hotbar.php");
?>
<div style="width: 100vw; height: 100vh;" onload="ChangeImg();">
    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
        <a class="Title" >
            Welcome to Halbear.Net!
        </a>
    </div>
    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 45vw; height: 34vh; flex-direction: row;">
        <div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
            <a class="LargeWhiteFont" style="padding: 2vh; font-size: 4vh; text-align: center;">
                Halbear Networking & Software Ltd is a Software Developer based in Wales who specialises in Game Engine Development!<br><br>
            </a>
            <button class="HotbarButton" style="width: 80%; height:10vh; transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
        </div>
    </div>
    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 63vh; width: 45vw; height: 24vh; flex-direction: row;">
        <div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
            <a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
                this webiste is a landing page to make the important stuff easy to access, here are some shortcuts: <br><br>
            </a>
            <div style="display: flex; flex-direction: row; justify-content: space-evenly; width: 100%">
                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../store.php'">Store</button>
                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../ForumWindow.php?desktop=true&fullscreen=true'">Forums</button>
                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Software.php'">Software</button>
                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
            </div>
        </div>
    </div>
    <div class="TerrainGenBG" id="TerrainGen" style="position: absolute; top:26vh; height: auto; width: 50vw; aspect-ratio: 1.84; left: 50vw;">

    </div>
</div>
<div tabindex="0" style="width: 100vw; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: translateY(3vh);" class="Title">What we offer:</div>
<div tabindex="0" class="LandingWrapper">
    <button class="ContentContainer SoftDev" onclick="window.location.href='https://ironhorse.games/'">
        <div class="LargeWhiteFont">Software Development</div>
        <div class="ContentImage" style="display: flex; flex-direction: column;" >
            <img src="Assets/ihgd.png" style="width: 100%; height: auto;">
            <div class="LargeWhiteFont">Iron Horse Software is a division of Halbear.Net dedicated as a software and game developer.</div>
        </div>
    </button>
    <button class="ContentContainer SoftPub" style="display: flex; flex-direction: column; justify-content: center; align-content: center;">
        <div class="LargeWhiteFont">Software Publishing</div>
        <div class="ContentImage" style="margin-top: 5%; display: flex; flex-direction: column; align-items: center;" >
            <img src="Assets/Logo.png" style="width: 50%; height: auto;">
            <div class="LargeWhiteFont">Halbear Networking & Software Ltd publishes digital media such as video games and software.</div>
        </div>
    </button>
    <button class="ContentContainer DigitalStore">
        <div class="LargeWhiteFont">Digital Store</div>
        <div class="ContentImage" style=" display: flex; flex-direction: column; align-items: center;">
            <img src="Assets/Logo.png" style="width: 50%; height: auto;">
            <div class="LargeWhiteFont">Halbear.Net hosts a digital storefront that allows both first party and user created third party software to be published and sold on the Halbear.Net platform.</div>
        </div>
    </button>
    <button class="ContentContainer ContentCreation" onclick="window.location.href='https://halbear.studio/'">
        <div class="LargeWhiteFont">Asset Creation</div>
        <div class="ContentImage"style=" display: flex; flex-direction: column; align-items: center;" >
            <img src="Assets/Logo.png" style="width: 50%; height: auto;">
            <div class="LargeWhiteFont"style="margin-top: 0vh;">Halbear.net has 3D artists who are familiar with Blockbench, Blender, Unreal Engine, Roblox Studio and more, we offer 3D digital asset creation as a service.</div>
        </div>
    </button>
</div>
<div class="halbearnetFooter">
    <div class="FooterContainer">
        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
    </div>
    <div class="FooterContainer">
        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a>
        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a>
        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
    </div>
</div>
<div class="BackgroundFade" style="height: 220vh;"></div>
<script>
    var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
    var index = 0;
    function ChangeImg(){
        document.getElementById("TerrainGen").style.backgroundImage = 'url("'+Images[index]+'")';
        index++;
        if(index >= 3) index = 0;
        SetTimeoutChangeImg();
    }
    function SetTimeoutChangeImg() {
        setTimeout(ChangeImg, 12000);
    }
    ChangeImg();

</script>
</body>
</html>