Guide menu

Basic settings

Basic settings

These four files are the foundation of every project. Edit them before changing page copy or design. All paths are under src/config/.

1. Site name and URL

Open src/config/site.ts. This file controls the site name in the header, the canonical domain, and logo paths.


                export const site = {
  name:          "Acme Clinic",
  tagline:       "Care you can trust",
  url:           "https://www.acmeclinic.com",
  logo:          "/logo-light.svg",
  logoDark:      "/logo-dark.svg",
  logoAlt:       "Acme Clinic logo",
  foundedYear:   2015,
  defaultLocale: "en",
} as const;
  • name — Company name shown across the site
  • tagline — Short slogan (used where the template references it)
  • url — Live site URL with https:// (used for sitemap, OG tags, canonical links)
  • logo / logoDark — Paths under public/ for light and dark header
  • foundedYear — Optional; used in footer or trust sections

2. Contact details

Open src/config/contact.ts. Phone, email, WhatsApp, and address appear on the contact page, footer, and click-to-call links.


                export const contact = {
  phone:    "+90 212 000 00 00",
  email:    "[email protected]",
  whatsapp: "905551234567",
  address: {
    street:  "Bağdat Cad. No: 100",
    city:    "İstanbul",
    country: "TR",
  },
} as const;
  • phone — Display format, e.g. +90 212 000 00 00
  • whatsapp — Digits only with country code, no spaces (e.g. 905551234567)
  • email — Main inbox for forms and mailto: links
  • address.street / city / country — Shown on contact page and maps

3. Social media links

Open src/config/social.ts. Paste full profile URLs. Leave a field as an empty string "" to hide that icon in the footer.


                export const social = {
  instagram: "https://instagram.com/acmeclinic",
  facebook:  "https://facebook.com/acmeclinic",
  twitter:   "",
  linkedin:  "https://linkedin.com/company/acmeclinic",
  youtube:   "",
} as const;

4. Sector and enabled pages

Open src/config/sector.ts. The type value sets schema.org data (OrganizationSchema). features turns entire sections and menu items on or off — no need to delete page files.


                export const sector = {
  type: "dental",
  features: {
    pricing:      false,
    blog:         true,
    gallery:      false,
    beforeAfter:  true,
    team:         true,
    faq:          true,
    howItWorks:   true,
    testimonials: true,
    seoLanding:   false,
  },
} as const;
  • type — One of: dental, dental-tourism, law, beauty, hotel, agency, generic
  • blog — Blog page and nav link
  • team — Team section and page blocks
  • faq / howItWorks / testimonials — Matching sections and nav entries
  • gallery / beforeAfter / pricing / seoLanding — Enable only if your sector needs them

Check your changes

Save all four files, keep npm run dev running, and refresh the browser. Check the header (name, logo), footer (social icons), and contact page. If a menu item disappeared, look at sector.features — not nav.ts yet.