Skip to content

Commit bd4d492

Browse files
mcruzdevmcruzdev
committed
feat: add landing page
Signed-off-by: Matheus Cruz <[email protected]>
1 parent 14cb8ee commit bd4d492

File tree

2 files changed

+109
-0
lines changed

2 files changed

+109
-0
lines changed

‎.github/workflows/landing_page.yaml‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
name: Publish Landing Page to Amazon S3
2+
on:
3+
push:
4+
branches:
5+
- main
6+
paths:
7+
- site/index.html
8+
jobs:
9+
publish-landing-page:
10+
name: Publish Landing Page
11+
runs-on: ubuntu-latest
12+
13+
steps:
14+
- name: Checkout Repository
15+
uses: actions/checkout@v5
16+
17+
- name: Configure AWS Credentials
18+
uses: aws-actions/configure-aws-credentials@v2
19+
with:
20+
aws-access-key-id: ${{ secrets.LANDING_PAGE_AWS_ACCESS_KEY_ID }}
21+
aws-secret-access-key: ${{ secrets.LANDING_PAGE_AWS_SECRET_ACCESS_KEY }}
22+
aws-region: us-east-1
23+
24+
- name: Sync Landing Page to S3
25+
run: |
26+
aws s3 cp site/index.html s3://${{ secrets.LANDING_PAGE_S3_BUCKET }}/index.html

