# Wealthfront Website Copy

A comprehensive offline copy of Wealthfront.com with complete multi-page functionality, working navigation, and high-quality single-page copying tools.

## 🎉 Project Overview

This project provides a fully functional offline copy of the Wealthfront website with:
- **25 HTML pages** covering all major navigation routes
- **Complete styling** with TailwindCSS integration
- **Working offline navigation** between all pages
- **All assets** (images, CSS, JavaScript) properly configured
- **High-quality single-page copier CLI tool** for developer-controlled page copying

## 📁 Repository Structure

This repository contains:
- **Configuration files**: `package.json`, `tailwind.config.js`
- **Source files**: `src/input.css` for TailwindCSS
- **Scripts**: Python scripts for website scraping and processing
- **CLI Tool**: `single_page_copier.py` for high-quality individual page copying
- **Documentation**: Project documentation and mapping files

## 🛠️ Single Page Copier CLI Tool

**NEW**: High-quality, developer-controlled CLI tool for copying individual web pages with maximum quality and visibility cleanup:

```bash
# Copy individual pages with high quality and visibility cleanup
python single_page_copier.py https://www.wealthfront.com/ --js-mode clean --verbose
python single_page_copier.py https://www.wealthfront.com/cash --output cash.html --dir my_copies --js-mode clean
```

Features:
- **Developer Control**: Copy specific URLs without automatic discovery
- **High Quality**: Focuses on perfect single-page copies
- **Visibility Cleanup**: Ensures all main content sections are visible in static copies
- **Multiple Processing Modes**: JavaScript handling (clean, extract, disable, prettify, keep)
- **Code Prettification**: Developer-friendly HTML, CSS, and JavaScript output
- **Comprehensive Asset Handling**: CSS, JavaScript, images, fonts, nested assets
- **Verbose Logging**: Detailed feedback during copying process
- **Clean Output**: Organized directory structure with proper offline functionality

See [CLI Tool Documentation]README_CLI.md for complete usage instructions.

## 📦 Complete Website Download

Due to repository size constraints, the complete multi-page website (25 HTML pages + assets) is available via **GitHub Release**:

👉 **[Download Complete Website from Releases]https://github.com/waluenetwork/websitedesign/releases**

The release contains:
- All 25 HTML pages with working navigation
- Complete assets directory (CSS, JavaScript, images, fonts)
- Ready-to-use offline website package

## 🚀 Quick Start

### Option 1: Use Single Page Copier (Recommended for Quality)
1. Install dependencies: `pip install requests beautifulsoup4`
2. Copy individual pages: `python single_page_copier.py <URL> --verbose`
3. Serve locally: `cd output && python3 -m http.server 8000`

### Option 2: Use Complete Website
1. Download the latest release archive
2. Extract: `tar -xzf wealthfront-multi-page-website.tar.gz`
3. Navigate: `cd websitedesign`
4. Serve: `python3 -m http.server 8000`
5. Open: `http://localhost:8000`

### Option 3: Development Setup
1. Clone this repository
2. Install dependencies: `npm install`
3. Use the included scripts to regenerate content

## 🌐 Live Demo

The website is currently accessible via public URL for testing:
https://user:6867bd0ec07c55200a1d34243fba10cf@website-copy-generator-tunnel-4hgsgcyc.devinapps.com

## 📋 Features

- **High-Quality Single Page Copying**: CLI tool for maximum quality individual page copies
-**Visibility Cleanup**: Ensures main content sections like "Money works better here" are visible
-**Code Prettification**: Developer-friendly HTML, CSS, and JavaScript output
-**Multiple Processing Modes**: Flexible JavaScript handling (clean, extract, disable, prettify, keep)
-**Complete Sitemap Coverage**: All 25 major pages in multi-page version
-**Working Navigation**: Internal links function correctly
-**Offline Functionality**: No internet connection required
-**Responsive Design**: Original Wealthfront styling preserved
-**TailwindCSS Integration**: Custom configuration maintained
-**Asset Optimization**: All resources properly downloaded and configured

## 🔧 Technical Details

### Pages Included (Multi-Page Version)
- Homepage, Cash, Stock Investing, Automated Investing, Bonds
- Investment pages: Retirement, College, SRI
- Tools: Pricing, Tax Loss Harvesting, Historical Performance
- Bond products: Automated Bond Ladder, Portfolio
- Calculators: Risk Questionnaire, IRA Calculator
- Company: Reviews, Careers, Legal, Security
- Utility: Sitemap, SP500 Direct, Login, Find ATM

### Technical Implementation
- **Single Page CLI Tool**: High-quality copying with comprehensive asset handling
- **JavaScript Routing Fix**: Disabled Next.js client-side routing for static HTML navigation
- **Link Rewriting**: All internal links converted to local HTML files
- **Asset Management**: 328+ total assets properly configured
- **Size Optimization**: Repository separated from large assets for efficient delivery

## 📝 Development Scripts

The repository includes Python scripts for:
- `single_page_copier.py`: **NEW** High-quality single-page copying CLI tool
- `multi_page_scraper.py`: Main scraping script for downloading all pages
- `download_assets.py`: Asset downloading and configuration
- `disable_js_routing.py`: JavaScript routing fixes
- `final_link_fix.py`: Internal link rewriting
- Various debugging and analysis tools

## 🎯 Usage Instructions

1. **For High-Quality Single Pages**: Use the CLI tool `single_page_copier.py`
2. **For Complete Website**: Download from GitHub releases
3. **For Development**: Clone this repository and use the included scripts
4. **For Testing**: Use the provided public URL for immediate access

## 📊 Project Statistics

- **Total Pages**: 25 HTML files (multi-page version)
- **Total Assets**: 328+ files (CSS, JS, images, fonts)
- **Repository Size**: ~264KB (essential files only)
- **Complete Package**: ~25MB (includes all HTML pages and assets)
- **CLI Tool**: Tested with 42+ assets per page

## 🔗 Links

- **GitHub Repository**: Essential project files and scripts
- **GitHub Releases**: Complete website downloads
- **Live Demo**: Public URL for testing
- **CLI Documentation**: [README_CLI.md]README_CLI.md
- **Devin Session**: https://app.devin.ai/sessions/b6cf42d0f6104e8e83956055a27b04d2

---

**Created by**: @waluenetwork  
**Developed by**: Devin AI  
**License**: MIT