DR Hair Transplante Capilar

A modern and responsive web project dedicated to hair transplant procedures and hair loss treatments. Developed with cutting-edge technologies like Next.js, React, and Tailwind CSS, offering an optimized user experience with support for multiple languages.

Notice: This project is licensed under the MIT License. Unauthorized use or duplication of this code is prohibited.

Getting Started

Clone the repository and run the following commands:

git clone https://github.com/yourusername/drhairtransplantecapilar.git
npm install
npm run dev

Table of Contents

1. Technologies
2. Project Structure
3. Internationalization
4. Deployment
5. License

Technologies

Core

• Next.js: React framework for server-rendered applications, offering dynamic routing, pre-rendering, and performance optimization. Documentation
• React: JavaScript library for building user interfaces with reusable components. Documentation
• Tailwind CSS: Utility-first CSS framework for rapid UI development with predefined classes. Documentation
• Next-intl: Library for comprehensive internationalization support. Documentation

UI and Animations

• Framer Motion: Library for smooth animations and elegant transitions with a declarative API. Documentation
• Embla Carousel: Interactive and responsive carousels with autoplay support. Documentation

Email and Forms

• EmailJS: Solution for sending emails directly from client-side JavaScript, without the need for a backend server. Used for contact forms and appointment scheduling. Documentation

Component Libraries

• @radix-ui/react-slot: Primitive and accessible components for design systems. Documentation
• @tabler/icons-react: SVG icon set for React applications. Documentation

Utilities

• class-variance-authority: Management of component variants with strong typing. Documentation
• clsx: Utility for conditional concatenation of CSS classes. GitHub
• lucide-react: Consistent and customizable SVG icon set. Documentation
• react-icons: Popular icon library for React. Website

Project Structure

project-root/
├── messages/         # Localization and translation files
├── public/           # Static assets
└── src/
    ├── app/
    │   ├── [locale]/ # Language-specific routes
    │   ├── pages/    # Application pages
    │   ├── layout.tsx
    │   ├── page.tsx
    │   └── globals.css
    ├── components/
    │   ├── ui/       # Reusable UI components
    │   └── view/     # Page-specific components
    ├── i18n/         # Internationalization configuration
    ├── lib/          # Utility functions
    └── middleware.ts # Request handlers and language config

Internationalization

The project uses Next-intl to provide a multilingual experience. Translation files are stored in the messages directory, with locale configuration managed through middleware.ts and the [locale] dynamic route structure. This allows content to be served in multiple languages, enhancing the user experience for our international audience.

Deployment

The project is deployed and accessible at:

drhairtransplantecapilar.com.br

License

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