<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.shape.Circle?>

<StackPane xmlns:fx="http://javafx.com/fxml" fx:controller="org.to.telegramfinalproject.UI.IntroController">
    <VBox fx:id="rootVBox" alignment="CENTER" spacing="15">
        <padding>
            <Insets top="40" right="40" bottom="40" left="40"/>
        </padding>

        <StackPane fx:id="imagePane" maxWidth="400" maxHeight="250" VBox.vgrow="NEVER" />

        <Label fx:id="caption"
               style="-fx-font-size: 16px; -fx-text-alignment: center;"
               wrapText="true"
               maxWidth="600"
               alignment="CENTER" />

        <HBox fx:id="dotContainer" spacing="10" alignment="CENTER" />

        <Button fx:id="startButton"
                text="Start Messaging"
                onAction="#handleStartMessaging"
                style="-fx-background-color: #2AABEE; -fx-text-fill: white; -fx-font-weight: bold;"
                maxWidth="200"
                minHeight="40" />
    </VBox>
</StackPane>
