
<?php $__env->startSection('title','About'); ?>

<?php $__env->startPush('styles'); ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
<style>
  :root{
    --card-r:16px; --ink:#0f172a; --muted:#64748b; --ring:rgba(2,8,23,.06);
    --rose:#f43f5e; --indigo:#6366f1; --cyan:#06b6d4; --emerald:#10b981;
  }
  /* page background */
  .page-wrap{position:relative; isolation:isolate}
  .page-wrap:before{
    content:""; position:fixed; inset:0; z-index:-1;
    background:
      radial-gradient(900px 500px at -10% -10%, #c7d2fe33 10%, transparent 60%),
      radial-gradient(800px 500px at 110% 0%, #99f6e433 10%, transparent 60%),
      linear-gradient(180deg,#f8fafc, #eef2f7);
  }

  /* cards */
  .paper{background:#fff; border:1px solid var(--ring);
    border-radius:var(--card-r); box-shadow:0 10px 26px rgba(2,8,23,.05);}
  .section-title{font-weight:900; color:var(--ink)}

  /* hero */
  .hero{
    border-radius:var(--card-r); overflow:hidden;
    background:linear-gradient(135deg, #fce7f3, #e0e7ff);
    border:1px solid rgba(2,8,23,.05);
  }
  .hero-ink{color:#1f2937}

  /* list with icons */
  .k-list{margin: .25rem 0 0 0; padding:0; list-style:none}
  .k-list li{display:flex; gap:.55rem; align-items:flex-start; padding:.2rem 0; color:#334155}
  .k-list i{color:var(--emerald); margin-top:.18rem}

  /* partner logos */
  .partner{transition: transform .15s ease, box-shadow .15s ease}
  .partner:hover{transform:translateY(-2px); box-shadow:0 10px 22px rgba(2,8,23,.08)}

  /* chips */
  .chip{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;
    border-radius:999px;padding:.35rem .7rem;font-size:.72rem}
  .chip-rose{background:#fff1f2; color:#be123c; border:1px solid #ffe4e6}
  .chip-indigo{background:#eef2ff; color:#3730a3; border:1px solid #e0e7ff}

  /* small helpers */
  .text-dim{color:var(--muted)}
  @media (prefers-reduced-motion:no-preference){ .press:active{transform:translateY(1px);} }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('sub_layout'); ?>
<div class="page-wrap mx-auto max-w-6xl px-3 md:px-6 py-6 space-y-5" style="margin-bottom:90px">

  
  <div class="hero p-5 md:p-7 grid grid-cols-1 md:grid-cols-[auto,1fr] gap-5">
    <div class="flex items-center justify-center">
      <div class="h-20 w-20 md:h-24 md:w-24 rounded-2xl bg-white shadow flex items-center justify-center">
        <i class="fa-solid fa-piggy-bank text-3xl md:text-4xl text-rose-500"></i>
      </div>
    </div>
    <div>
      <div class="flex flex-wrap items-center gap-2 mb-2">
        <span class="chip chip-rose"><i class="fa-solid fa-shield-heart"></i> Trusted & Secure</span>
        <span class="chip chip-indigo"><i class="fa-solid fa-bolt"></i> Fast Approval</span>
      </div>
      <h1 class="section-title text-[22px] md:text-[28px] hero-ink">লোন উপায় সম্পর্কে</h1>
      <p class="text-[15px] md:text-[16px] leading-7 hero-ink/90">
        লোন উপায় একটি নির্ভরযোগ্য ডিজিটাল লোন প্ল্যাটফর্ম যা ব্যক্তিগত অর্থনৈতিক সহায়তা দ্রুত, সহজ এবং সবার জন্য
        সহজলভ্য করে তোলে। চিকিৎসা, শিক্ষা বা ব্যবসার জরুরি খরচ—যেকোনো প্রয়োজনেই আমরা আছি আপনার পাশে।
      </p>
      <h3 class="mt-4 text-[18px] md:text-[19px] font-bold hero-ink">কেন লোন উপায় বেছে নেবেন?</h3>
      <ul class="k-list mt-1">
        <li><i class="fa-solid fa-circle-check"></i> দ্রুতগতির লোন প্রসেসিং</li>
        <li><i class="fa-solid fa-circle-check"></i> নূন্যতম ডকুমেন্টেশন</li>
        <li><i class="fa-solid fa-circle-check"></i> সুবিধাজনক পরিশোধের সময়সীমা</li>
        <li><i class="fa-solid fa-circle-check"></i> সম্পূর্ণ নিরাপদ ও গোপনীয়</li>
      </ul>
      <p class="mt-3 text-[15px] hero-ink/90">
        হাজারো সন্তুষ্ট গ্রাহকের মতো আপনিও এখনই লোন উপায়-এর সেবা গ্রহণ করুন। আর্থিক স্বাধীনতার নতুন যাত্রা শুরু হোক এখন থেকেই।
      </p>
    </div>
  </div>

  
  <div class="paper p-5 md:p-7">
    <div class="text-center">
      <h2 class="section-title text-[22px] md:text-[26px]">
        <i class="fa-solid fa-handshake-simple text-rose-500"></i> আমাদের পার্টনার
      </h2>
      <p class="mt-1 text-sm md:text-[15px] text-dim">বিশ্বস্ত আর্থিক প্রতিষ্ঠান থেকে সেবা নিন</p>
    </div>

    <div class="mt-6 grid grid-cols-2 sm:grid-cols-3 gap-4 md:gap-6">
      <div class="partner paper p-4 text-center">
        <img src="<?php echo e(asset('img/partners/city-bank.png')); ?>" alt="City Bank" class="mx-auto h-8 sm:h-10 object-contain">
        <div class="mt-2 text-xs sm:text-sm font-semibold text-slate-700">সিটি ব্যাংক</div>
      </div>
      <div class="partner paper p-4 text-center">
        <img src="<?php echo e(asset('img/partners/brack.png')); ?>" alt="BRAC Bank" class="mx-auto h-8 sm:h-10 object-contain">
        <div class="mt-2 text-xs sm:text-sm font-semibold text-slate-700">ব্র্যাক ব্যাংক</div>
      </div>
      <div class="partner paper p-4 text-center sm:col-span-1 col-span-2 sm:col-start-auto">
        <img src="<?php echo e(asset('img/partners/sonaly.png')); ?>" alt="Sonali Bank" class="mx-auto h-8 sm:h-10 object-contain">
        <div class="mt-2 text-xs sm:text-sm font-semibold text-slate-700">সোনালী ব্যাংক</div>
      </div>
    </div>
  </div>

  
  <div class="paper p-5 md:p-7">
    <h2 class="section-title text-[22px] md:text-[26px]">
      <i class="fa-solid fa-file-contract text-indigo-500"></i> টার্মস ও কন্ডিশন
    </h2>
    <p class="text-[15px] leading-7 text-dim">
      স্বাগতম আমাদের লোন সেবায়। নিচের শর্তাবলী অনুসরণ করে আপনি আমাদের সেবাগুলি গ্রহণ করতে পারবেন।
      অনুগ্রহ করে মনোযোগ দিয়ে পড়ুন:
    </p>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-id-card-clip text-emerald-600"></i> ১. পরিসেবার গ্রহণযোগ্যতা
      </h3>
      <ul class="k-list mt-2">
        <li><i class="fa-solid fa-check"></i> আপনাকে অবশ্যই বাংলাদেশী নাগরিক হতে হবে।</li>
        <li><i class="fa-solid fa-check"></i> আপনার বয়স ১৮ বছরের বেশি হতে হবে।</li>
        <li><i class="fa-solid fa-check"></i> একটি বৈধ মোবাইল নম্বর ও জাতীয় পরিচয়পত্র প্রদান করতে হবে।</li>
      </ul>
    </div>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-pen-to-square text-cyan-600"></i> ২. লোনের জন্য আবেদন
      </h3>
      <ul class="k-list mt-2">
        <li><i class="fa-solid fa-check"></i> ব্যবহারকারীদের সঠিক ও পূর্ণ তথ্য প্রদান করতে হবে।</li>
        <li><i class="fa-solid fa-check"></i> ভুল/মিথ্যা তথ্যের ক্ষেত্রে আবেদন বাতিল হতে পারে।</li>
      </ul>
    </div>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-scale-balanced text-indigo-600"></i> ৩. লোন অনুমোদন ও পরিশোধ
      </h3>
      <ul class="k-list mt-2">
        <li><i class="fa-solid fa-check"></i> পরিমাণ, সুদ ও সময়সীমা পূর্বনির্ধারিত এবং আবেদনকালে জানানো হবে।</li>
        <li><i class="fa-solid fa-check"></i> নির্ধারিত সময়ে পরিশোধে ব্যর্থ হলে জরিমানা/অতিরিক্ত সুদ আরোপ হতে পারে।</li>
      </ul>
    </div>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-user-lock text-rose-500"></i> ৪. তথ্যের গোপনীয়তা
      </h3>
      <ul class="k-list mt-2">
        <li><i class="fa-solid fa-check"></i> আপনার তথ্য নিরাপদ রাখতে আমরা প্রতিশ্রুতিবদ্ধ।</li>
        <li><i class="fa-solid fa-check"></i> আইনগত বাধ্যবাধকতা ছাড়া তৃতীয় পক্ষের সাথে তথ্য শেয়ার করা হবে না।</li>
      </ul>
    </div>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-circle-exclamation text-amber-600"></i> ৫. অ্যাকাউন্ট স্থগিত/বাতিল
      </h3>
      <ul class="k-list mt-2">
        <li><i class="fa-solid fa-check"></i> জালিয়াতি/শর্ত লঙ্ঘন করলে অ্যাকাউন্ট স্থগিত বা বাতিল হতে পারে।</li>
      </ul>
    </div>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-arrows-rotate text-sky-600"></i> ৬. পরিবর্তন ও হালনাগাদ
      </h3>
      <ul class="k-list mt-2">
        <li><i class="fa-solid fa-check"></i> যেকোনো সময় শর্তাবলী পরিবর্তনের অধিকার সংরক্ষিত।</li>
        <li><i class="fa-solid fa-check"></i> পরিবর্তনের পর সাইট ব্যবহার মানেই নতুন শর্তাবলী মেনে নেয়া।</li>
      </ul>
    </div>

    
    <div class="mt-6">
      <h3 class="text-[18px] md:text-[19px] font-bold text-slate-800">
        <i class="fa-solid fa-scale-unbalanced text-slate-700"></i> ৭. আইনগত বিষয়াবলী
      </h3>
      <p class="mt-2 text-[15px] leading-7 text-dim">
        এই সাইট সংক্রান্ত যেকোনো বিরোধ বাংলাদেশের প্রযোজ্য আইন অনুসায়ী নিষ্পত্তি করা হবে।
      </p>
    </div>
  </div>

</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layout_2', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/ecareba2/loan.rkmotorsbike.top/resources/views/frontend/about/index.blade.php ENDPATH**/ ?>