chore: Apply brand guideline colors and add landing page (#40)

* chore: Apply brand guideline colors and add landing page

- Update colors.xml with brand guideline values (#003DB3 primary dark, #F5F7FA background)
- Add docs/index.html public landing page for CardSnap

AI-Generated: Yes
Model: Claude (Sisyphus)
Platform: OpenCode

* feat: Complete CardSnap landing page with screenshots and branding

- Add CardSnap logo to README header
- Fix all broken links (CardSnap → CardScannerApp)
- Create comprehensive docs/index.html landing page
- Add real Android app screenshots from emulator
- Apply brand guideline colors (#003DB3 primary dark, #F5F7FA background)
- Update .gitignore to allow docs/index.html and screenshots

AI-Generated: Yes
Model: Claude (Sisyphus)
Platform: OpenCode

Author: rprabhat

.gitignore

@@ -86,6 +86,8 @@ Pods/
 Gemfile
 Gemfile.lock
 docs/
+!docs/index.html
+!docs/images/
 fastlane/
 scripts/
 setup-and-verify.sh

README.md

@@ -1,7 +1,15 @@
-# CardSnap
+<p align="center">
+  <img src="assets/cardsnap_logo.svg" alt="CardSnap Logo" width="128" height="128">
+</p>
 
-[![CI](https://github.com/Sensible-Analytics/CardSnap/actions/workflows/ci.yml/badge.svg)](https://github.com/Sensible-Analytics/CardSnap/actions/workflows/ci.yml)
-[![Android Build](https://github.com/Sensible-Analytics/CardSnap/actions/workflows/android-build.yml/badge.svg)](https://github.com/Sensible-Analytics/CardSnap/actions/workflows/android-build.yml)
+<h1 align="center">CardSnap</h1>
+
+<p align="center">
+  <strong>Scan a card. Save a contact. Done.</strong>
+</p>
+
+[![CI](https://github.com/Sensible-Analytics/CardScannerApp/actions/workflows/ci.yml/badge.svg)](https://github.com/Sensible-Analytics/CardScannerApp/actions/workflows/ci.yml)
+[![Android Build](https://github.com/Sensible-Analytics/CardScannerApp/actions/workflows/android-build.yml/badge.svg)](https://github.com/Sensible-Analytics/CardScannerApp/actions/workflows/android-build.yml)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Kotlin](https://img.shields.io/badge/Kotlin-1.9.22-blue.svg)](https://kotlinlang.org)
 [![Min SDK](https://img.shields.io/badge/Min%20SDK-26-green.svg)](https://developer.android.com/distribute/best-practices/develop/target-sdk)
@@ -10,6 +18,8 @@
 
 CardSnap is a professional business card scanner built with **native Kotlin** and **Jetpack Compose**. It uses Google's ML Kit for OCR to extract contact details from business card photos, then intelligently parses and saves them to your device contacts.
 
+🌐 **[Try CardSnap](https://sensible-analytics.github.io/CardScannerApp/)** | [Download APK](https://github.com/Sensible-Analytics/CardScannerApp/releases) | [Report Bug](https://github.com/Sensible-Analytics/CardScannerApp/issues)
+
 ---
 
 ## 📱 Screenshots
@@ -76,8 +86,8 @@ CardSnap follows the **MVVM architecture** with clean separation of concerns:
 
 | Version | Type | Link |
 |---------|------|------|
-| Latest Debug APK | Debug | [Download from Releases](https://github.com/Sensible-Analytics/CardSnap/releases) |
-| Latest Release APK | Release | [Download from Releases](https://github.com/Sensible-Analytics/CardSnap/releases) |
+| Latest Debug APK | Debug | [Download from Releases](https://github.com/Sensible-Analytics/CardScannerApp/releases) |
+| Latest Release APK | Release | [Download from Releases](https://github.com/Sensible-Analytics/CardScannerApp/releases) |
 
 ---
 
@@ -126,8 +136,8 @@ Review the extracted contact details, edit any fields if needed, then save to yo
 
 ```bash
 # Clone the repository
-git clone https://github.com/Sensible-Analytics/CardSnap.git
-cd CardSnap
+git clone https://github.com/Sensible-Analytics/CardScannerApp.git
+cd CardScannerApp
 
 # Build debug APK
 cd android
@@ -175,8 +185,8 @@ We welcome contributions! Please read our [Contributing Guide](CONTRIBUTING.md)
 
 ## 📞 Support
 
-- **Issues**: [GitHub Issues](https://github.com/Sensible-Analytics/CardSnap/issues)
-- **Discussions**: [GitHub Discussions](https://github.com/Sensible-Analytics/CardSnap/discussions)
+- **Issues**: [GitHub Issues](https://github.com/Sensible-Analytics/CardScannerApp/issues)
+- **Discussions**: [GitHub Discussions](https://github.com/Sensible-Analytics/CardScannerApp/discussions)
 
 ---
 

android/app/src/main/res/values/colors.xml

@@ -2,7 +2,7 @@
 <resources>
     <!-- Primary brand colors -->
     <color name="primary">#0066FF</color>
-    <color name="primary_dark">#0052CC</color>
+    <color name="primary_dark">#003DB3</color>
     <color name="primary_light">#3385FF</color>
 
     <!-- Secondary colors -->
@@ -11,9 +11,9 @@
     <color name="secondary_light">#9CA3AF</color>
 
     <!-- Background colors -->
-    <color name="background">#FFFFFF</color>
-    <color name="surface">#F9FAFB</color>
-    <color name="surface_variant">#F3F4F6</color>
+    <color name="background">#F5F7FA</color>
+    <color name="surface">#FFFFFF</color>
+    <color name="surface_variant">#E5E7EB</color>
 
     <!-- Text colors -->
     <color name="on_primary">#FFFFFF</color>