Smile Harmony Dental - Your Journey to a Brighter Smile

A modern dental practice website built with React, TypeScript, and Tailwind CSS.

Project Overview

This project is a professional dental practice website featuring:

• Modern, responsive design
• Service showcase
• Patient testimonials
• Contact information
• Appointment booking interface

Technologies Used

This project is built with:

• Vite - Fast build tool and development server
• TypeScript - Type-safe JavaScript
• React - UI library
• shadcn/ui - Modern UI components
• Tailwind CSS - Utility-first CSS framework
• Lucide React - Beautiful icons

Getting Started

Prerequisites

• Node.js (version 18 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone <YOUR_GIT_URL>
cd bright-smile-starter

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:8080

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run build:dev - Build for development
• npm run preview - Preview production build
• npm run lint - Run ESLint

Project Structure

src/
├── components/          # React components
│   ├── ui/             # Reusable UI components
│   ├── Header.tsx      # Navigation header
│   ├── HeroSection.tsx # Hero banner
│   ├── Services.tsx    # Services showcase
│   ├── Testimonials.tsx # Customer testimonials
│   ├── Contact.tsx     # Contact form
│   └── Footer.tsx      # Site footer
├── pages/              # Page components
├── assets/             # Images and static assets
├── hooks/              # Custom React hooks
└── lib/                # Utility functions

Deployment

To deploy this project:

1. Build the project:

npm run build

2. Deploy the dist folder to your preferred hosting service (Vercel, Netlify, etc.)

Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

License

This project is private and proprietary.