Fontify Landing Page

A modern, responsive landing page for Fontify - Your AI Font Assistant.

Features

• Modern, clean design
• Fully responsive layout
• Interactive animations
• Smooth scrolling
• Mobile-friendly navigation
• Optimized for performance

Project Structure

fontify-landing/
├── index.html      # Main HTML file
├── styles.css      # CSS styles
├── script.js       # JavaScript functionality
└── README.md      # Project documentation

Getting Started

1. Clone the repository
2. Open index.html in your browser
3. Start customizing the content and styles

Development

Prerequisites

• Modern web browser
• Basic knowledge of HTML, CSS, and JavaScript

Local Development

1. Clone this repository:

git clone <repository-url>
cd fontify-landing

2. Open index.html in your browser to view the site.

3. Make changes to the files:

• index.html - Main content and structure
• styles.css - Styling and layout
• script.js - Interactive functionality

4. Refresh your browser to see the changes.

Customization

Colors

The color scheme can be customized in the :root section of styles.css:

:root {
    --primary-color: #6366f1;
    --primary-dark: #4f46e5;
    --secondary-color: #f0f9ff;
    /* ... other color variables ... */
}

Typography

The site uses Inter font family from Google Fonts. To change the font:

1. Update the Google Fonts link in index.html
2. Modify the font-family property in styles.css

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Create a new Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.