{"id":29646655,"url":"https://github.com/longcipher/ledgerflow-homepage","last_synced_at":"2026-05-20T07:34:14.073Z","repository":{"id":303897543,"uuid":"1017056490","full_name":"longcipher/ledgerflow-homepage","owner":"longcipher","description":"LedgerFlow: Web3 Payment Gateway, Web3 version Stripe","archived":false,"fork":false,"pushed_at":"2025-07-10T02:40:52.000Z","size":23,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-10T10:37:07.424Z","etag":null,"topics":["landing-page","leptos","payment-gateway","tailwind","tailwindcss","telegrambot","usdc"],"latest_commit_sha":null,"homepage":"https://ledgerflow.longcipher.com/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/longcipher.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-10T00:50:37.000Z","updated_at":"2025-07-10T02:40:55.000Z","dependencies_parsed_at":"2025-07-10T10:37:09.444Z","dependency_job_id":"d180badb-5004-4b88-aeae-306eaa865432","html_url":"https://github.com/longcipher/ledgerflow-homepage","commit_stats":null,"previous_names":["longcipher/ledgerflow-homepage"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/longcipher/ledgerflow-homepage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/longcipher%2Fledgerflow-homepage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/longcipher%2Fledgerflow-homepage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/longcipher%2Fledgerflow-homepage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/longcipher%2Fledgerflow-homepage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/longcipher","download_url":"https://codeload.github.com/longcipher/ledgerflow-homepage/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/longcipher%2Fledgerflow-homepage/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266416823,"owners_count":23925295,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["landing-page","leptos","payment-gateway","tailwind","tailwindcss","telegrambot","usdc"],"created_at":"2025-07-22T03:01:24.688Z","updated_at":"2026-05-20T07:34:09.036Z","avatar_url":"https://github.com/longcipher.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LedgerFlow - Web3 Payment Gateway\n\n**Make Value Flow Like Information.**\n\nA modern, dark-themed landing page for a Web3 payment gateway built with Leptos and Rust. LedgerFlow showcases a permissionless, self-custody payment solution for creators and developers in the Web3 ecosystem.\n\n## 🌟 Features\n\n- 🌙 **Dark Web3 Theme**: Modern UI with blue and purple glowing accents\n- ⚡ **Rust Performance**: Built with Leptos for lightning-fast WASM performance\n- 📱 **Fully Responsive**: Optimized for desktop and mobile devices\n- 🎨 **Smooth Animations**: CSS animations with fade-in effects and hover states\n- 🔧 **Easy Configuration**: Simple config constants for quick customization\n- 🌐 **Static Deployment**: Zero server requirements, deploy anywhere\n\n## 🏗️ Page Structure\n\nThe landing page is built with modular Leptos components:\n\n### 🧭 Navigation (`Navbar`)\n- Logo with brand name\n- Navigation links: \"Why LedgerFlow?\", \"Features\", \"How it Works\"\n- Action buttons: \"GitHub\" and \"Get Started\"\n- Mobile-responsive menu toggle\n\n### 🚀 Hero Section (`HeroSection`)\n- Primary headline with animated background\n- Value proposition subtitle\n- Dual CTAs: \"View on GitHub\" and \"Start Receiving Payments via Telegram\"\n- Supporting text with fade-in animations\n\n### ❌ Problem Section (`ProblemSection`)\n- Title: \"Tired of Traditional Payment Rails?\"\n- Four problem cards:\n  - 🏢 **High Barriers**: Company registration requirements\n  - 🔒 **Frozen Funds**: Platform control over user funds\n  - 💸 **Hidden Fees**: Unpredictable costs and conversion fees\n  - 🌍 **Geographic Walls**: Banking and country restrictions\n\n### ✅ Solution Section (`SolutionSection`)  \n- Title: \"Welcome to the Future of Payments.\"\n- Four solution cards:\n  - ⚡ **Truly Permissionless**: Only crypto address needed\n  - 🔐 **Self-Custody**: Direct on-chain vault control\n  - 💎 **Radical Transparency**: Only blockchain gas fees\n  - 🌐 **Genuinely Global**: Internet-only requirements\n\n### 🔄 How It Works Section (`HowItWorksSection`)\n- Title: \"Simple \u0026 Secure in 3 Steps\"\n- Three-step process:\n  1. **Create Link**: Generate payment request via Telegram Bot\n  2. **Customer Pays**: USDC sent to PaymentVault contract\n  3. **Receive Funds**: On-chain confirmation and instant vault arrival\n\n### 🛠️ Features Section (`FeaturesSection`)\n- Title: \"Built for the Web3 Economy\"\n- Four core features:\n  - 🏛️ **Non-Custodial Vault**: Single audited smart contract\n  - 🔗 **Seamless Multi-Chain**: EVM chain compatibility\n  - ⚙️ **Programmable \u0026 Composable**: DeFi integration ready\n  - ⛽ **Gasless Experience**: Permit signature support\n\n### 📞 Final CTA Section (`FinalCTASection`)\n- Title: \"Ready to Join the Open Financial Network?\"\n- Primary action: \"Launch the Telegram Bot\"\n- Secondary action: \"View on GitHub\"\n- Testnet contract link on Uniscan\n\n### 🏠 Footer (`Footer`)\n\n- Copyright notice with current year\n- Built with Leptos \u0026 Rust branding\n\n## 🚀 Quick Start\n\n### Prerequisites\n\n- **Rust**: Latest stable version\n- **Trunk**: WASM web application bundler\n\n### Installation\n\n```bash\n# Install Rust if not already installed\ncurl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh\n\n# Install Trunk\ncargo install trunk\n\n# Or install via npm\nnpm install -g trunk\n```\n\n### Development\n\n```bash\n# Clone the repository\ngit clone https://github.com/longcipher/ledgerflow-homepage.git\ncd ledgerflow-homepage\n\n# Start development server\ntrunk serve\n\n# Open browser to http://127.0.0.1:8080\n```\n\n### Production Build\n\n```bash\n# Build for production\ntrunk build --release\n\n# Files will be in dist/ directory\n```\n\n## 🎨 Design System\n\n### Color Palette\n\n- **Primary Blue**: `#3b82f6` - Technology and trust\n- **Secondary Purple**: `#8b5cf6` - Innovation and Web3\n- **Accent Cyan**: `#06b6d4` - Flow and movement\n- **Background**: `#0a0a0a` / `#111111` - Dark sophistication\n- **Text**: `#ffffff` to `#71717a` - Clarity gradient\n\n### Typography\n\n- **Font Family**: Inter (Google Fonts)\n- **Weights**: 100-900 available\n- **Hierarchy**: Clear distinction between titles, subtitles, and body text\n\n### Visual Effects\n\n- **Glow Effects**: Blue and purple shadows on interactive elements\n- **Gradient Text**: Primary headlines use blue-to-purple gradients\n- **Hover States**: Cards lift and glow on interaction\n- **Animations**: Fade-in effects with staggered delays\n\n## 🛠️ Configuration\n\n### Core Settings\n\nEdit the `CONFIG` struct in `src/main.rs`:\n\n```rust\nconst CONFIG: LedgerFlowConfig = LedgerFlowConfig {\n    brand_name: \"LedgerFlow\",\n    hero_title: \"Make Value Flow Like Information.\",\n    hero_subtitle: \"The open source, permissionless, self-custody payment gateway...\",\n    telegram_bot_url: \"https://t.me/LedgerFlowBot\",\n    github_url: \"https://github.com/longcipher/ledgerflow\",\n    testnet_contract_url: \"https://sepolia.uniscan.xyz/address/0x...\",\n};\n```\n\n### Content Arrays\n\nModify the problem/solution/feature arrays:\n\n```rust\n// Problems users face\nconst PROBLEMS: \u0026[(\u0026str, \u0026str, \u0026str)] = \u0026[\n    (\"🏢\", \"High Barriers\", \"Forced to register a company...\"),\n    // Add more problems...\n];\n\n// Solutions LedgerFlow provides\nconst SOLUTIONS: \u0026[(\u0026str, \u0026str, \u0026str)] = \u0026[\n    (\"⚡\", \"Truly Permissionless\", \"All you need is a crypto address...\"),\n    // Add more solutions...\n];\n\n// Core features\nconst FEATURES: \u0026[(\u0026str, \u0026str, \u0026str)] = \u0026[\n    (\"🏛️\", \"Non-Custodial Vault\", \"A single, audited smart contract...\"),\n    // Add more features...\n];\n```\n\n### Styling Customization\n\nUpdate CSS variables in `style.css`:\n\n```css\n:root {\n  --color-primary: #3b82f6;\n  --color-secondary: #8b5cf6;\n  --color-accent: #06b6d4;\n  --color-bg-primary: #0a0a0a;\n  --color-bg-secondary: #111111;\n  /* ... more variables */\n}\n```\n\n## 📦 Tech Stack\n\n- **Frontend Framework**: [Leptos](https://leptos.dev/) - Rust-based reactive UI\n- **Build Tool**: [Trunk](https://trunkrs.dev/) - WASM application bundler\n- **Styling**: Custom CSS with CSS variables and animations\n- **Icons**: Unicode emojis for lightweight, universal compatibility\n- **Fonts**: Inter from Google Fonts\n- **Deployment**: Static files, compatible with any hosting\n\n## 🏗️ Project Structure\n\n```text\nledgerflow-homepage/\n├── src/\n│   └── main.rs                 # Main Leptos components and config\n├── dist/                       # Built files (generated)\n├── target/                     # Rust build artifacts\n├── index.html                  # HTML template\n├── style.css                   # Dark theme CSS\n├── Cargo.toml                  # Rust dependencies\n├── Trunk.toml                  # Trunk configuration\n├── Justfile                    # Development commands\n├── leptosfmt.toml             # Leptos formatter config\n└── README.md                   # This file\n```\n\n## 🌐 Deployment\n\n### Static Hosting\n\nThe app builds to static files, deployable anywhere:\n\n```bash\ntrunk build --release\n```\n\nDeploy the `dist/` folder to:\n\n- **Vercel**: Connect GitHub repo for automatic deployments\n- **Netlify**: Drag and drop dist folder or connect repo\n- **GitHub Pages**: Deploy from gh-pages branch\n- **AWS S3**: Static website hosting\n- **IPFS**: Decentralized hosting for Web3 alignment\n\n### Development Commands\n\nUsing Just (justfile):\n\n```bash\n# Format code\njust format\n\n# Lint code\njust lint\n\n# Run tests\njust test\n```\n\nOr using Cargo directly:\n\n```bash\n# Format Rust code\ncargo fmt\n\n# Check for issues\ncargo clippy\n\n# Run tests\ncargo test\n```\n\n## 🎯 Target Audience\n\nThis landing page is designed for:\n\n- **Web3 Developers**: Clear technical messaging and integration focus\n- **Crypto Creators**: Self-custody and permissionless value propositions\n- **DeFi Users**: Emphasis on transparency and composability\n- **Global Entrepreneurs**: Borderless payment solutions\n\n## 🔗 External Links\n\n- **Live Demo**: [LedgerFlow Homepage](https://ledgerflow.dev)\n- **Telegram Bot**: [@LedgerFlowBot](https://t.me/LedgerFlowBot)\n- **GitHub Repository**: [longcipher/ledgerflow](https://github.com/longcipher/ledgerflow)\n- **Testnet Contract**: [Sepolia Uniscan](https://sepolia.uniscan.xyz/address/0x8b6f22009ae835795b9b33d75ad218c730db039b)\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch\n3. Make your changes\n4. Run `just lint` to ensure code quality\n5. Submit a pull request\n\n## 📄 License\n\nMIT License - Feel free to use this template for your Web3 projects.\n\n---\n\n**Built with ❤️ using Leptos and Rust for the decentralized future.**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flongcipher%2Fledgerflow-homepage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flongcipher%2Fledgerflow-homepage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flongcipher%2Fledgerflow-homepage/lists"}