+ Loading page…
+
+
+ );
+}
+
+function AppContent() {
+ const [activePage, setActivePage] = useState
+
+
+
+
+
+ );
+}
+
+export default function App() {
+ return (
+
+ {/* Controls: category pills + search — matches docs/portal aesthetic */}
+
+ );
+};
diff --git a/src/components/Breadcrumbs.tsx b/src/components/Breadcrumbs.tsx
new file mode 100644
index 0000000..2c3dc6f
--- /dev/null
+++ b/src/components/Breadcrumbs.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { ChevronRight, Home } from 'lucide-react';
+
+type Crumb = { name: string; path?: string };
+
+export const Breadcrumbs: React.FC<{ items: Crumb[]; onNavigate?: (path: string) => void }> = ({ items, onNavigate }) => {
+ // Always prepend Home unless already present
+ const full = items[0]?.name === 'Home' ? items : [{ name: 'Home', path: '/' }, ...items];
+ return (
+
+ );
+};
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..acc9957
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Github, BookOpen } from 'lucide-react';
+import { COMPANY_INFO } from '../data/companyData';
+
+export const Footer: React.FC<{ onNavigate: (page: string) => void }> = ({ onNavigate }) => {
+ return (
+
+ );
+};
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
new file mode 100644
index 0000000..c173398
--- /dev/null
+++ b/src/components/Logo.tsx
@@ -0,0 +1,82 @@
+import React, { useState } from 'react';
+import { COMPANY_INFO } from '../data/companyData';
+
+interface LogoProps {
+ className?: string;
+ showText?: boolean;
+ size?: 'sm' | 'md' | 'lg' | 'xl';
+ imageSrc?: string;
+}
+
+export const Logo: React.FC
+
+
+ {/* Grid — 2→3→4 cols, card design like gothwadtech/portal */}
+
+ {CATEGORIES.map((c) => (
+
+ ))}
+
+
+
+
+
+ {apps.map((app) => {
+ const Icon = app.icon;
+ return (
+
+
+
+ {apps.length === 0 && (
+
+
+
+
+
+
+ {app.badge}
+
+
+
+ {app.name}
+
+
+
+
+ {app.name}
+
+ {app.tagline}
+ {app.description}
+
+
+
+ );
+ })}
+
+ {app.host}.gothwadtech.com
+
+
+ Open
+
+
+
+ )}
+ No products found
+ Try a different keyword or category.
+
+
+
+ );
+};
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
new file mode 100644
index 0000000..ef628e3
--- /dev/null
+++ b/src/components/Navbar.tsx
@@ -0,0 +1,124 @@
+import React, { useRef } from 'react';
+import { Logo } from './Logo';
+import { useGothwadSession } from '../hooks/useGothwadSession';
+import { openGothwadAccountMenu, avatarColorFor, initialsFromAccount } from '../lib/accountMenuWidget';
+import { ACCOUNTS_WEB_ORIGIN, ACCOUNTS_API_ORIGIN, buildSignInUrl, buildAccountSlotPath } from '../config/brand';
+import { signOutGothwadSlot, switchGothwadAccountSlot } from '../lib/gothwadSso';
+import { useTheme as useThemeCtx } from '../context/ThemeContext';
+
+interface NavbarProps {
+ activePage: string;
+ onNavigate: (page: string) => void;
+}
+
+export const Navbar: React.FC
+ {!imageError && imageSrc ? (
+ 
{
+ if (imageSrc !== '/assets/icons/icon-512.png') {
+ const img = new Image();
+ img.src = '/assets/icons/icon-512.png';
+ img.onload = () => setImageError(false);
+ img.onerror = () => setImageError(true);
+ } else {
+ setImageError(true);
+ }
+ }}
+ className="w-full h-full object-cover block"
+ />
+ ) : (
+
+ )}
+
+
+ {showText && (
+
+
+ )}
+
+
+ GOTHWAD
+
+ TECH
+
+ {size === 'lg' || size === 'xl' ? (
+
+ Official • Sovereign Tech
+
+ ) : null}
+
+
+
+ {!isHome && (
+
+ )}
+
+
+
+
+
+
+ );
+};
diff --git a/src/config/brand.ts b/src/config/brand.ts
new file mode 100644
index 0000000..5da3cc5
--- /dev/null
+++ b/src/config/brand.ts
@@ -0,0 +1,77 @@
+export const DEFAULT_APP_DOMAIN = "gothwadtech.com";
+
+function readViteEnv(key: string): string {
+ try {
+ if (typeof import.meta !== "undefined" && (import.meta as any).env) {
+ const val = (import.meta as any).env[key];
+ if (typeof val === "string" && val.trim()) return val.trim();
+ }
+ } catch {}
+ return "";
+}
+
+export const APP_DOMAIN = (readViteEnv("VITE_APP_DOMAIN") || DEFAULT_APP_DOMAIN)
+ .toLowerCase()
+ .replace(/^https?:\/\//, "")
+ .replace(/\/+$/, "");
+
+export const ACCOUNTS_WEB_ORIGIN = (
+ readViteEnv("VITE_ACCOUNTS_WEB_URL") || `https://accounts.${APP_DOMAIN}`
+).replace(/\/+$/, "");
+
+export const ACCOUNTS_API_ORIGIN = (
+ readViteEnv("VITE_ACCOUNTS_API_URL") || `https://api.${APP_DOMAIN}`
+).replace(/\/+$/, "");
+
+export const ECOSYSTEM_NAME = "Gothwad";
+export const ACCOUNT_WIDGET_URL = `${ACCOUNTS_WEB_ORIGIN}/widget/account-menu.js`;
+
+export function formatGothwadEmail(username: string, domain = APP_DOMAIN): string {
+ const clean = String(username || "").trim().toLowerCase();
+ if (!clean) return "";
+ return clean.includes("@") ? clean : `${clean}@${domain}`;
+}
+
+export function buildAccountSlotPath(authuser: number): string {
+ const slot = Number.isInteger(authuser) && authuser >= 0 && authuser <= 5 ? authuser : 0;
+ return `/u/${slot}/`;
+}
+
+export function parseAuthuserFromUrl(
+ pathname = typeof window !== "undefined" ? window.location.pathname : "/",
+ search = typeof window !== "undefined" ? window.location.search : ""
+): { authuser: number; hasExplicitSlot: boolean } {
+ const pathMatch = pathname.match(/^\/u\/([0-5])(?:\/|$)/);
+ if (pathMatch) return { authuser: Number.parseInt(pathMatch[1], 10), hasExplicitSlot: true };
+ try {
+ const params = new URLSearchParams(search);
+ const q = params.get("authuser")?.trim() || params.get("u")?.trim();
+ if (q && /^[0-5]$/.test(q)) return { authuser: Number.parseInt(q, 10), hasExplicitSlot: true };
+ } catch {}
+ return { authuser: 0, hasExplicitSlot: false };
+}
+
+export function buildSignInUrl(
+ nextUrl = typeof window !== "undefined" ? window.location.href : `https://${APP_DOMAIN}`,
+ opts: { choose?: boolean; add?: boolean } = {}
+): string {
+ const params = new URLSearchParams();
+ if (opts.choose) params.set("choose", "1");
+ if (opts.add) params.set("add", "1");
+ params.set("next", nextUrl);
+ return `${ACCOUNTS_WEB_ORIGIN}/signin?${params.toString()}`;
+}
+
+export function buildManageAccountUrl(authuser = 0): string {
+ const slot = Number.isInteger(authuser) && authuser >= 0 && authuser <= 5 ? authuser : 0;
+ return `${ACCOUNTS_WEB_ORIGIN}/u/${slot}/me`;
+}
+
+// strip /u/
+
+
+
+ Official Portal
+
+ One Account for Mail, Drive, Meet, Tube, GrixChat, Browser & more
+
+
+
+
+
+ `;
+ this.layerEl.querySelectorAll('[data-action="close"]').forEach((el) => el.addEventListener("click", () => this.close()));
+ this.layerEl.querySelectorAll("[data-switch]").forEach((el) => {
+ el.addEventListener("click", (e) => {
+ if ((e as MouseEvent).metaKey || (e as MouseEvent).ctrlKey) return;
+ e.preventDefault();
+ const id = el.getAttribute("data-switch");
+ const target = this.state.accounts.find((a) => a.id === id);
+ this.close();
+ if (target) void this.opts.onSwitchAccount?.(target);
+ });
+ });
+ this.layerEl.querySelector('[data-action="signout-active"]')?.addEventListener("click", () => {
+ const slotId = this.state.activeId || this.state.accounts[0]?.id || "a";
+ this.close();
+ if (this.opts.onSignOutAccount) void this.opts.onSignOutAccount(slotId);
+ else void this.opts.onSignOutAll?.();
+ });
+ this.layerEl.querySelectorAll("[data-extra]").forEach((el) => {
+ el.addEventListener("click", () => {
+ const idx = Number(el.getAttribute("data-extra"));
+ this.close();
+ extraActions[idx]?.onClick?.();
+ });
+ });
+ }
+}
+
+let preloadStarted = false;
+
+export function preloadGothwadAccountMenu(): void {
+ if (typeof window === "undefined") return;
+ if (!window.GothwadAccountMenu) window.GothwadAccountMenu = new FallbackAccountMenu();
+ if (preloadStarted) return;
+ preloadStarted = true;
+ try {
+ if (!document.querySelector(`script[src="${ACCOUNT_WIDGET_URL}"]`)) {
+ const script = document.createElement("script");
+ script.type = "module";
+ script.async = true;
+ script.src = ACCOUNT_WIDGET_URL;
+ document.head.appendChild(script);
+ }
+ } catch {}
+}
+
+export function openGothwadAccountMenu(state: GothwadAccountMenuState, opts: GothwadAccountMenuOptions): void {
+ preloadGothwadAccountMenu();
+ window.GothwadAccountMenu?.open(state, {
+ appDomain: APP_DOMAIN,
+ accountsWebOrigin: ACCOUNTS_WEB_ORIGIN,
+ accountsApiOrigin: `${ACCOUNTS_API_ORIGIN}/api`,
+ ecosystemName: ECOSYSTEM_NAME,
+ ...opts,
+ });
+}
+
+export const preloadAccountMenuWidget = preloadGothwadAccountMenu;
+export const openAccountMenu = openGothwadAccountMenu;
diff --git a/src/lib/gothwadSso.ts b/src/lib/gothwadSso.ts
new file mode 100644
index 0000000..1e89c76
--- /dev/null
+++ b/src/lib/gothwadSso.ts
@@ -0,0 +1,167 @@
+import {
+ ACCOUNTS_API_ORIGIN,
+ ACCOUNTS_WEB_ORIGIN,
+ buildAccountSlotPath,
+ buildSignInUrl,
+ formatGothwadEmail,
+ parseAuthuserFromUrl,
+} from "../config/brand";
+
+export const DEFAULT_API_TIMEOUT_MS = 8000;
+
+export interface GothwadSsoUser {
+ id: string;
+ username?: string;
+ email: string;
+ firstName?: string;
+ lastName?: string;
+ name: string;
+ avatarUrl?: string | null;
+ avatar_url?: string | null;
+}
+
+export interface GothwadAccountItem {
+ id: string;
+ authuser: number;
+ username?: string;
+ name: string;
+ firstName?: string;
+ lastName?: string;
+ email: string;
+ avatarUrl?: string | null;
+ avatar_url?: string | null;
+ accountUrl?: string | null;
+}
+
+export type ServiceErrorKind = "none" | "routing_html" | "http_5xx" | "rate_limited" | "network" | "timeout" | "redirect";
+
+export interface FetchMeResult {
+ status: "authenticated" | "anonymous" | "error";
+ authenticated: boolean;
+ activeId: string | null;
+ authuser: number;
+ user: GothwadSsoUser | null;
+ accounts: GothwadAccountItem[];
+ errorKind: ServiceErrorKind;
+ errorMessage: string | null;
+}
+
+function normalizeClientUser(raw: any): GothwadSsoUser | null {
+ if (!raw || typeof raw !== "object") return null;
+ const id = String(raw.id || raw.userId || "").trim();
+ const rawEmail = String(raw.email || "").trim().toLowerCase();
+ const username = String(raw.username || (rawEmail ? rawEmail.split("@")[0] : "")).trim().toLowerCase();
+ if (!id || !username) return null;
+ const firstName = String(raw.firstName ?? raw.first_name ?? "").trim();
+ const lastName = String(raw.lastName ?? raw.last_name ?? "").trim();
+ const name = String(raw.name || `${firstName} ${lastName}`.trim() || username).trim();
+ const avatarUrl = raw.avatarUrl ?? raw.avatar_url ?? null;
+ return { id, username, email: formatGothwadEmail(raw.email || username), firstName, lastName, name, avatarUrl: avatarUrl ? String(avatarUrl) : null, avatar_url: avatarUrl ? String(avatarUrl) : null };
+}
+
+function normalizeClientAccount(raw: any, idx: number): GothwadAccountItem {
+ const username = String(raw?.username || "").trim().toLowerCase();
+ const firstName = String(raw?.firstName ?? raw?.first_name ?? "").trim();
+ const lastName = String(raw?.lastName ?? raw?.last_name ?? "").trim();
+ const name = String(raw?.name || `${firstName} ${lastName}`.trim() || username || "Account").trim();
+ const authuser = Number.isInteger(raw?.authuser) ? Number(raw.authuser) : idx;
+ const avatarUrl = raw?.avatarUrl ?? raw?.avatar_url ?? null;
+ return {
+ id: String(raw?.id || raw?.slot || "a"),
+ authuser,
+ username,
+ name,
+ firstName,
+ lastName,
+ email: formatGothwadEmail(raw?.email || username),
+ avatarUrl: avatarUrl ? String(avatarUrl) : null,
+ avatar_url: avatarUrl ? String(avatarUrl) : null,
+ accountUrl: raw?.accountUrl || `${ACCOUNTS_WEB_ORIGIN}/u/${authuser}/me`,
+ };
+}
+
+export function getCurrentAuthuser(): number {
+ return parseAuthuserFromUrl().authuser;
+}
+export const slotUrl = buildAccountSlotPath;
+export const buildSsoSignInUrl = buildSignInUrl;
+
+function buildAuthuserHeaders(authuser?: number): Record
+
+ Manage your ${esc(this.opts.ecosystemName || ECOSYSTEM_NAME)} Account
+ ${extraActions.length > 0 ? `${renderAvatarHtml(active || {}, 64)}
+ ${others.map((acct) => {
+ const href = this.opts.accountHref ? this.opts.accountHref(acct) : `/u/${acct.authuser}/`;
+ return `${renderAvatarHtml(acct, 38)}`;
+ }).join("")}
+
+
+ ${extraActions.map((a, idx) => ``).join("")}
` : ""}
+
+
+ );
+};
diff --git a/src/pages/ContactPage.tsx b/src/pages/ContactPage.tsx
new file mode 100644
index 0000000..73cfd95
--- /dev/null
+++ b/src/pages/ContactPage.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Mail, Phone, MessageSquare } from 'lucide-react';
+import { Breadcrumbs } from '../components/Breadcrumbs';
+import { COMPANY_INFO } from '../data/companyData';
+
+export const ContactPage: React.FC = () => {
+ return (
+ Gothwad Tech
++ Sovereign software from Jaipur, Rajasthan — founder Pawan Gothwad, CEO Yuvkesh Meena. We build browsers, messaging and business tools for Bharat. Open-source on GitHub. +
+ +
+ {[
+ { name: 'Pawan Gothwad', role: 'Founder', email: 'pawan@gothwadtech.com' },
+ { name: 'Yuvkesh Meena', role: 'CEO', email: 'ceo@gothwadtech.com', highlight: true },
+ { name: 'Vishnu Meena', role: 'CTO', email: 'vishnu@gothwadtech.com' },
+ ].map((p) => (
+
+
+
+ {p.name.split(' ').map(n=>n[0]).join('')}
+ {p.name}
+ {p.role}
+ {p.email}
+
+ ))}
+
+ 12 specialists • founded 2023 • Aatmanirbhar Bharat • GitHub
+
+
+
+ );
+};
diff --git a/src/pages/DocsPage.tsx b/src/pages/DocsPage.tsx
new file mode 100644
index 0000000..74ed165
--- /dev/null
+++ b/src/pages/DocsPage.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { BookOpen, ArrowRight } from 'lucide-react';
+import { Breadcrumbs } from '../components/Breadcrumbs';
+
+const DOCS = [
+ { title: 'Quickstart', desc: 'Run your first Gothwad app', href: 'https://docs.gothwadtech.com/docs/quickstart' },
+ { title: 'Accounts OAuth', desc: 'PKCE flow + user info', href: 'https://docs.gothwadtech.com/docs/oauth' },
+ { title: 'Mail setup', desc: 'Deploy inbox on Cloudflare', href: 'https://docs.gothwadtech.com/docs/mail-setup' },
+ { title: 'API reference', desc: 'Accounts + Mail REST', href: 'https://docs.gothwadtech.com/docs/api' },
+ { title: 'Ecosystem', desc: 'How apps connect', href: 'https://docs.gothwadtech.com/docs/architecture' },
+ { title: 'Browser', desc: 'Android TV & mobile', href: 'https://docs.gothwadtech.com/docs/browser' },
+];
+
+export const DocsPage: React.FC = () => {
+ return (
+ Contact
+We reply in 2–4 hours.
+ +
+ {[
+ { label: 'Business', email: COMPANY_INFO.email },
+ { label: 'Support', email: COMPANY_INFO.supportEmail },
+ { label: 'Help', email: COMPANY_INFO.helpEmail },
+ ].map((it) => (
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/pages/EcosystemPage.tsx b/src/pages/EcosystemPage.tsx
new file mode 100644
index 0000000..21a06e9
--- /dev/null
+++ b/src/pages/EcosystemPage.tsx
@@ -0,0 +1,136 @@
+import React, { useMemo, useState } from 'react';
+import { ArrowUpRight, Github, Search, ExternalLink, Fingerprint, Mail, HardDrive, Video } from 'lucide-react';
+import { ECOSYSTEM_APPS, CATEGORIES } from '../data/ecosystem';
+import type { CategoryId } from '../data/ecosystem';
+import { Breadcrumbs } from '../components/Breadcrumbs';
+import { COMPANY_INFO } from '../data/companyData';
+
+export const EcosystemPage: React.FC<{ onNavigate?: (p: string) => void }> = () => {
+ const [category, setCategory] = useState
+ Source-based docs for Gothwad ecosystem.
+ +
+ {DOCS.map((d) => (
+
+
+
+
+
+
+ {d.title}
+ {d.desc}
+
+
+ );
+};
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
new file mode 100644
index 0000000..20b1a14
--- /dev/null
+++ b/src/pages/HomePage.tsx
@@ -0,0 +1,142 @@
+import React, { useState } from 'react';
+import { Search, ArrowUpRight, Grid2X2, Github, BookOpen } from 'lucide-react';
+import { Logo } from '../components/Logo';
+import { ECOSYSTEM_APPS } from '../data/ecosystem';
+
+export const HomePage: React.FC<{ onNavigate: (p: string) => void }> = ({ onNavigate }) => {
+ const [q, setQ] = useState('');
+
+ const filtered = ECOSYSTEM_APPS.filter((app) => {
+ if (!q.trim()) return true;
+ const s = q.toLowerCase();
+ return (
+ app.name.toLowerCase().includes(s) ||
+ app.tagline.toLowerCase().includes(s) ||
+ app.host.toLowerCase().includes(s) ||
+ app.description.toLowerCase().includes(s)
+ );
+ });
+
+ return (
+
+
+
+
+ Ecosystem Directory
+
+ + All Gothwad products — direct links +
+
+ Every Gothwad product in one place. Each card shows the live subdomain ({'{host}.gothwadtech.com'}), a short description, GitHub repo and one-click access. Connected apps use your Gothwad Account; standalone apps use “Sign in with Gothwad”.
+
+
+
+
+ {CATEGORIES.map((c) => (
+
+ ))}
+
+
+
+
+ Showing {apps.length} {apps.length === 1 ? 'product' : 'products'} • Core = Gothwad Account connected (cannot be revoked) • Others = “Sign in with Gothwad” (revocable)
+
+
+
+ {apps.map((app) => {
+ const Icon = app.icon;
+ return (
+
+
+ {/* Bottom helper — mirrors docs “leadership themes” but as product CTA */}
+
+
+ );
+ })}
+
+
+
+
+
+
+
+ {app.badge}
+
+ {app.core && Core}
+
+ {app.name}
+{app.tagline}
+ {app.description}
+ +
+ {app.platforms.map((p) => (
+
+ {p}
+
+ ))}
+
+
+
+
+ Open
+ {app.host}.gothwadtech.com
+
+
+
+
+
+ A connected ecosystem
+Accounts, Mail, Drive, Meet and Store live alongside standalone products in the same Gothwad Account directory — same as our docs portal.
+
+
+ Web & mobile, side by side
+From Cloudflare Pages web apps to native Android apps for phones, tablets & Android TVs — one portfolio, many platforms.
+
+
+ Public record of the work
+Every card links to its GitHub repo and documentation boundary. Read the source, not just the marketing copy.
+
+ Need OAuth integration? Read Sign in with Gothwad (PKCE) • Deploy your own to Cloudflare Pages
+
+
+ {/* Google-like centered hero */}
+
+ );
+};
diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx
new file mode 100644
index 0000000..ff602b3
--- /dev/null
+++ b/src/pages/ProductsPage.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import { Compass, MessageSquare, Send, ArrowRight, ExternalLink } from 'lucide-react';
+import { Breadcrumbs } from '../components/Breadcrumbs';
+
+const PRODUCTS = [
+ { id: 'browser', name: 'Gothwad Browser', desc: '11.8 MB • 75% less RAM • TurboShield', icon: Compass, color: 'text-[#0494f4]', href: 'https://browser.gothwadtech.com', play: 'https://play.google.com/store/apps/details?id=com.gothwad.browser' },
+ { id: 'grixchat', name: 'GrixChat', desc: '<15ms • 2GB files • HD calling', icon: MessageSquare, color: 'text-emerald-600', href: 'https://grixchat.gothwadtech.com', play: 'https://play.google.com/store/apps/details?id=com.gothwad.grixchat' },
+ { id: 'indogram', name: 'Indogram', desc: '200k members • unlimited cloud', icon: Send, color: 'text-sky-600', href: 'https://indogram.gothwadtech.com', play: 'https://play.google.com/store/apps/details?id=com.gothwad.indogram' },
+];
+
+export const ProductsPage: React.FC = () => {
+ return (
+
+ {/* Big logo — like Google doodle */}
+
+
+ {/* Google-like footer */}
+
+
+
+
+ {/* Search bar — Google rounded-full */}
+ Gothwad Tech — Official Website
++ Everything Gothwad, in one place. +
+
+
+
+ {/* Product grid — like Google apps / Chrome shortcuts */}
+
+
+
+
+
+
+
+
+
+ {/* Minimal language + India */}
+
+ QUICK ACCESS
+
+
+
+
+
+ {filtered.map((app) => {
+ const Icon = app.icon;
+ return (
+
+
+
+ {filtered.length === 0 && (
+
+
+
+ {app.name}
+
+
+ {app.host}.gothwadtech.com
+
+
+ );
+ })}
+
+
+ )}
+ No products found for “{q}”
+ +
+ Offered by Gothwad Tech in: English • हिन्दी
+
+
+
+ );
+};
diff --git a/src/pages/SolutionsPage.tsx b/src/pages/SolutionsPage.tsx
new file mode 100644
index 0000000..7255c3d
--- /dev/null
+++ b/src/pages/SolutionsPage.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { GraduationCap, Utensils, Store, Building2, ArrowRight } from 'lucide-react';
+import { Breadcrumbs } from '../components/Breadcrumbs';
+
+const ITEMS = [
+ { icon: GraduationCap, title: 'School ERP', desc: 'Fees, attendance, parent app', price: '₹24,999' },
+ { icon: Utensils, title: 'Restaurant POS', desc: 'Ordering + QR + billing', price: '₹19,999' },
+ { icon: Store, title: 'Shop billing', desc: 'Barcode + Khata + storefront', price: '₹14,999' },
+ { icon: Building2, title: 'Business CRM', desc: 'Leads, invoices, payroll', price: '₹29,999' },
+];
+
+export const SolutionsPage: React.FC<{ onNavigate: (p: string) => void }> = ({ onNavigate }) => {
+ return (
+ Sovereign apps
+Three flagships — open on any device.
+ +
+ {PRODUCTS.map((p) => {
+ const Icon = p.icon;
+ return (
+
+ );
+ })}
+
+
+
+ Want all products? Try the ecosystem hub.
+ Ecosystem
+
+
+ );
+};
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// Solutions
+Simple tools for shops, schools and startups.
+ +
+ {ITEMS.map((it) => {
+ const Icon = it.icon;
+ return (
+
+
+
+
+ );
+ })}
+
+
+
+
+ {it.price}
+ {it.title}
+ {it.desc}
+
+
+
+