Geopathways - Coming Soon Landing Page

A minimal, fast-loading "Coming Soon" landing page for Geopathways.

Project Structure

.
├── index.html              # Main landing page
├── style.css              # Styling
├── Logo Files/            # Brand assets
└── README.md             # This file

Local Development

Simply open index.html in your browser, or use a local server:

# Using Python 3
python -m http.server 8000

# Using Node.js with http-server
npx http-server

# Using VS Code Live Server extension

Then visit http://localhost:8000

Deployment to Cloudflare Pages

Prerequisites

• A GitHub account
• A Cloudflare account (free tier)
• Your domain registered (geopathways.com and/or geopathways.ca)

Steps

1. Push to GitHub

   git init
   git add .
   git commit -m "Initial commit: Coming Soon landing page"
   git remote add origin https://github.com/YOUR_USERNAME/geopathways-website.git
   git branch -M main
   git push -u origin main

2. Connect to Cloudflare Pages

   • Go to https://pages.cloudflare.com/
   • Click "Create a project" → "Connect to Git"
   • Select your GitHub account and the geopathways-website repository
   • Configure build settings:
     • Build command: (leave empty)
     • Build output directory: / (root)
   • Click "Save and Deploy"

3. Connect Your Domain

   • In Cloudflare Pages project settings, go to "Custom domains"
   • Add both geopathways.com and geopathways.ca
   • Follow the DNS setup instructions
   • Or point your domain registrar's nameservers to Cloudflare

Cost

• Hosting: Free with Cloudflare Pages (unlimited deployments)
• Domain: ~$12/year each (from registrar of your choice)
• Total: ~$24/year for both domains

Customization

Change the Logo

Edit index.html and update the logo path:

<img src="Logo Files/For Web/svg/[logo-file].svg" alt="Geopathways Logo" class="logo">

Change Colors

Edit style.css and modify the CSS variables or gradient colors:

body {
    background: linear-gradient(135deg, #COLOR1 0%, #COLOR2 100%);
}

Update Text

Edit index.html to change:

• <h1>Coming Soon</h1> - Main heading
• <p class="tagline">...</p> - Subtitle
• <p>Stay tuned for updates</p> - CTA text

Next Steps

When you're ready to go live:

1. Replace the Coming Soon page with your full website
2. Add additional pages (About, Services, Contact, etc.)
3. Set up email forwarding or contact forms
4. Add analytics (optional: Google Analytics via Cloudflare)

---

Hosted with ☁️ Cloudflare Pages

geopathways-website