feat: add bottom navigation bar with home button and color theme system

Author: ralyodio

ios/PDFConverter/PDFConverter/BottomNavigationBar.swift

@@ -0,0 +1,45 @@
+import UIKit
+
+class BottomNavigationBar: UIView {
+    // Home button
+    private let homeButton = UIButton(type: .system)
+    
+    // Callback for when home button is tapped
+    var onHomeTapped: (() -> Void)?
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setupView()
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+        setupView()
+    }
+    
+    private func setupView() {
+        // Set background color to primary color
+        backgroundColor = AppColors.primary
+        
+        // Configure home button
+        homeButton.setTitle("Home", for: .normal)
+        homeButton.setTitleColor(AppColors.textOnPrimary, for: .normal)
+        homeButton.titleLabel?.font = UIFont.systemFont(ofSize: 16, weight: .medium)
+        homeButton.addTarget(self, action: #selector(homeButtonTapped), for: .touchUpInside)
+        
+        // Add home button to view
+        homeButton.translatesAutoresizingMaskIntoConstraints = false
+        addSubview(homeButton)
+        
+        // Center the home button
+        NSLayoutConstraint.activate([
+            homeButton.centerXAnchor.constraint(equalTo: centerXAnchor),
+            homeButton.centerYAnchor.constraint(equalTo: centerYAnchor),
+            homeButton.heightAnchor.constraint(equalToConstant: 44)
+        ])
+    }
+    
+    @objc private func homeButtonTapped() {
+        onHomeTapped?()
+    }
+}

ios/PDFConverter/PDFConverter/Colors.swift

@@ -0,0 +1,38 @@
+import UIKit
+
+struct AppColors {
+    // Base colors from theme.css
+    static let primary = UIColor(hex: 0xE02337)        // Profullstack, Inc. red
+    static let primaryLight = UIColor(hex: 0xE54D5D)   // Lighter red
+    static let primaryDark = UIColor(hex: 0xC01D2F)    // Darker red
+    static let secondary = UIColor(hex: 0xFC7E3E)      // Accent orange
+    static let secondaryLight = UIColor(hex: 0xFD9C6A) // Lighter orange
+    static let secondaryDark = UIColor(hex: 0xE66A2C)  // Darker orange
+    static let accent = UIColor(hex: 0xBA18AA)         // Accent magenta
+    
+    // Neutral colors
+    static let background = UIColor.white               // White background
+    static let surface = UIColor(hex: 0xF9FAFB)         // Light gray surface
+    static let surfaceVariant = UIColor(hex: 0xF3F4F6)  // Slightly darker surface
+    static let border = UIColor(hex: 0xE5E7EB)          // Light border
+    static let divider = UIColor(hex: 0xD1D5DB)         // Divider color
+    
+    // Text colors
+    static let textPrimary = UIColor(hex: 0x111827)     // Near black for primary text
+    static let textSecondary = UIColor(hex: 0x4B5563)   // Dark gray for secondary text
+    static let textTertiary = UIColor(hex: 0x6B7280)    // Medium gray for tertiary text
+    static let textDisabled = UIColor(hex: 0x9CA3AF)    // Light gray for disabled text
+    static let textOnPrimary = UIColor.white            // White text on primary color
+    static let textOnSecondary = UIColor.white          // White text on secondary color
+}
+
+// Extension to create UIColor from hex value
+extension UIColor {
+    convenience init(hex: UInt32, alpha: CGFloat = 1.0) {
+        let red = CGFloat((hex & 0xFF0000) >> 16) / 255.0
+        let green = CGFloat((hex & 0x00FF00) >> 8) / 255.0
+        let blue = CGFloat(hex & 0x0000FF) / 255.0
+        
+        self.init(red: red, green: green, blue: blue, alpha: alpha)
+    }
+}

ios/PDFConverter/PDFConverter/Config.swift

@@ -27,6 +27,6 @@ struct Config {
         }
 
         // Fallback to default URL
-        return "https://profullstack.com/pdf"
+        return "https://convert2doc.com"
     }()
 }

ios/PDFConverter/PDFConverter/ViewController.swift

@@ -4,6 +4,7 @@ import WebKit
 class ViewController: UIViewController, WKNavigationDelegate {
     private var webView: WKWebView!
     private var progressView: UIProgressView!
+    private var bottomNavigationBar: BottomNavigationBar!
     private var observation: NSKeyValueObservation?
 
     override func viewDidLoad() {
@@ -12,6 +13,7 @@ class ViewController: UIViewController, WKNavigationDelegate {
         setupWebView()
         setupProgressView()
         setupNavigationBar()
+        setupBottomNavigationBar()
         loadWebsite()
     }
 
@@ -25,7 +27,12 @@ class ViewController: UIViewController, WKNavigationDelegate {
         preferences.allowsContentJavaScript = true
         configuration.defaultWebpagePreferences = preferences
 
-        webView = WKWebView(frame: view.bounds, configuration: configuration)
+        // Create webView with adjusted frame to account for bottom navigation bar
+        let bottomBarHeight: CGFloat = 56
+        var webViewFrame = view.bounds
+        webViewFrame.size.height -= bottomBarHeight
+        
+        webView = WKWebView(frame: webViewFrame, configuration: configuration)
         webView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
         webView.navigationDelegate = self
         view.addSubview(webView)
@@ -61,6 +68,25 @@ class ViewController: UIViewController, WKNavigationDelegate {
         )
     }
 
+    private func setupBottomNavigationBar() {
+        let bottomBarHeight: CGFloat = 56
+        let bottomBarFrame = CGRect(
+            x: 0,
+            y: view.bounds.height - bottomBarHeight,
+            width: view.bounds.width,
+            height: bottomBarHeight
+        )
+        
+        bottomNavigationBar = BottomNavigationBar(frame: bottomBarFrame)
+        bottomNavigationBar.autoresizingMask = [.flexibleWidth, .flexibleTopMargin]
+        view.addSubview(bottomNavigationBar)
+        
+        // Set up home button action
+        bottomNavigationBar.onHomeTapped = { [weak self] in
+            self?.loadWebsite()
+        }
+    }
+    
     private func loadWebsite() {
         // Load URL from Config which reads from .env file
         if let url = URL(string: Config.apiBaseURL) {