@extends('frontend.layouts.app')

@section('title')
Website Development | R Web Solutions
@endsection

@section('seo')

@endsection

@section('content')

<link rel="stylesheet" href="{{ asset('/css/frontend/website-development.css') }}">


<div class="messenger-box">
    <div>
         <a href="#">
            <div class="arrow-container">
                <i style="color: white;;" class="fa-solid fa-arrow-up"></i>
            </div>
        </a>
    </div>
    <a href="https://www.messenger.com/t/2350712291663307/?messaging_source=source%3Apages%3Amessage_shortlink&source_id=1441792&recurring_notification=0">
        <img src="{{ asset('assets/homepage/messenger.png') }}" alt="messenger" width="55px">
    </a>
</div>

<section class="webdev-main-section-container proxima" draggable="false">
    <div class="card border-0" draggable="false" style="background:rgba(255,255,255, 0)">
        <img class="webdev-image-banner" src="{{ asset('assets/website-development/webdev-banner.png') }}" alt="webdev-banner">
        <div class="card-img-overlay container" draggable="false">
            <div class="row">
                <div class="col-12 d-flex justify-content-center">
                    <div class="webdev-main-title">
                        <span>
                            Website Development Services
                        </span>
                    </div>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <div class="webdev-main-description">
                        <span>
                            Unlock the potential of your business with our professional website development services.
                            <br>
                            Our experience team specializes in creating stunning, responsive, and user-friendly websites.
                        </span>
                    </div>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <a class="webdev-main-button">
                        <button>
                            Get Free Quotation <img src="{{ asset('assets/homepage/button-right-arrow.png') }}" alt="button-icon">
                        </button>
                    </a>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <div class="webdev-main-image">
                        <img class="img-fluid" src="{{asset('assets/website-development/webdev-image-2.png')}}" alt="webdev">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="webdev-second-section-container proxima" draggable="false" id="discover-container">
    <div class="container">
        <div class="row">
            <div class="col-2">
                <hr class="solid">
            </div>
            <div class="col-8 second-select-box">
                <div class="overview-box">
                    <img class="overview" src="{{ asset('assets/website-development/overview.png') }}" alt="icon">
                    <img class="overviewed" src="{{ asset('assets/website-development/overviewed.png') }}" alt="icon">
                    <span>
                        Overview
                    </span>
                </div>
                <div class="approach-box">
                    <img class="approach" src="{{ asset('assets/website-development/approach.png') }}" alt="icon">
                    <img class="approached" src="{{ asset('assets/website-development/approached.png') }}" alt="icon">
                    <span>
                        Approach
                    </span>
                </div>
                <div class="quoted-box">
                    <img class="quote" src="{{ asset('assets/website-development/quote.png') }}" alt="icon">
                    <img class="quoted" src="{{ asset('assets/website-development/quoted.png') }}" alt="icon">
                    <span>
                        Get Quoted
                    </span>
                </div>
            </div>
            <div class="col-2">
                <hr class="solid">
            </div>
        </div>
    </div>
</section>

