This is the official website for Veda Aesthetica Clinic, built with Astro, Tailwind CSS, and modern frontend practices. It offers a fast, responsive, SEO-optimized experience to showcase the clinic's aesthetic treatments, services, testimonials, and more.
- Static Site Generator using Astro
- SEO-optimized meta and OpenGraph tags
- Lazy-loaded images and testimonials
- Responsive layout with Tailwind CSS
- Structured data with Schema.org for Google
- Integration-ready for AdSense, GTM, Reddit & Discord
- Easily update JSON-based content without rebuilding
project/
├── public/
│ ├── images/
│ └
├── src/
│ ├── Assets/
│ ── data/
│ ├── testimonials.json
│ ├── socials.json
│ └── services.json
│ ├── components/
│ ├── layouts/
│ ├── pages/
│ └── styles/
├── astro.config.mjs
├── package.json
└── README.md
git clone https://github.com/Dhaivat-Raval/VedaWellness.git
cd VedaWellnessnpm installnpm run devYour site should now be running at http://localhost:4321
Edit files inside src/pages or src/components. All changes require rebuilding.
If you want to update the data for services, socials or testimonials you will need to update the appropriate json files from the src/asstes/data folder
-
Update data files in the
src/asstes/datafolder:src/asstes/data/testimonials.json src/asstes/data/services.json src/asstes/data/social.json -
Rebuild the project using build commands.:
npm run buildThis will generate a dist/ folder containing the final static site.
To preview the production build locally:
npm run previewUpload the dist/ folder contents to your server (e.g., cPanel, Netlify, Vercel, Cloudflare Pages, etc.).
- To add new assets you will need to update the json data which will require rebuilding the project.
Uncomment GTM scripts in src/layouts/Layout.astro and replace GTM-XXXXXXX.
Replace the ad container with AdSense script inside TestimonialSection.astro or any layout.
Add these tags to <head> of your Layout.astro if you want others to embed your site.
<meta property="og:site_name" content="Veda Aesthetica Clinic" />
<meta property="og:title" content="Premium Aesthetic Treatments in Rajkot" />
<meta property="og:description" content="Experience modern skin treatments and beauty care in Rajkot." />
<meta property="og:image" content="https://www.example.com/images/veda-aesthetica.png" />Discord auto-parses OG tags, so just ensure your existing OG tags are present and correct.
- Developer: Darshit Limbad
For help or issues, raise an issue or email us.