Membuat relative layout bertema menu gojek

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FFFFFF"
        tools:context=".MainActivity">

        <!-- Header / AppBar -->

        <!-- Blue balance card -->
        <LinearLayout
            android:id="@+id/header"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:paddingStart="12dp"
            android:paddingEnd="12dp">

            <ImageView
                android:id="@+id/logo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="logo"
                android:src="#FBB165" />

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:visibility="gone" />

            <ImageView
                android:id="@+id/logo_profile"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:layout_marginRight="8dp"
                android:layout_toRightOf="@id/profile"
                android:contentDescription="profile"
                android:src="@drawable/gojek" />

            <ImageView
                android:id="@+id/profile"
                android:layout_width="120dp"
                android:layout_height="40dp"
                android:contentDescription="profile"

                android:src="@drawable/text" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/balance_card"
            android:layout_width="match_parent"
            android:layout_height="120dp"
            android:layout_below="@id/header"
            android:layout_margin="12dp"
            android:orientation="vertical"
            android:padding="12dp"
            android:background="#BF0006">

            <!-- top row of card: saldo + icon -->

            <!-- buttons row -->
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@+id/tv_saldo"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="GO-PAY"
                    android:textSize="14sp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/tv_amount"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:text="Rp100.000.000.000"
                    android:textSize="18sp"

                    android:textStyle="bold" />
            </RelativeLayout>

            <LinearLayout
                android:id="@+id/balance_buttons"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginTop="12dp"
                android:weightSum="4">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical"
                    android:gravity="center"
                    android:clickable="true"
                    android:focusable="true"
                    android:onClick="onTransferClick">

                    <ImageView
                        android:layout_width="28dp"
                        android:layout_height="28dp"
                        android:src="@drawable/tr" />
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="transfer"

                        android:textSize="14sp"/>
                </LinearLayout>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical"
                    android:gravity="center"
                    android:clickable="true"
                    android:onClick="onScanClick">
                    <ImageView android:layout_width="28dp" android:layout_height="28dp" android:src="@drawable/sc"/>
                    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Scan QR"  android:textSize="14sp"/>
                </LinearLayout>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical"
                    android:gravity="center"
                    android:clickable="true"
                    android:onClick="onTopUpClick">
                    <ImageView android:layout_width="28dp" android:layout_height="28dp" android:src="@drawable/is"/>
                    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Isi Saldo"  android:textSize="14sp"/>
                </LinearLayout>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:orientation="vertical"
                    android:gravity="center"
                    android:clickable="true"
                    android:onClick="onHomeClick">
                    <ImageView android:layout_width="28dp" android:layout_height="28dp" android:src="@drawable/home"/>
                    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Beranda"  android:textSize="14sp"/>
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>

        <!-- Services grid -->
        <GridLayout
            android:id="@+id/services_grid"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/balance_card"
            android:rowCount="2"
            android:columnCount="4"
            android:paddingStart="12dp"
            android:paddingEnd="12dp"
            android:layout_marginTop="4dp">

            <!-- 8 service items (icon + label). Duplicate / edit as needed -->
            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="0" android:layout_column="0" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="GO-FOOD">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/gf"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="GO-FOOD" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_row="0"
                android:layout_column="1"
                android:layout_columnWeight="1"
                android:gravity="center"
                android:orientation="vertical"
                android:padding="8dp"
                android:tag="GO-RIDE">

                <ImageView
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:src="@drawable/gr" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="6dp"
                    android:text="GO-RIDE"
                    android:textSize="15sp" />
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="0" android:layout_column="2" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="GO-CAR">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/gc"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="GO-CAR" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="0" android:layout_column="3" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="GO-POINTS">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/poin"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="GO-POINTS" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>

            <!-- second row -->
            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="1" android:layout_column="0" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="PULSA">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/pulsa"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="GO-PULSA" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="1" android:layout_column="1" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="BILLS">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/bill"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="GO-BILLS" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="1" android:layout_column="2" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="SEND">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/sen"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="GO-SEND" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
                android:layout_row="1" android:layout_column="3" android:layout_columnWeight="1"
                android:orientation="vertical" android:gravity="center" android:padding="8dp"
                android:onClick="onServiceClick" android:tag="LAINNYA">
                <ImageView android:layout_width="40dp" android:layout_height="40dp" android:src="@drawable/la"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="LAINNYA" android:textSize="15sp" android:layout_marginTop="6dp"/>
            </LinearLayout>
        </GridLayout>

        <!-- Horizontal promo / images (simple) -->

        <!-- Main content placeholder (below promo) -->

        <!-- Bottom navigation bar -->
        <HorizontalScrollView
            android:id="@+id/promo_scroll"
            android:layout_width="match_parent"
            android:layout_height="120dp"
            android:layout_below="@id/services_grid"
            android:layout_marginTop="43dp"
            android:paddingStart="12dp"
            android:paddingEnd="12dp"
            android:scrollbars="none">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="240dp"
                    android:layout_height="match_parent"
                    android:layout_marginEnd="8dp"
                    android:scaleType="centerCrop"
                    android:src="@drawable/menuramadan" />

                <ImageView
                    android:layout_width="240dp"
                    android:layout_height="match_parent"
                    android:layout_marginEnd="8dp"
                    android:scaleType="centerCrop"
                    android:src="@drawable/promo" />

                <ImageView
                    android:layout_width="240dp"
                    android:layout_height="match_parent"
                    android:scaleType="centerCrop"
                    android:src="@drawable/ll" />
            </LinearLayout>
        </HorizontalScrollView>

        <TextView
            android:id="@+id/section_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/promo_scroll"
            android:layout_marginStart="16dp"
            android:layout_marginTop="-148dp"
            android:text="Jajanan Paling Hits"
            android:textSize="16sp"
            android:textStyle="bold" />

        <LinearLayout
            android:id="@+id/bottom_nav"
            android:layout_width="match_parent"
            android:layout_height="64dp"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal"
            android:background="#F7F7F7"
            android:padding="8dp"
            android:gravity="center">

            <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" android:onClick="onBottomNavClick" android:tag="Beranda">

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="21dp"
                    android:src="@drawable/home" />
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Beranda" android:textSize="10sp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" android:onClick="onBottomNavClick" android:tag="Pesanan">
                <ImageView android:layout_width="24dp" android:layout_height="24dp" android:src="@drawable/pesanan"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Pesanan" android:textSize="12sp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" android:onClick="onBottomNavClick" android:tag="Diskon">
                <ImageView android:layout_width="24dp" android:layout_height="24dp" android:src="@drawable/inbox"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Inbox" android:textSize="12sp"/>
            </LinearLayout>

            <LinearLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" android:orientation="vertical" android:onClick="onBottomNavClick" android:tag="Inbox">
                <ImageView android:layout_width="24dp" android:layout_height="24dp" android:src="@drawable/akun"/>
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Akun" android:textSize="12sp"/>
            </LinearLayout>
        </LinearLayout>

    </RelativeLayout>

</RelativeLayout>