# Using Pages for an attractive landing page

**URL:** <https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437>\
**Category:** Project Showcase\
**Created:** [February 3, 2023, 2:21am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437 "2023-02-03T02:21:36Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 3, 2023, 2:21am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/1 "2023-02-03T02:21:36Z")

</div>

Okay, I had my doubts when I started to tackle the Pages experience. At first, I was frustrated with what was missing from Apps, but as I got into the process, this project became a great learning experience with the new tool and not only am I very happy with the result, I look forward to my next more complex app conversion.

This Webapp (my new favorite term) is really meant to be a single landing page with pretty static text. User interaction is minimal - just a CTA option (with some links still in dev) and translation options. But I needed to make this anyways, and using Glide was a good choice.

So my primary reason for sharing (my first Showcase!) is that I’ve seen a few concerned comments about the visual options in Pages, and I want to let my fellow Gliders know that a lot can be done to make a Page beautiful as well as functional. I do look forward to the many updates that will be coming this year to make Glide even better.

Link to the app/page is [https://xpatches.com](https://xpatches.com).  
I am using a Pro account for this project.

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [February 3, 2023, 2:31am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/2 "2023-02-03T02:31:28Z")

</div>

Hola!

Your tool to translate the info is amazing. It’s so good that I’m trying to understand what is trick to get it! 🤣  
Any tip for the friends?

Congrats!

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [February 3, 2023, 2:39am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/3 "2023-02-03T02:39:44Z")

</div>

Looks great!

Minor nitpick: the official language of Singapore is actually English, not Chinese 🙂

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 3, 2023, 2:57am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/4 "2023-02-03T02:57:43Z")

</div>

Thank you! I am working from a list and am tweaking it here and there, so I appreciate the feedback.

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 3, 2023, 2:58am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/5 "2023-02-03T02:58:56Z")

</div>

The text that I’ve translated is fixed so this is not a live translating tool. There is a way to do it live, but it was slowing down the app loading so I figured out a plan B.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [February 3, 2023, 3:51am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/6 "2023-02-03T03:51:16Z")

</div>

Do double check of course, but for the language picker, it’s 中国 rather than 中国人.

Nice Pages showcase, congratulations for your first one!

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 3, 2023, 3:59am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/7 "2023-02-03T03:59:45Z")

</div>

Thanks I’m relying on Google Translate but I know it’s not going to be 100% accurate. I love that you actually know what it should be

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [February 3, 2023, 5:54am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/8 "2023-02-03T05:54:21Z")

</div>

Wow! I barely recognized Glide.

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [February 3, 2023, 6:12am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/9 "2023-02-03T06:12:27Z")

</div>

In English, there is one single word whose nature changes (sometimes it’s an adjective, sometimes it’s a noun) to describe multiple concepts: the people of a country (the French), their language (I speak french), and a descriptor of things related to the country (french cheese). This is not the case in Japanese or Mandarin for instance. The translation you used is “the people of the country”.

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 3, 2023, 6:18am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/10 "2023-02-03T06:18:54Z")

</div>

Thank you, I realize this isn’t the target use case for Glide, but it was a great exercise in wrapping my head around how to navigate and construct with Pages. There is something about the crispness and cleanliness of Glide that really makes things pop on the screen. And it scales pretty good from mobile to desktop, and I expect that will get even better with dev time.

---

<div class="post-metadata">

**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\
**Post date:** [February 3, 2023, 12:33pm UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/11 "2023-02-03T12:33:29Z")

</div>

What if you can move this button to top (header section)? 😉

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/9/69900fdbd0a9f3d77a657a17d41fa204559f5b80.jpeg)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 3, 2023, 2:36pm UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/12 "2023-02-03T14:36:08Z")

</div>

Great work! Congratulations.

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 3, 2023, 3:46pm UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/13 "2023-02-03T15:46:12Z")

</div>

That would look great on desktop but not so much on mobile.

 ![Screenshot_20230203_074510_Chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/4/f421d5fbf318fd0a42969b03c3090e9e5bfbf4d1.jpeg)

---

<div class="post-metadata">

**Author:** ![newyorkengineer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/newyorkengineer/32/91527_2.png) [@newyorkengineer](https://community.glideapps.com/u/newyorkengineer)\
**Post date:** [February 3, 2023, 11:03pm UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/14 "2023-02-03T23:03:46Z")

</div>

Looks great. You’re one of the better designers… 😅

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [February 4, 2023, 12:00am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/15 "2023-02-04T00:00:03Z")

</div>

Thanks. But I sure don’t know a thing about coding! We all have our strengths. My background is in architecture and interior design so I have a high standard when it comes to graphics.

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [November 28, 2023, 8:06pm UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/16 "2023-11-28T20:06:17Z")

</div>

Update - I had to pull the page due to the FDA deciding that something that occurs naturally in our bodies (stem cells) should be classified as a drug. 🙄 But you can still view the page here if you would like to see it for design purposes: [https://activationpatch.glide.page](https://activationpatch.glide.page). KB

---

<div class="post-metadata">

**Author:** ![abdalla\_abdi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdalla_abdi/32/62868_2.png) [@abdalla\_abdi](https://community.glideapps.com/u/abdalla_abdi)\
**Post date:** [November 28, 2023, 11:50pm UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/17 "2023-11-28T23:50:32Z")

</div>

quick question  
How did you do the dropdown text on the ‘FAQ’ section

 ![Screenshot 2023-11-29 2.48.01 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/5/55b5a5e769763face7a4dcf5621e13c0c6e190ff.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 29, 2023, 12:10am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/18 "2023-11-29T00:10:08Z")

</div>

> **You can check this walkthrough about the summary tag.**
>
> [Here’s the link](https://www.w3schools.com/tags/tag_summary.asp)

---

<div class="post-metadata">

**Author:** ![abdalla\_abdi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdalla_abdi/32/62868_2.png) [@abdalla\_abdi](https://community.glideapps.com/u/abdalla_abdi)\
**Post date:** [November 29, 2023, 12:15am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/19 "2023-11-29T00:15:24Z")

</div>

i don’t know anything about coding. how will i use it in glide and which component?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [November 29, 2023, 12:20am UTC](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437/20 "2023-11-29T00:20:32Z")

</div>

You just need to follow the structure in the link above.

```auto
<details>
  <summary>The "title" tag.</summary>
  The details part.
</details>

```

It must be displayed using rich text component.

[Next page](https://community.glideapps.com/t/using-pages-for-an-attractive-landing-page/57437.md?page=2)
