smilecraft-dental-site

📖 Overview

SmileCraft is a state-of-the-art frontend web interface crafted for dental clinics. Built with modern UI/UX principles, it provides an intuitive experience for patients to explore services, learn about the medical team, see real before-and-after results, and seamlessly book appointments.

✨ Key Features

• Modern & Responsive Design: Fully optimized for desktops, tablets, and mobile devices to ensure a seamless browsing experience.
• Service Highlights: Dedicated sections outlining treatments like Cosmetic Dentistry, Invisalign®, and Dental Implants.
• Team Showcase: A professional layout to introduce expert dentists and specialists.
• Interactive Booking: A quick, easy-to-use appointment booking form with instant validation cues.
• WhatsApp Integration: Direct click-to-chat WhatsApp floating action button for immediate patient inquiries.
• Real Results Gallery: Visual display of before/after treatment transformations.

🛠️ Technologies Used

• HTML5: Semantic HTML structure for better accessibility and SEO.
• CSS3: Custom styles leveraging Flexbox, CSS Grid, and modern design tokens (no heavy external CSS frameworks).
• JavaScript (ES6): Lightweight scripts for interactive elements like mobile navigation and basic form interactions.
• Google Fonts: Utilizing typography like DM Sans and DM Serif Display for a clean, premium look.

📂 Project Structure

smilecraft/
├── css/
│   └── style.css           # Global stylesheets and component styling
├── images/                 # Optimized graphic assets and icons
├── js/
│   └── script.js           # Interactive components and DOM manipulation
├── index.html              # Main entry point / Home Page
├── .gitignore              # Ignored files for Git version control
└── README.md               # Project documentation

🚀 Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

You only need a modern web browser (e.g., Chrome, Firefox, Safari) to view this project locally. No build tools or package managers are required.

Installation

1. Clone the repository:

   git clone https://github.com/ahmed-ali-codes/smilecraft-dental-site.git
   

2. Navigate to the project directory:

   cd smilecraft-dental-site
   

3. Run the project: Simply open index.html in your preferred web browser. Alternatively, if you use VS Code, you can use the Live Server extension for hot-reloading.

📬 Contact & Support

If you have any questions, suggestions, or feedback, feel free to reach out:

• Email: hello@smilecraft.ae
• Location: Al Wasl Rd, Dubai, United Arab Emirates
• Phone: +971 54 123 4567

---