Skip to content

Commit

Permalink
chore: add FAQ and update visuals
Browse files Browse the repository at this point in the history
  • Loading branch information
@aniruddha-adhikary
aniruddha-adhikary committed Nov 7, 2024
1 parent a97bd96 commit c772a73
Show file tree
Hide file tree
Showing 6 changed files with 159 additions and 7 deletions.
Binary file added assets/image1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/image2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/image3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/screenshot.jpg
View file
Binary file not shown.
12 changes: 6 additions & 6 deletions contributors.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,21 @@
{
"username": "aniruddha-adhikary",
"avatar_url": "https://avatars.githubusercontent.com/u/932949?v=4",
"contributions": 27
"contributions": 46
},
{
"username": "hmasum52",
"avatar_url": "https://avatars.githubusercontent.com/u/55390870?v=4",
"contributions": 11
},
{
"username": "MJKSabit",
"avatar_url": "https://avatars.githubusercontent.com/u/53174310?v=4",
"contributions": 2
},
{
"username": "rahat14",
"avatar_url": "https://avatars.githubusercontent.com/u/27925309?v=4",
"contributions": 4
},
{
"username": "MJKSabit",
"avatar_url": "https://avatars.githubusercontent.com/u/53174310?v=4",
"contributions": 2
},
{
Expand Down
154 changes: 153 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,11 @@ <h1 class="text-4xl font-bold text-gray-900 mb-4">
</a>
</div>
<br><br>
<img src="assets/screenshot.jpg" alt="MRT Buddy Logo" class="mx-auto mb-4 rounded-lg">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<img src="assets/image1.png" alt="MRT Buddy Screenshot 1" class="w-full rounded-lg shadow-md">
<img src="assets/image2.png" alt="MRT Buddy Screenshot 2" class="w-full rounded-lg shadow-md">
<img src="assets/image3.png" alt="MRT Buddy Screenshot 3" class="w-full rounded-lg shadow-md">
</div>
</header>

<main>
Expand Down Expand Up @@ -156,6 +160,154 @@ <h2 class="text-2xl font-bold text-gray-900 mb-4">
</li>
</ol>
</section>
<section class="bg-white rounded-lg shadow-md p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-900 mb-6">
<span data-lang="en">Frequently Asked Questions</span>
<span data-lang="bn" class="hidden">সচরাচর জিজ্ঞাসা</span>
</h2>

<div class="space-y-4">
<!-- FAQ Item 1 -->
<div class="border border-gray-200 rounded-lg">
<button class="w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition-colors rounded-lg focus:outline-none">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold text-gray-800">
<span data-lang="en">What exactly does MRT Buddy do?</span>
<span data-lang="bn" class="hidden">এমআরটি বাডি কী কাজ করে?</span>
</h3>
<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div class="px-6 py-4 bg-white rounded-b-lg">
<p class="text-gray-700">
<span data-lang="en">
MRT Buddy uses your phone's NFC capability to scan your Dhaka MRT Pass or RapidPass, instantly displaying your current balance and last 10 transactions. It's like having a mobile balance checker in your pocket!
</span>
<span data-lang="bn" class="hidden">
এমআরটি বাডি আপনার ফোনের এনএফসি ব্যবহার করে আপনার ঢাকা এমআরটি পাস বা র‍্যাপিড পাস স্ক্যান করে, তাৎক্ষণিকভাবে আপনার বর্তমান ব্যালেন্স এবং শেষ ১০টি লেনদেন দেখায়। এটি আপনার পকেটে একটি মোবাইল ব্যালেন্স চেকারের মতো!
</span>
</p>
</div>
</div>

<!-- FAQ Item 2 -->
<div class="border border-gray-200 rounded-lg">
<button class="w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition-colors rounded-lg focus:outline-none">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold text-gray-800">
<span data-lang="en">Is my card data secure?</span>
<span data-lang="bn" class="hidden">আমার কার্ডের তথ্য কি নিরাপদ?</span>
</h3>
<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div class="px-6 py-4 bg-white rounded-b-lg">
<p class="text-gray-700">
<span data-lang="en">
Absolutely! MRT Buddy only reads data directly from your card and has no internet permissions. Your data stays completely private and is never transmitted anywhere. The app simply displays what's stored on your card.
</span>
<span data-lang="bn" class="hidden">
নিশ্চয়ই! এমআরটি বাডি শুধুমাত্র আপনার কার্ড থেকে সরাসরি তথ্য পড়ে এবং এর কোনো ইন্টারনেট অনুমতি নেই। আপনার তথ্য সম্পূর্ণ গোপনীয় থাকে এবং কখনোই কোথাও প্রেরণ করা হয় না। অ্যাপটি কেবল আপনার কার্ডে সংরক্ষিত তথ্য প্রদর্শন করে।
</span>
</p>
</div>
</div>

<!-- FAQ Item 3 -->
<div class="border border-gray-200 rounded-lg">
<button class="w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition-colors rounded-lg focus:outline-none">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold text-gray-800">
<span data-lang="en">Can the app modify my card balance?</span>
<span data-lang="bn" class="hidden">অ্যাপটি কি আমার কার্ডের ব্যালেন্স পরিবর্তন করতে পারে?</span>
</h3>
<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div class="px-6 py-4 bg-white rounded-b-lg">
<p class="text-gray-700">
<span data-lang="en">
No, it's technically impossible. The MRT system uses sophisticated Sony FeliCa technology, the same secure system used in Japanese transit. The card itself is a secure computer chip that requires special encryption keys to modify data. Only DMTCL possesses these keys, ensuring the system's security.
</span>
<span data-lang="bn" class="hidden">
না, এটা কারিগরিভাবে অসম্ভব। এমআরটি সিস্টেম উন্নত সনি ফেলিকা প্রযুক্তি ব্যবহার করে, যা জাপানি পরিবহন ব্যবস্থায় ব্যবহৃত একই নিরাপদ সিস্টেম। কার্ডটি নিজেই একটি নিরাপদ কম্পিউটার চিপ যা তথ্য পরিবর্তন করতে বিশেষ এনক্রিপশন কী প্রয়োজন। শুধুমাত্র ডিএমটিসিএল-এর কাছে এই কী আছে, যা সিস্টেমের নিরাপত্তা নিশ্চিত করে।
</span>
</p>
</div>
</div>

<!-- FAQ Item 4 -->
<div class="border border-gray-200 rounded-lg">
<button class="w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition-colors rounded-lg focus:outline-none">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold text-gray-800">
<span data-lang="en">Why isn't the app on Play Store yet?</span>
<span data-lang="bn" class="hidden">অ্যাপটি এখনও প্লে স্টোরে কেন নেই?</span>
</h3>
<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div class="px-6 py-4 bg-white rounded-b-lg">
<p class="text-gray-700">
<span data-lang="en">
The app is currently under review by Google Play Store. We're working to make it available there soon. Meanwhile, you can safely download it from our official GitHub page and stay updated through our WhatsApp channel.
</span>
<span data-lang="bn" class="hidden">
অ্যাপটি বর্তমানে গুগল প্লে স্টোরের পর্যালোচনাধীন। আমরা শীঘ্রই এটি সেখানে আপলোড করার চেষ্টা করছি। ইতিমধ্যে, আপনি আমাদের অফিসিয়াল গিটহাব পেজ থেকে নিরাপদে এটি ডাউনলোড করতে পারেন এবং আমাদের হোয়াটসঅ্যাপ চ্যানেলের মাধ্যমে আপডেট পেতে পারেন।
</span>
</p>
</div>
</div>

<!-- FAQ Item 5 -->
<div class="border border-gray-200 rounded-lg">
<button class="w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100 transition-colors rounded-lg focus:outline-none">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold text-gray-800">
<span data-lang="en">Is an iOS version available?</span>
<span data-lang="bn" class="hidden">আইওএস ভার্সন কি এসেছে?</span>
</h3>
<svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div class="px-6 py-4 bg-white rounded-b-lg">
<p class="text-gray-700">
<span data-lang="en">
An iOS version is currently under review by Apple. We'll announce its availability through our WhatsApp channel once it's approved.
</span>
<span data-lang="bn" class="hidden">
একটি আইওএস ভার্সন বর্তমানে অ্যাপলের পর্যালোচনাধীন। এটি অনুমোদিত হলে আমরা আমাদের হোয়াটসঅ্যাপ চ্যানেলের মাধ্যমে এর আপডেট ঘোষণা করব।
</span>
</p>
</div>
</div>
</div>

<script>
document.querySelectorAll('button').forEach(button => {
button.addEventListener('click', () => {
const content = button.nextElementSibling;
const arrow = button.querySelector('svg');

// Toggle content visibility
content.classList.toggle('hidden');

// Rotate arrow
arrow.style.transform = content.classList.contains('hidden') ? '' : 'rotate(180deg)';
});
});
</script>
</section>
</main>

<section class="bg-gray-50 border border-gray-200 rounded-lg p-6 mb-8 text-center">
Expand Down

0 comments on commit c772a73

Please sign in to comment.