Great — since you're creating the restaurant/blog websites just for portfolio purposes, you don’t need to buy or host separate domains. Here’s how you can do it smartly on one Squarespace site:

✅ Option: Use One Main Squarespace Site as a Portfolio Hub

You already have mudassar.studio, so you can organize different types of site designs like this:

Project Type URL Example Studio portfolio mudassar.studio Restaurant website mudassar.studio/restaurant-demo Blog site demo mudassar.studio/blog-demo E-commerce demo mudassar.studio/shop-demo

Each of these can be a separate full-page design with its own navigation and content — like a live mockup.

🛠️ How to Do It:

1. Create New Pages or Folders:

   • Go to Pages → click "+" → choose Page or Folder.

   • Name it something like Restaurant Demo.

2. Use Blank Layout or a Template Section:

   • Start with a blank page or use Squarespace’s pre-built layouts.

   • Add images, menus, buttons, contact forms — whatever a restaurant site would have.

3. Hide These Pages from Main Navigation (optional):

   • You can drag these pages to the “Not Linked” section if you don’t want them in the top menu.

4. Link from Main Site:

   • Create a “Portfolio” page with thumbnails and links to each demo:

     • Restaurant → /restaurant-demo

     • Blog → /blog-demo

🧠 Pro Tips:

• Use different fonts, colors, and styles for each demo page to simulate a different branding.

• Add a note on each demo like:
  "This is a restaurant website concept created as part of my portfolio."

• You can even add mock client logos, testimonials, or context to make it look like a real-world project.

🎁 Optional Bonus:

If you ever need to show one of these demos without the rest of your website (e.g. during a job application), you can:

• Send the direct link like mudassar.studio/restaurant-demo

• Use password protection if needed (Pages → Settings → Password)

Would you like a page structure suggestion for your demo sites? For example, how the restaurant demo should look?