Traditional Catholic Quotes

A beautiful, medieval-themed web application showcasing traditional Catholic quotes. Built with Next.js, TypeScript, and Tailwind CSS.

Features

• 🎨 Medieval-inspired design with custom color scheme
• 🌓 Dark and light theme support
• 📱 Fully responsive layout
• 🔍 Category-based navigation
• 📜 Beautiful parchment-style quote cards
• 🎯 Optimized performance with Next.js

Getting Started

1. Clone the repository:

git clone https://github.com/nonnobisdomine62/tradcathquotes.git
cd tradcathquotes

2. Install dependencies:

npm install

3. Set up environment variables:

# Create a .env.local file with the following content:
NEXT_PUBLIC_SITE_URL=http://localhost:3000

4. Run the development server:

npm run dev

5. Open http://localhost:3000 with your browser to see the result.

Technology Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• React 18

Design Features

• Custom medieval color palette
• Cinzel font for headings
• Crimson Text font for quote content
• Custom parchment textures
• Responsive design for all screen sizes
• Smooth transitions and animations

Environment Variables

The following environment variables are required:

• NEXT_PUBLIC_SITE_URL: The base URL of your site (e.g., http://localhost:3000 for development)

License

MIT