‎site/index.html‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Timeless – AI + WhatsApp</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
</head>
9+
<body class="bg-gray-50 text-gray-900">
10+
<!-- Hero Section -->
11+
<header class="w-full py-4 flex justify-between items-center px-6 absolute top-0 left-0">
12+
<div class="text-2xl font-bold">Timeless</div>
13+
<nav class="flex items-center gap-6 text-lg">
14+
<a href="https://github.com/mcruzdev/timeless" target="_blank" class="flex items-center gap-2 hover:opacity-80 transition">
15+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.3 9.45 7.9 10.98.58.1.77-.25.77-.55v-2c-3.22.7-3.9-1.55-3.9-1.55-.52-1.32-1.28-1.67-1.28-1.67-1.04-.72.08-.7.08-.7 1.15.08 1.75 1.18 1.75 1.18 1.02 1.75 2.68 1.25 3.33.95.1-.75.4-1.25.72-1.55-2.56-.3-5.26-1.28-5.26-5.72 0-1.28.46-2.33 1.18-3.15-.12-.3-.52-1.52.12-3.15 0 0 .97-.3 3.18 1.18.92-.26 1.9-.4 2.88-.4.98 0 1.96.14 2.88.4 2.2-1.48 3.18-1.18 3.18-1.18.64 1.63.24 2.85.12 3.15.74.82 1.18 1.87 1.18 3.15 0 4.46-2.7 5.42-5.28 5.72.42.36.78 1.08.78 2.2v3.28c0 .28.18.65.78.54C20.2 21.43 23.5 17.1 23.5 12c0-6.35-5.15-11.5-11.5-11.5Z"/></svg>
16+
GitHub
17+
</a>
18+
</nav>
19+
</header>
20+
<section class="min-h-screen flex flex-col justify-center items-center text-center px-6">
21+
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Icon" class="w-16 h-16 mb-4 mx-auto opacity-90" />
22+
<h1 class="text-5xl font-bold mb-4">Timeless</h1>
23+
<p class="text-xl max-w-2xl mb-8">Send messages, images, and audio through WhatsApp. Timeless uses AI to understand, organize, and store everything — helping you keep your **financial life organized effortlessly** through WhatsApp.</p>
24+
<a href="#start" class="bg-blue-600 text-white px-6 py-3 rounded-xl text-lg font-semibold hover:bg-blue-700 transition">Get Started</a>
25+
</section>
26+
27+
<!-- How it Works -->
28+
<section class="py-20 px-6 bg-white" id="start">
29+
<h2 class="text-3xl font-bold text-center mb-12">How Timeless Works</h2>
30+
31+
<div class="grid grid-cols-1 md:grid-cols-3 gap-10 max-w-6xl mx-auto">
32+
<div class="p-6 bg-gray-100 rounded-2xl shadow">
33+
<h3 class="text-xl font-semibold mb-3">1. Send via WhatsApp</h3>
34+
<p>Send any text, image, or audio message directly to Timeless using WhatsApp.
35+
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" class="w-10 h-10 mt-4 opacity-80" /></p>
36+
</div>
37+
<div class="p-6 bg-gray-100 rounded-2xl shadow">
38+
<h3 class="text-xl font-semibold mb-3">2. AI Processes It</h3>
39+
<p>Timeless recognizes and classifies your content using advanced AI models.</p>
40+
</div>
41+
<div class="p-6 bg-gray-100 rounded-2xl shadow">
42+
<h3 class="text-xl font-semibold mb-3">3. Retrieve Anytime</h3>
43+
<p>Search and access all your stored messages through a simple interface.</p>
44+
</div>
45+
</div>
46+
</section>
47+
48+
<!-- Financial Organization Section -->
49+
<section class="py-20 px-6 bg-gray-50 text-center">
50+
<h2 class="text-3xl font-bold mb-6">Organize Your Financial Life Without Effort</h2>
51+
<p class="text-lg max-w-3xl mx-auto mb-10">Send receipts, invoices, notes, payment confirmations, and voice memos about your expenses or goals directly through WhatsApp. Timeless automatically classifies and stores everything using AI — so you know exactly where your money is going.</p>
52+
</section>
53+
54+
<!-- Contribute Section -->
55+
<section class="py-20 px-6 bg-white text-center">
56+
<h2 class="text-3xl font-bold mb-6">Timeless is Open Source</h2>
57+
<p class="text-lg max-w-2xl mx-auto mb-8">We believe in transparency, collaboration, and community. Want to contribute, open issues, or help build new features? Join the project on GitHub.</p>
58+
59+
<div class="flex justify-center gap-6 mt-6">
60+
<a href="https://github.com/mcruzdev/timeless" target="_blank" class="flex items-center gap-2 bg-gray-900 text-white px-6 py-3 rounded-xl text-lg font-semibold hover:bg-black transition">
61+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.3 9.45 7.9 10.98.58.1.77-.25.77-.55v-2c-3.22.7-3.9-1.55-3.9-1.55-.52-1.32-1.28-1.67-1.28-1.67-1.04-.72.08-.7.08-.7 1.15.08 1.75 1.18 1.75 1.18 1.02 1.75 2.68 1.25 3.33.95.1-.75.4-1.25.72-1.55-2.56-.3-5.26-1.28-5.26-5.72 0-1.28.46-2.33 1.18-3.15-.12-.3-.52-1.52.12-3.15 0 0 .97-.3 3.18 1.18.92-.26 1.9-.4 2.88-.4.98 0 1.96.14 2.88.4 2.2-1.48 3.18-1.18 3.18-1.18.64 1.63.24 2.85.12 3.15.74.82 1.18 1.87 1.18 3.15 0 4.46-2.7 5.42-5.28 5.72.42.36.78 1.08.78 2.2v3.28c0 .28.18.65.78.54C20.2 21.43 23.5 17.1 23.5 12c0-6.35-5.15-11.5-11.5-11.5Z"/></svg>
62+
Contribute on GitHub
63+
</a>
64+
65+
<a href="https://www.buymeacoffee.com/mcruzdev" target="_blank" class="bg-yellow-400 text-black px-6 py-3 rounded-xl text-lg font-semibold hover:bg-yellow-300 transition">
66+
Buy Me a Coffee ☕
67+
</a>
68+
</div>
69+
</section>
70+
71+
<!-- Call to Action -->
72+
<section class="py-24 px-6 bg-blue-600 text-white text-center">
73+
<h2 class="text-3xl font-bold mb-6">Start Using Timeless Today</h2>
74+
<p class="text-lg mb-8 max-w-2xl mx-auto">Your financial Life organized forever. No effort required.</p>
75+
<a href="#" class="bg-white text-blue-600 px-6 py-3 rounded-xl text-lg font-semibold hover:bg-gray-200 transition">Join the Waitlist</a>
76+
</section>
77+
78+
<!-- Footer -->
79+
<footer class="py-6 text-center text-gray-600 text-sm">
80+
© 2025 Timeless. All rights reserved.
81+
</footer>
82+
</body>
83+
</html>

0 commit comments

Comments
 (0)