<section class="webdev-third-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12 question-container" id="overview-container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 webdev-third-left-box">
                    <div class="card border-0" style="background: rgba(255,255,255, 0)">
                        <div class="question-number">
                            <span>
                                01
                            </span>
                        </div>
                        <div>
                            <div class="question-title">
                                <span>
                                    Why <span style="font-weight: bold">Website</span> is
                                </span>
                            </div>
                            <div class="question-title-2">
                                <span>
                                    <span style="font-weight: bold">Important</span> to your business?
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 webdev-third-right-box">
                    <div class="question-answer">
                        <span>
                            A website is important for a business because it acts like an online store that anyone can visit at any time.
                            It helps more people find the business and learn about what it offers. A good website makes the business look
                            professional and trustworthy. It also helps with advertising and can attract more customers.
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 us-container">
            <div class="row">
                <div class="d-flex justify-content-center">
                    <span>
                        Benefits of <span style="color: #fa6f10">Working With US</span>
                    </span>
                </div>
            </div>
        </div>
        <div class="col-12 benefit-container">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-1">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-earth-americas"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Customized Websites
                            </div>
                            <div class="benefit-description">
                                We create websites that are specifically made for your business.
                                We listen to your needs and build a site that fits your goals perfectly.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-2">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-users"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Experienced Team
                            </div>
                            <div class="benefit-description">
                                Our team has a lot of experience in developing websites.
                                We know what works well and will make your sites look good and runs smoothly.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-3">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-bell-concierge"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Complete Service
                            </div>
                            <div class="benefit-description">
                                We handle everything for your website, from designing to building and maintaining it.
                                You can count on us for all your website needs.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-4">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-object-group"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                User-Friendly Design
                            </div>
                            <div class="benefit-description">
                                We focus on making your website easy to use. This helps your visitors find what they need quickly,
                                and can help increase your sales.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="webdev-fourth-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12 process-agile-container" id="approach-container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 process-agile-container-left">
                    <div class="card border-0" style="background: rgba(255,255,255, 0)">
                        <div class="process-agile-number">
                            <span>
                                02
                            </span>
                        </div>
                        <div>
                            <div class="process-agile-title">
                                <span>
                                    Look Into our <span style="font-weight: bold">Successful</span>
                                </span>
                            </div>
                            <div class="process-agile-title-2">
                                <span>
                                    <span style="font-weight: bold">Web Development</span> Process
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 process-agile-container-right">
                    <div class="process-agile-answer">
                        <span>
                            Get a website with our easy web development process! From your first idea to the final launch,
                            we take care of everything. We plan, design, build, and test your site to make sure it looks good and works well.
                            Many clients have grown their businesses with our help. Let’s create your website together! Start today.
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 process-count-container">
            <div class="row">
                <div class="col-12 process-count-line">
                    <hr class="solid">
                </div>
                <div class="col-12 process-count-circle-box">
                    <div class="process-count-circle-1"></div>
                    <div class="process-count-circle-2"></div>
                    <div class="process-count-circle-3"></div>
                    <div class="process-count-circle-4"></div>
                    <div class="process-count-circle-5"></div>
                </div>
                <div class="col-12">
                    <div class="row process-count-box">
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6 process-count-card card-1">
                            <div class="process-count-number">
                                <span>
                                    01
                                </span>
                            </div>
                            <div class="process-count-title">
                                <span>
                                    Consult Your Idea
                                </span>
                            </div>
                            <div class="process-count-description">
                                <span>
                                    Before we begin, we study the market, competitors, and
                                    talk to the client about their preferences and make a plan that suits for everyone.
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6 process-count-card card-2">
                            <div class="process-count-number">
                                <span>
                                    02
                                </span>
                            </div>
                            <div class="process-count-title">
                                <span>
                                    Initial Planning
                                </span>
                            </div>
                            <div class="process-count-description">
                                <span>
                                    We plan and write down everything to make sure everyone understands.
                                    We set design and branding rules. and make sure the client is happy with it.
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6 col-6 process-count-card card-3">
                            <div class="process-count-number">
                                <span>
                                    03
                                </span>
                            </div>
                            <div class="process-count-title">
                                <span>
                                    Design
                                </span>
                            </div>
                            <div class="process-count-description">
                                <span>
                                    Our next step is to design the UI based on the approved wireframes and design guidelines.
                                    We want the design to show your brand well online.
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-6 col-sm-6 col-6 process-count-card card-4">
                            <div class="process-count-number">
                                <span>
                                    04
                                </span>
                            </div>
                            <div class="process-count-title">
                                <span>
                                    Development
                                </span>
                            </div>
                            <div class="process-count-description">
                                <span>
                                    Then we will work on the development process.
                                    And set up a plan to work in smaller parts every 2-3 weeks, and the client checks each part.
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-6 col-sm-12 col-12 process-count-card card-5">
                            <div class="process-count-number">
                                <span>
                                    05
                                </span>
                            </div>
                            <div class="process-count-title">
                                <span>
                                    Maintenance
                                </span>
                            </div>
                            <div class="process-count-description">
                                <span>
                                    We're here for the long term. We make sure everything works right everyday.
                                    We test everything every month to make sure there are no problems.
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="webdev-fifth-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12 package-title-container" id="quoted-container">
            <div class="card border-0" style="background: rgba(255,255,255, 0)">
                <div class="package-number">
                    <span>
                        03
                    </span>
                </div>
                <div>
                    <div class="package-title">
                        <span>
                            Look Into our <span style="font-weight: bold">Affordable</span>
                        </span>
                    </div>
                    <div class="package-title-2">
                        <span>
                            <span style="font-weight: bold">Packages + 5</span> free Inclusions
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 package-icon-container">
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12 col-12 order-lg-0 order-md-1 order-sm-1 order-1">
                    <div class="row">
                        <div class="package-icon-box-1">
                            <div class="package-icon-card-1">
                                <div class="package-icon-image">
                                    <img class="website" src="{{ asset('assets/website-development/website.png') }}" alt="icon">
                                    <img class="websited" src="{{ asset('assets/website-development/websited.png') }}" alt="icon">
                                </div>
                                <div class="package-icon-title">
                                    <span>1 Year Domain (.com)</span>
                                </div>
                                <div class="package-icon-description">
                                    <span>Free</span>
                                </div>
                            </div>
                            <div class="package-icon-card-2">
                                <div class="package-icon-image">
                                    <img class="mail" src="{{ asset('assets/website-development/mail.png') }}" alt="icon">
                                    <img class="mailed" src="{{ asset('assets/website-development/mailed.png') }}" alt="icon">
                                </div>
                                <div class="package-icon-title">
                                    <span>1 Business Email Account</span>
                                </div>
                                <div class="package-icon-description">
                                    <span>Free</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-12 order-lg-1 order-md-0 order-sm-0 order-0">
                    <div class="row">
                        <div class="package-icon-box-2">
                            <div class="package-icon-card-3">
                                <div class="package-top-icon-image">
                                    <img class="google" src="{{ asset('assets/website-development/google.png') }}" alt="icon">
                                    <img class="googled" src="{{ asset('assets/website-development/googled.png') }}" alt="icon">
                                </div>
                                <div class="package-icon-title">
                                    <span>Google Business Setup & Verification</span>
                                </div>
                                <div class="package-icon-description">
                                    <span>Free</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 col-12 order-lg-2 order-md-2 order-sm-2 order-2">
                    <div class="row">
                        <div class="package-icon-box-3">
                            <div class="package-icon-card-4">
                                <div class="package-icon-image">
                                    <img class="host" src="{{ asset('assets/website-development/host.png') }}" alt="icon">
                                    <img class="hosted" src="{{ asset('assets/website-development/hosted.png') }}" alt="icon">
                                </div>
                                <div class="package-icon-title">
                                    <span>1 Year Hosting</span>
                                </div>
                                <div class="package-icon-description">
                                    <span>Free</span>
                                </div>
                            </div>
                            <div class="package-icon-card-5">
                                <div class="package-icon-image">
                                    <img class="support" src="{{ asset('assets/website-development/support.png') }}" alt="icon">
                                    <img class="supported" src="{{ asset('assets/website-development/supported.png') }}" alt="icon">
                                </div>
                                <div class="package-icon-title">
                                    <span>1 Year Technical Maintenance</span>
                                </div>
                                <div class="package-icon-description">
                                    <span>Free</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="webdev-sixth-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                    <div class="row price-box-1">
                        <div class="price-card">
                            <div class="price-type">
                                <span>Corporate</span>
                            </div>
                            <div class="price-image">
                                <img class="img-fluid" src="{{ asset('assets/website-development/corporate.svg') }}" alt="icon">
                            </div>
                            <div class="price-title">
                                <span>35,000</span>
                            </div>
                            <div class="price-sign">
                                <span>₱</span>
                            </div>
                            <div class="price-description">
                                <span>(One Time Payment)</span>
                            </div>
                            <div class="price-divider">
                                <hr class="solid">
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Mobile & Tab Responsive</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Up to 7 Pages</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Youtube Video Integration
                                </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Products/Services Listing
                                </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Contact/Inquiry Form</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Banner Slider</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Gallery/Project Portfolio</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Social Media Links</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Basic SEO (description, 10 meta keywords)</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Newsletter Subscription Form</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>User-friendly Website Content Management System</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Free Domain, Hosting & Technical Maintenance for 1 year</span>
                            </div>
                           
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                    <div class="row price-box-2">
                        <div class="price-card">
                            <div class="price-type-2">
                                <span>E-Commerce</span>
                            </div>
                            <div class="price-image">
                                <img class="img-fluid" src="{{ asset('assets/website-development/ecommerce.svg') }}" alt="icon">
                            </div>
                            <div class="price-title">
                                <span>60,000</span>
                            </div>
                            <div class="price-sign">
                                <span>₱</span>
                            </div>
                            <div class="price-description">
                                <span>(One Time Payment)</span>
                            </div>
                            <div class="price-divider">
                                <hr class="solid">
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Product Management</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Unlimited product listings and easy inventory management</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Detailed reports about your online store (Shopify Dashboard)</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Greater access to new clients and more potential clients</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>API Integration</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Gift cards/ Discount Codes</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Integrate with Facebook Shop / Facebook Messenger</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>PayPal/Pay Monggo Payment Integration</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Manual Payment (Bank Transfer or COD)</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Google Analytics</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Meta Tags</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Speed Optimization</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Free Domain, Hosting & Technical Maintenance for 1 year </span>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                    <div class="row price-box-3">
                        <div class="price-card">
                            <div class="price-type-2">
                                <span>Premium</span>
                            </div>
                            <div class="price-image">
                                <img class="img-fluid" src="{{ asset('assets/website-development/premium.svg') }}" alt="icon">
                            </div>
                            <div class="price-title">
                                <span>Get Estimation</span>
                            </div>
                            <div class="price-description">
                                <span>(Upon Quotation)</span>
                            </div>

                            <div class="price-divider">
                                <hr class="solid">
                            </div>
                            <div class="price-description">
                                <span>LISTING WEBSITES</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Property Website </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Vehicles </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Jobs Listing </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Food </span>
                            </div>


                            <div class="price-divider">
                                <hr class="solid">
                            </div>
                            <div class="price-description">
                                <span>BOOKING WEBSITES</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Trades or Services </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Rentals & Hires </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Events & Classes </span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Health and Medicine</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Tourism</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Hair & Beauty</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Sport & Fitness</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Trades</span>
                            </div>

                            <div class="price-divider">
                                <hr class="solid">
                            </div>
                            <div class="price-description">
                                <span>E-COMMERCE WEBSITE</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Online store</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Event-based</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Wholesale</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Product types</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Product variable</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Inventory management</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Product add on</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Built in payment integration</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Delivery integration</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>SEO</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Discount Codes</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Product Reviews</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Different Payment Methods</span>
                            </div>

                            <div class="price-divider">
                                <hr class="solid">
                            </div>
                            <div class="price-description">
                                <span>OTHER INCLUSIONS:</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Video Embedding</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Contact Form</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Google Map Integration</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Social Media Integration</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Chat Module (Fb Messenger)</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Newsletter Banner</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Robots.txt</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Meta Tags</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Speed Optimization</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/digital-marketing/mark.png') }}" alt="icon">
                                <span>Product tracking</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Website Management</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Free Web Hosting for 1 year</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Free SSL for 1 year</span>
                            </div>
                            <div class="price-checklist">
                                <img class="img-fluid" src="{{ asset('assets/website-development/mark.png') }}" alt="icon">
                                <span>Technical Maintenance for 1 year</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="webdev-seven-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12 ready-container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 webdev-seven-left">
                    <div class="card border-0" style="background: rgba(255,255,255, 0)">
                        <div>
                            <div class="ready-title">
                                <span>
                                    <span style="font-weight: bold">Ready</span> for your
                                </span>
                            </div>
                            <div class="ready-title-2">
                                <span>
                                    <span style="font-weight: bold">Website</span> Engagement?
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 webdev-seven-right">
                    <a class="webdev-ready-button" href="{{url('/contact')}}">
                        <button>
                            Get Free Quotation <img src="{{ asset('assets/homepage/button-right-arrow.png') }}" alt="button-icon">
                        </button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('js')
<script src="{{ asset('js/frontend/website-development/animation.js') }}"></script>
<script src="{{ asset('js/frontend/website-development/click-slide.js') }}"></script>
@endsection