@extends('website.layout')
@section('title', 'Index')
@section('content')

    <section class="hero">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1 class="heading">Discover Your True Trading Potential</h1>
                    <p class="desc">
                        Trading the forex market can be daunting as you must consider many
                        factors and make quick decisions. That is where FBFX comes into
                        play. We offer signals, tools, institutional research, market
                        insights, and reviews to help you stay ahead of the crowd.
                    </p>
                </div>
            </div>
        </div>
        <div class="postsWrapper">
            @foreach ($response['posts'] as $post)
                <a href="{{ url("/post-detail/{$post->slug}") }}" class="blogCard"
                    style="background-image: url('{{ $post->logo }}')">
                    <div class="title">{{ $post->name }}</div>
                    <div class="text">
                        {{ $post->description }}
                    </div>
                </a>
            @endforeach

        </div>
    </section>
    <section class="aboutApp">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 col-12">
                    <h3 class="heading">
                        Unlock the Forex Market with Powerful Signals
                    </h3>
                    <p class="desc">
                        Wish there was a forex signals app that can take the guesswork out
                        of trading? FBFX's powerful and accurate signals app does all the
                        heavy lifting for you and provides real-time market signals, so
                        you don’t miss any opportunity.
                    </p>
                    <a href="https://play.google.com/store/apps/details?id=com.firstbuckfx.app&hl=en" target="_blank"
                        class="themeBtn">
                        Download App <img src="{{ asset('/assets/svg/ArrowCircle.svg') }}" alt="" />
                    </a>
                </div>
                <div class="col-md-6 col-12">
                    <img src="{{ asset('/assets/images/App.png') }}" alt="app-img" class="appImg" />
                </div>
            </div>
        </div>
    </section>
    <section class="counterSection">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-6 counterWrapper">
                    <div class="counter">1000+</div>
                    <div class="desc">Monthly Signals</div>
                </div>
                <div class="col-md-3 col-6 counterWrapper">
                    <div class="counter">2000+</div>
                    <div class="desc">Monthly Pips</div>
                </div>
                <div class="col-md-3 col-6 counterWrapper">
                    <div class="counter">1:3+</div>
                    <div class="desc">Risk to Reward Ratio</div>
                </div>
                <div class="col-md-3 col-6 counterWrapper">
                    <div class="counter">70%</div>
                    <div class="desc">Win Rate</div>
                </div>
            </div>
        </div>
    </section>
    <section class="indicator">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-6 col-12">
                    <img src="{{ asset('/assets/images/Indicator.png') }}" alt="app-img" class="w-100 img-fluid" />
                </div>
                <div class="col-lg-5 col-md-6 col-12">
                    <div class="indicatorRight">
                        <h3 class="heading">
                            Get Ahead From the Crowd With Free Indicators
                        </h3>
                        <p class="desc mb-0">
                            The forex market is ever-changing, and you must stay informed
                            with the latest tools and strategies to succeed. We provide
                            detailed indicator reviews and recommendations that are helpful
                            for every type of trader.
                        </p>
                        <div class="text-end">
                            <a href="/indicator" class="themeBtn d-inline-flex">
                                Download Indicators <img src="{{ asset('/assets/svg/ArrowCircle.svg') }}" alt="" />
                            </a>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </section>
    <section class="trade">
        <div class="container">
            <div class="heading">Trade Smarter, <span>Not Harder</span></div>
            <div class="row tradeStats">
                <div class="col-md-3 col-6">
                    <div class="box">
                        <div class="number">50%</div>
                        <div class="desc">Increase in Profitability</div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="box">
                        <div class="number">100+</div>
                        <div class="desc">Real Time Monthly Signal</div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="box">
                        <div class="number">50%</div>
                        <div class="desc">Reduce Your Losses</div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="box">
                        <div class="number">50%</div>
                        <div class="desc">Increase in Profitability</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="whyChoose">
        <div class="container">
            <div class="box">
                <div class="row">
                    <div class="col-12">
                        <div class="heading">
                            Why Choose Our <span>Trading EAs</span> and
                            <span> Strategies?</span>
                        </div>
                        <div class="desc">
                            We know how strategies and EAs make or break the trading
                            experience. That is why FBFX shares detailed reviews of EAs and
                            strategies that can help you outperform the market. Every EA and
                            strategy review we provide includes information about how they
                            function, their performance, risk/reward ratio, the timeframe in
                            which you must apply it, and more.
                        </div>
                        <div class="d-flex justify-content-center">
                            <a href="/ea" class="themeBtn"> More </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="tools">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sectionHeading">Tool Features</div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-12">
                    <div class="box">
                        <img src="{{ asset('/assets/images/patterns.png') }}" alt="">
                        <div class="name">Seasonality Patterns</div>
                        <p>
                            FBFX offers a complete seasonality analysis to determine the
                            market's seasonal characteristics. You can use seasonality
                            patterns to forecast the market movements ahead of time and
                            alter trading strategies in response to them.
                        </p>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="box">
                        <img src="{{ asset('/assets/images/report.png') }}" alt="">

                        <div class="name">COT Reports</div>
                        <p>
                            Do you want to know the net long positions in EUR/USD? You can
                            get this in the Commitments of Traders (COT) report. The report
                            offers insights into the market’s forex and Gold positions. By
                            analyzing the COT report, you can understand where the market is
                            swinging and can take/adjust your positions accordingly.
                        </p>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="box">
                        <img src="{{ asset('/assets/images/analysis.png') }}" alt="">

                        <div class="name">Technical Analysis</div>
                        <p>
                            FBFX provides various technical tools for price action analysis.
                            By applying our tools, you can better understand the market
                            trends.
                        </p>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="box">
                        <img src="{{ asset('/assets/images/fundamental.png') }}" alt="">

                        <div class="name">Fundamental Analysis</div>
                        <p>
                            Our fundamental analysis tool lets you know about some of the
                            important global economic events and how they affect currency
                            prices. Combining fundamental analysis into your trading
                            strategies cuts the market noise and allows you to trade
                            profitably.
                        </p>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="box">
                        <img src="{{ asset('/assets/images/sentiment.png') }}" alt="">

                        <div class="name">Sentiment Analysis</div>
                        <p>
                            FBFX provides sentiment analysis tools to help you gauge the
                            overall market sentiment. The tool identifies key market trends
                            and reversals so you can take your positions accordingly.
                        </p>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="box">
                        <img src="{{ asset('/assets/images/signal.png') }}" alt="">

                        <div class="name">Long-Term Signals</div>
                        <p>
                            If day trading isn’t your style, FBFX offers long-term signals
                            so that you can take the set-and-forget approach. Our signals
                            are based on detailed fundamental and technical analysis and
                            sentiment data, providing a complete view of market trends and
                            potential trading opportunities.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="tabs">
                    <div class="box">
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            @foreach ($featuredBrokers as $index => $broker)
                                <button class="nav-link {{ $index == 0 ? 'active' : '' }}"
                                    id="nav-tab-{{ $broker->id }}" data-bs-toggle="tab"
                                    data-bs-target="#tab-content-{{ $broker->id }}" type="button" role="tab"
                                    aria-controls="tab-content-{{ $broker->id }}"
                                    aria-selected="{{ $index == 0 ? 'true' : 'false' }}">
                                    {{ $broker->title }}
                                </button>
                            @endforeach
                        </div>
                        <div class="tab-content" id="nav-tabContent">
                            @foreach ($featuredBrokers as $index => $broker)
                                <div class="tab-pane fade {{ $index == 0 ? 'show active' : '' }}"
                                    id="tab-content-{{ $broker->id }}" role="tabpanel"
                                    aria-labelledby="nav-tab-{{ $broker->id }}" tabindex="0">
                                    <p>{!! $broker->description !!}</p>
                                    <div class="text-center">
                                        <a href="{{ $broker->signup_link }}" target="_blank" rel="noopener"
                                            class="themeBtn d-inline-flex">Signup</a>
                                    </div>
                                </div>
                            @endforeach

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



    <section class="faqs section_pad">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sectionHeading">FAQ's</div>
                </div>
                <div class="col-12">
                    <div class="accordion faq-body">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="one">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    How does FBFX simplify forex trading?
                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="one">
                                <div class="accordion-body">
                                    FBFX simplifies forex trading by providing comprehensive
                                    signals, tools, institutional research, EAs, indicators,
                                    strategy reviews, and educational resources. You can use our
                                    solutions to beat the market and enhance your overall
                                    profitability.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="two">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    What features are there on the FBFX mobile app?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="two">
                                <div class="accordion-body">
                                    The FBFX mobile app offers real-time alerts, live signals,
                                    and detailed analyses to trade the market without hiccups.
                                    You can learn more by visiting our mobile app page.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="three">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Can I use FBFX signals for automated strategies?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="three">
                                <div class="accordion-body">
                                    The good thing about FBFX is our signals can be used for
                                    manual and automated trading. So, you get the flexibility
                                    you need as a trader.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="four">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                    How often are indicators and EA reviews added to FBFX’s
                                    website?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="four">
                                <div class="accordion-body">
                                    We regularly update indicator reviews, strategies, and EA
                                    reviews. Our analysts make sure that you get detailed
                                    reviews. Visit our website regularly to learn more about
                                    indicators and EAs.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="five">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    How are FBFX tools different from other providers?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="five">
                                <div class="accordion-body">
                                    FBFX's tools offer advanced functionalities such as
                                    seasonality analysis, COT report analysis, technical and
                                    fundamental analysis, sentiment analysis, and long-term
                                    signals. These features provide a complete market view, so
                                    you don’t lag on analysis.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="six">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    Does FBFX provide a free trial period for forex signals?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="six">
                                <div class="accordion-body">
                                    Yes, we offer a free trial. You can access our premium
                                    signals for 7 days with no credit card requirement. For
                                    those who want more advanced services, you can sign up for
                                    our premium signals for as low as $25 per month after the
                                    trial period.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="seven">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                    Is my data safe when using FBFX services?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="seven">
                                <div class="accordion-body">
                                    We assure users' safety by implementing encryption and
                                    multi-factor authentication policies. These measures ensure
                                    a safe trading environment when you use the website or the
                                    mobile app.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="eight">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
                                    What are the perks of trading with FBFX-partnered brokers?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="eight">
                                <div class="accordion-body">
                                    FBFX partnered with other reliable brokers to give you a
                                    secure trading environment. They provide zero spreads,
                                    superior trading platforms, diverse assets, multiple
                                    leverage levels, copy trading / social trading, and PAMM
                                    trading services. Plus, you get reduced deposits thanks to
                                    our partnership.
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="nine">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
                                    What support options does FBFX provide?

                                    <span class="accordion-icon"><i class="fas fa-chevron-down"></i></span>
                                </button>
                            </h2>
                            <div id="collapseNine" class="accordion-collapse collapse" aria-labelledby="nine">
                                <div class="accordion-body">
                                    If you have any queries or questions regarding our services,
                                    email us or fill out the contact form. One of our
                                    representatives will get back to you immediately.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('website.partials.footer')

@endsection