Initial commit: Negin Dental Clinic website

Next.js (App Router) clone of negindentalclinic.ir, wired to the
Meshkee Website API (blog, contact form, favicon), with on-page SEO
and a scroll-reveal animation sequence on the homepage.

See context.md for full project context.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/about-us/about.module.css

@@ -0,0 +1,74 @@
+.intro,
+.care {
+  display: grid;
+  gap: 40px;
+  align-items: center;
+}
+
+@media (min-width: 860px) {
+  .intro,
+  .care {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+.intro h2,
+.care h2 {
+  font-size: 28px;
+  margin: 6px 0 16px;
+}
+
+.intro > div:not(.introArt),
+.care > div:not(.careArt) {
+  display: flex;
+  flex-direction: column;
+}
+
+/* push the section CTA to the left edge of the text column */
+.intro :global(.btn),
+.care :global(.btn) {
+  align-self: flex-end;
+}
+
+.introArt img,
+.careArt img {
+  width: 100%;
+  height: auto;
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-md);
+}
+
+.adv {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 28px;
+  border-inline-start: 4px solid var(--cyan);
+}
+
+.adv h3 {
+  font-size: 19px;
+  margin: 0 0 10px;
+}
+
+.adv p {
+  margin: 0;
+  color: var(--muted);
+  font-size: 15px;
+}
+
+.insurances {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 14px;
+  justify-content: center;
+}
+
+.insurances li {
+  background: var(--bg-tint);
+  color: var(--brand);
+  font-weight: 700;
+  padding: 12px 26px;
+  border-radius: 999px;
+  font-size: 15px;
+}