Where Poetry Meets Love
A dating app that connects people through poetry — swipe verses, not selfies.
Rhymance reimagines online dating by replacing photos with poetry. Instead of judging profiles by appearance, users discover deeper connections through literary sensitivity and shared emotions — swiping on verses instead of selfies.
This repository contains the complete landing page for the application, designed to introduce the product, showcase its core experience, and drive user engagement.
The landing page includes a fully functional, Tinder-style poetry demo built with Vanilla JavaScript:
- 📱 Realistic iPhone interface mockup
- 📜 Swipeable poetry cards with smooth animations
- 💖 Interactive action buttons (Like, Nope, Super Like)
- 🎨 Fluid CSS transitions and micro-animations
| Section | Description |
|---|---|
| Hero | Full-screen carousel with automatic slideshow |
| Demo | Interactive swipeable poetry card experience |
| Features | Highlights of the app's core capabilities |
| Testimonials | User quotes and social proof |
| Store | App Store & Google Play download links |
| Contact | Get in touch form |
- Cookie Policy
- Privacy Policy
- Terms of Service
| Technology | Purpose |
|---|---|
| Astro | Static site framework with component islands |
| Tailwind CSS | Utility-first CSS styling |
| Vanilla JavaScript | Interactive demo and carousel logic |
| Vercel | Deployment and hosting |
# Clone the repository
git clone https://github.com/luismarrer/rhymance.git
cd rhymance
# Install dependencies
pnpm install
# Start the development server
pnpm devThe site will be available at http://localhost:4321.
| Command | Description |
|---|---|
pnpm dev |
Start the development server |
pnpm build |
Build for production |
pnpm preview |
Preview the production build locally |
rhymance/
├── src/
│ ├── components/ # Astro UI components
│ │ ├── Hero.astro # Hero carousel
│ │ ├── Demo.astro # Interactive poetry swiper
│ │ ├── Features.astro # Feature highlights
│ │ ├── Testimonials.astro # User testimonials
│ │ ├── Store.astro # App store links
│ │ ├── Navbar.astro # Navigation bar
│ │ ├── Footer.astro # Site footer
│ │ └── Modals.astro # Modal dialogs
│ ├── layouts/ # Page layout templates
│ │ ├── BaseLayout.astro # Main site layout
│ │ └── LegalLayout.astro # Legal pages layout
│ ├── pages/ # Route pages
│ ├── scripts/ # Client-side JavaScript
│ └── styles/ # Global styles
├── public/ # Static assets (images, icons, poems)
├── astro.config.mjs # Astro configuration
└── package.json
Crafted with passion by Luis Marrero :)
If you liked this project, feel free to leave a star! ⭐️