@extends('Layouts.app')
@section('_Titlepage','Obtain')
@section('_obtainpage','active')
@section('_content')
    <link rel="stylesheet" href="../../assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../../assets/css/obtain.css">
    <div class="container-fluid bg-white-style-1 px-0">
        <div class="row justify-content-center">
            <div class="unnamed-bg-style-34">
                <div class="container-xl position-relative">
                    <div class="row">
                        <div class="col-12 pt-style-9">
                            <div class="unnamed-character-style-50">{{ __('obtain.where can you') }}</div>
                            <div class="unnamed-character-style-51">
                                {{ __('obtain.OBTAIN') }}
                                <img src="{{ asset('/images/background/Group 6931.png') }}" alt="gold bar"
                                                    class="logo-gold-bar-2">
                            </div>
                            <div class="unnamed-character-style-50">{{ __('obtain.GOGO?') }}</div>
                            <div class="unnamed-character-style-56">{{ __('obtain.Start by applying') }}</div>

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

            </div>
            <div class="unnamed-bg-style-37">
                <div class="">
                    <div class="unnamed-bg-style-35 d-ruby justify-content-center">
                        <div class="d-flex justify-content-center w-style-1 pb-style-2">
                            <div class="unnamed-character-style-52">{{ __('obtain.How do I') }} &nbsp;</div>
                            <div class="unnamed-character-style-53">{{ __('obtain.OBTAIN') }} &nbsp;</div>
                            <div class="unnamed-character-style-52">{{ __('obtain.Gogo?') }} &nbsp;</div>
                        </div>
                        <img src="{{ asset('/images/background/Group 6931.png') }}" alt="gold bar"
                                                    class="logo-gold-bar-2">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid bg-white-style-1 px-0">
        <div class="row justify-content-center">
            <div class="unnamed-bg-style-38 d-flex justify-content-center">
                <div class="unnamed-bg-style-40">
                    <div class="d-flex justify-content-end">
                        <div class="unnamed-bg-style-36">
                            <div class="unnamed-character-style-54">
                                {{ __('obtain.what are the') }}
                                <span class="unnamed-character-style-55">
                                    {{ __('obtain.steps?') }}
                                </span>
                            </div>
                            <div class="unnamed-character-style-57">{{ __('obtain.Those who are') }}</div>
                        </div>
                        <div class="unnamed-bg-style-39"></div>
                    </div>
                </div>
            </div>
            <div class="container-xl">
                <div class="row justify-content-center">
                    <div class="unnamed-bg-style-41">
                        <div class="h-style-3">
                            <div class="li-line-style-3">
                                <div class="header active">
                                    <div>01</div>
                                    <div class="underline">{{ __('obtain.Sign up')}}</div>
                                </div>
                            </div>
                            <div class="li-line-style-3 run">
                                <div class="header run active">
                                    <div>02</div>
                                    <div class="underlinehide">{{ __('obtain.Access Tradina')}}</div>
                                </div>
                            </div>
                            <div class="li-line-style-3 run2">
                                <div class="header run2 active">
                                    <div>03</div>
                                    <div class="underlinehide">{{ __('obtain.Select Cryptocurrency')}}</div>
                                </div>
                            </div>
                            <div class="li-line-style-3 run3">
                                <div class="header run3 active">
                                    <div>04</div>
                                    <div class="underlinehide">{{ __('obtain.Sign up')}}</div>
                                </div>
                            </div>
                            <div class="li-line-style-3 run4">
                                <div class="header run4 active">
                                    <div>05</div>
                                    <div class="underlinehide">{{ __('obtain.Review and Confirm')}}</div>
                                </div>
                            </div>

                        </div>
                        <div class="position-relative">
                            <swiper-container class="mySwiper" pagination="true" pagination-clickable="true" direction="vertical"
                                space-between="30" mousewheel="true">
                                <swiper-slide>
                                    <div class="d-flex align-items-center">
                                        <div class="me-style-1">
                                            <div class="unnamed-character-style-58">01</div>
                                            <div class="unnamed-character-style-59">{{ __('obtain.Sign up') }}</div>
                                            <div class="unnamed-character-style-60">{{ __('obtain.Begin by cresting') }}</div>
                                        </div>
                                        <div>
                                            <img src="{{ asset('/images/background/Group 7341 - 01.png')}}" alt="image sign up"
                                            class="logo-slide-1">
                                        </div>
                                    </div>
                                </swiper-slide>
                                <swiper-slide>
                                    <div class="d-flex align-items-center">
                                        <div class="me-style-1">
                                            <div class="unnamed-character-style-58">02</div>
                                            <div class="unnamed-character-style-59">{{ __('obtain.Sign up') }}</div>
                                            <div class="unnamed-character-style-60">{{ __('obtain.Begin by cresting') }}</div>
                                        </div>
                                        <div>
                                            <img src="{{ asset('/images/background/Group 7341 - 02.png')}}" alt="image sign up"
                                            class="logo-slide-1">
                                        </div>
                                    </div>
                                </swiper-slide>
                                <swiper-slide>
                                    <div class="d-flex align-items-center">
                                        <div class="me-style-1">
                                            <div class="unnamed-character-style-58">03</div>
                                            <div class="unnamed-character-style-59">{{ __('obtain.Trading') }}</div>
                                            <div class="unnamed-character-style-60">{{ __('obtain.Begin by cresting') }}</div>
                                        </div>
                                        <div>
                                            <img src="{{ asset('/images/background/Group 7341 - 03.png')}}" alt="image sign up"
                                            class="logo-slide-1">
                                        </div>
                                    </div>
                                </swiper-slide>

                            </swiper-container>
                        </div>
                    </div>

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

    </div>

    <div class="container-fluid bg-white-style-1 px-0">
        <div class="row justify-content-center">
            <div class="unnamed-bg-style-42">
                <div class="container-xl container-xxl-style-1 position-relative">
                    <img src="{{asset('/images/background/Screenshot 2566-12-20 at 10.40.40.png')}}" alt="img coin"
                    class="logo-img-style-2">
                    <div class="ms-auto w-style-2 pt-style-10">
                        <img src="{{ asset('/images/background/Group 6931.png') }}" alt="gold bar"
                                                    class="logo-gold-bar-2">
                        <div class="unnamed-character-style-61">
                            {{ __('obtain.YOU BUY GOLD') }}
                            <span class="unnamed-character-style-62">{{ __('obtain.GOLD') }}</span>
                            {{ __('obtain.TO DIVERSIFY') }}
                        </div>
                        <div class="unnamed-character-style-63">
                            {{ __('obtain.WHEN MARKETS ARE') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
    <script src="../../assets/js/swiper-bundle.min.js"></script>
    <script src="../../assets/js/obtain.js"></script>
@endsection