📝 docs: Update README and landing page with Telegram bot integration

- Added detailed instructions for using the Telegram bot in README
- Enhanced landing page hero section with Telegram integration:
  - Added Telegram icon using simple-icons
  - Created new button linking to Telegram bot
  - Added explanatory text about quick start with Telegram
  - Reorganized button layout into a column with centered items

README.md

@@ -25,7 +25,20 @@ We're not just throwing AI in because it's trendy. Recally uses AI to:
 
 ## Try It Out
 
-Head over to [recally.io](https://recally.io) to give it a spin. It's free while in beta, and we're adding new stuff almost daily based on user feedback.
+Getting started with Recally is super easy:
+
+### 🤖 Quick Save with Telegram
+Just start chatting with our [RecallyReader](https://t.me/RecallyReaderBot) Telegram bot:
+- Send any link to save articles and web pages
+- Get instant AI-powered summaries
+- Access your saved content anywhere
+
+### 🌐 Web Experience
+Head over to [recally.io](https://recally.io) to unlock the full potential:
+- Beautiful reading interface
+- Smart organization with AI-suggested tags
+- Advanced search capabilities
+- Free during beta, with new features added regularly
 
 ## Running Your Own Instance
 

web/src/components/landing/hero.tsx

@@ -1,5 +1,6 @@
 import { Button } from "@/components/ui/button";
 import { ROUTES } from "@/lib/router";
+import { SiTelegram } from "@icons-pack/react-simple-icons";
 import { Link } from "@tanstack/react-router";
 
 export default function Hero() {
@@ -13,18 +14,36 @@ export default function Hero() {
 				them on any device. Recall valuable insights with powerful search and
 				organization.
 			</p>
-			<div className="mt-10 flex justify-center gap-4">
-				<Button size="lg">
-					<Link href={ROUTES.AUTH_REGISTER}> Start for free</Link>
-				</Button>
-				<Button size="lg" variant="outline">
-					<Link
-						href="#features"
-						className="text-sm font-medium hover:underline underline-offset-4"
-					>
-						Learn more
-					</Link>
-				</Button>
+			<div className="mt-10 flex flex-col items-center gap-6">
+				<div className="flex justify-center gap-4">
+					<Button size="lg">
+						<Link href={ROUTES.AUTH_REGISTER}>Start for free</Link>
+					</Button>
+					<Button size="lg" variant="outline" asChild>
+						<a
+							href="https://t.me/RecallyReaderBot"
+							target="_blank"
+							className="flex items-center gap-2"
+							rel="noreferrer"
+						>
+							<SiTelegram className="w-5 h-5" />
+							Try with Telegram
+						</a>
+					</Button>
+				</div>
+				<div className="text-sm text-muted-foreground">
+					<p>
+						Quick start: Send any link to our{" "}
+						<Link
+							href="https://t.me/RecallyReaderBot"
+							target="_blank"
+							className="text-primary hover:underline underline-offset-4"
+						>
+							Telegram bot
+						</Link>{" "}
+						and get instant AI summaries
+					</p>
+				</div>
 			</div>
 			<div className="mt-16">
 				{/* <img