Skip to content

Commit

Permalink
Feat(CMS, Page): dynamically using CMS site data and info loading f()…
Browse files Browse the repository at this point in the history 
…, extra 3 pages added, added 3 page custom styling.
  • Loading branch information
@raiyanu
raiyanu committed Jul 18, 2024
1 parent 1c03f8b commit 9bac56b
Show file tree
Hide file tree
Showing 13 changed files with 604 additions and 75 deletions.
78 changes: 78 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title id="title">FOODIE | Home</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<script src="./js/cms.js" type="module"></script>
<script src="./js/main.js"></script>
<link rel="stylesheet" href="./styles/style.css" />
<link rel="stylesheet" href="./styles/menu.css" />
<link rel="stylesheet" href="./styles/bottom.css" />
</head>

<body>
<!-- menu and header -->
<header>
<div class="logo">
<h2 id="FsiteName">FOODIE</h2>
<h4 id="SsiteName">MENU</h4>
</div>
<nav>
<a href="/">home</a>
<a href="/help.html">Help</a>
<a href="/about.html" class="active_tab">About</a>
<a href="/faq.html">FAQs</a>
</nav>
</header>

<!-- navigation -->

<!-- menu -->
<main id="aboutPage"></main>

<!-- footer -->
<footer>
<div class="logo footer">
<h2>FOODIE</h2>
<h4>MENU</h4>
<p style="font-size: small">Where people connect ❤️ with meals</p>
</div>
<hr style="width: 205px; margin-block: 0.5rem 1.5rem" />
<span style="z-index: 99">
<a href="#"
><span style="color: red; font-weight: bolder">Tel:</span
><span id="tel">+91 7339677034</span></a
>
<a href="#"
><span style="color: red; font-weight: bolder">Mob:</span>
<span id="mob"></span>
</a>
<a href="#"
><span style="color: red; font-weight: bolder">E-Mail:</span>
<span id="email">ray38250968@gmail.com</span>
</a>
</span>
<address id="address">
11/12,RZZ Road, ambur - 635810, Vellore District, TamilNadu, India.
</address>
</footer>

<!-- credit -->
<section class="dev">
<span>Developed</span> &nbsp; By&nbsp;
<h2>
<a href="https://raiyanu.github.io/lp">Raiyan Ahmed&nbsp;&nbsp;</a>
</h2>
<a href="tel:+91 7339677034"
><span style="color: darkgreen; font-weight: bolder">Tel:</span>
&nbsp;+91 7339677034&nbsp;</a
>
<a href="mailto:raiyan.c.me@gmail.com"
><span style="color: darkgreen; font-weight: bolder">E-Mail:</span>
&nbsp;raiyan.c.me@gmail.com&nbsp;</a
>
</section>
</body>
</html>
199 changes: 199 additions & 0 deletions dummyContent.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
# About Our Cafe

Welcome to [Cafe Name], your ultimate destination for delightful treats and satisfying snacks!

## Our Story

Established in [year], [Cafe Name] was born out of a passion for creating mouthwatering delights that bring joy to our community. What started as a small smoothie stand has blossomed into a beloved local cafe, offering a wide array of tasty options to satisfy every craving.

## Our Menu

At [Cafe Name], we pride ourselves on our diverse menu that caters to all tastes and preferences:

1. **Shakes and Smoothies**: Indulge in our creamy shakes or refresh yourself with our nutrient-packed smoothies, made with the freshest ingredients.

2. **Ice Cream Delights**: Explore our selection of premium ice creams, featuring both classic flavors and unique, artisanal creations.

3. **Dessert Delights**: Satisfy your sweet tooth with our range of desserts, from traditional favorites to innovative treats.

4. **Snack Selection**: For those looking for a quick bite, our varied snack menu offers both sweet and savory options.

5. **Savory Snack Selection**: Not in the mood for sweets? Our savory snacks are perfect for a satisfying light meal or afternoon pick-me-up.

## Our Commitment

We are dedicated to:

- Using high-quality, fresh ingredients
- Providing excellent customer service
- Creating a welcoming atmosphere for our guests
- Continuously innovating our menu to bring you exciting new flavors

## Visit Us

Come experience the warm hospitality and delicious offerings at [Cafe Name]. Whether you're looking for a quick snack, a refreshing drink, or a decadent dessert, we've got something for everyone.

We look forward to serving you soon!

---

_[Include contact information, address, and operating hours here]_

# help page

# Help & FAQ

Welcome to the [Cafe Name] Help Page. We're here to make your experience with us as smooth and enjoyable as possible. Below you'll find answers to common questions and helpful information about our services.

## Frequently Asked Questions

### Menu & Ordering

1. **Q: What's on your menu?**
A: Our menu features a variety of items including:

- Shakes and Smoothies
- Ice Cream Delights
- Dessert Delights
- Snack Selection
- Savory Snack Selection

Visit our full menu page for detailed descriptions and prices.

2. **Q: Do you offer vegan/gluten-free options?**
A: Yes! We have several vegan and gluten-free options. These items are clearly marked on our menu. Please inform our staff about any dietary restrictions when ordering.

3. **Q: Can I customize my order?**
A: Absolutely! We're happy to accommodate special requests when possible. Just ask our friendly staff when placing your order.

### Hours & Location

4. **Q: What are your operating hours?**
A: Our current hours are [insert hours here]. Please note that these may change during holidays or special events.

5. **Q: Where are you located?**
A: You can find us at [insert address here]. Check our 'Contact' page for a map and directions.

### Payments & Pricing

6. **Q: What payment methods do you accept?**
A: We accept cash, all major credit cards, and mobile payment options like Apple Pay and Google Pay.

7. **Q: Do you offer any discounts or loyalty programs?**
A: Yes! We have a loyalty card program. Ask about it at the counter during your next visit.

### Takeout & Delivery

8. **Q: Do you offer takeout?**
A: Yes, all our menu items are available for takeout.

9. **Q: Do you offer delivery?**
A: [If yes, provide details. If no, you might say: "We currently do not offer delivery services, but we're always happy to prepare your order for pickup."]

### Allergies & Nutrition

10. **Q: How do you handle food allergies?**
A: We take allergies very seriously. Please inform our staff about any allergies when ordering. While we do our best to accommodate allergies, please note that all our products are prepared in a kitchen that processes nuts, dairy, and gluten.

11. **Q: Where can I find nutritional information for your menu items?**
A: Nutritional information for our standard menu items is available upon request. Please ask our staff for details.

## Contact Us

If you have any questions that aren't answered here, please don't hesitate to reach out to us:

- **Phone**: [Your phone number]
- **Email**: [Your email address]
- **Social Media**: Follow us on [list your social media accounts]

We're always happy to help and appreciate your feedback!

# FAQ

# Frequently Asked Questions (FAQ)

Welcome to [Cafe Name]'s FAQ page. Here you'll find quick answers to our most commonly asked questions.

## Menu & Ordering

### What items do you offer?

We specialize in:

- Shakes and Smoothies
- Ice Cream Delights
- Dessert Delights
- Snack Selection
- Savory Snack Selection

For a full list with descriptions, please visit our Menu page.

### Do you have vegan or gluten-free options?

Yes! We offer several vegan and gluten-free items. These are clearly marked on our menu. Please inform our staff of any dietary restrictions when ordering.

### Can I customize my order?

Absolutely! We're happy to accommodate special requests when possible. Just ask our staff when placing your order.

## Hours & Location

### What are your operating hours?

Our current hours are [insert hours here]. Please note that these may change during holidays or special events.

### Where are you located?

You can find us at [insert address here]. Visit our Contact page for a map and directions.

## Payments & Pricing

### What payment methods do you accept?

We accept cash, all major credit cards, and mobile payment options like Apple Pay and Google Pay.

### Do you have any discounts or loyalty programs?

Yes! We offer a loyalty card program. Ask about it at the counter during your next visit.

## Takeout & Delivery

### Do you offer takeout?

Yes, all our menu items are available for takeout.

### Do you offer delivery?

[Answer based on your policy. For example: "We currently do not offer delivery services, but we're always happy to prepare your order for pickup."]

## Allergies & Nutrition

### How do you handle food allergies?

We take allergies very seriously. Please inform our staff about any allergies when ordering. While we do our best to accommodate allergies, please note that all our products are prepared in a kitchen that processes nuts, dairy, and gluten.

### Where can I find nutritional information?

Nutritional information for our standard menu items is available upon request. Please ask our staff for details.

## Miscellaneous

### Do you cater for events?

[Answer based on your policy. For example: "Yes, we offer catering services for various events. Please contact us for more information about our catering menu and services."]

### Can I book your space for a private event?

[Answer based on your policy. For example: "Yes, we offer private event bookings during certain hours. Please contact us for availability and pricing."]

### Do you offer Wi-Fi?

[Answer based on your policy. For example: "Yes, we offer free Wi-Fi to our customers. Please ask our staff for the current password."]

If you have a question that isn't answered here, please don't hesitate to contact us:

- Phone: [Your phone number]
- Email: [Your email address]
- Or visit our Contact page for more ways to reach us.

We're always happy to help!
79 changes: 79 additions & 0 deletions faq.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title id="title">FOODIE | Home</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./styles/style.css" />
<link rel="stylesheet" href="./styles/menu.css" />
<link rel="stylesheet" href="./styles/bottom.css" />
</head>

<body>
<!-- menu and header -->
<header>
<div class="logo">
<h2 id="FsiteName">FOODIE</h2>
<h4 id="SsiteName">MENU</h4>
</div>
<nav>
<a href="/">home</a>
<a href="/help.html">Help</a>
<a href="/about.html">About</a>
<a href="/faq.html" class="active_tab">FAQs</a>
</nav>
</header>

<!-- navigation -->
<nav class="section-nav" id="section_nav"></nav>

<!-- menu -->
<main id="faqPage"></main>

<!-- footer -->
<footer>
<div class="logo footer">
<h2>FOODIE</h2>
<h4>MENU</h4>
<p style="font-size: small">Where people connect ❤️ with meals</p>
</div>
<hr style="width: 205px; margin-block: 0.5rem 1.5rem" />
<span style="z-index: 99">
<a href="#"
><span style="color: red; font-weight: bolder">Tel:</span
><span id="tel">+91 7339677034</span></a
>
<a href="#"
><span style="color: red; font-weight: bolder">Mob:</span>
<span id="mob"></span>
</a>
<a href="#"
><span style="color: red; font-weight: bolder">E-Mail:</span>
<span id="email">ray38250968@gmail.com</span>
</a>
</span>
<address id="address">
11/12,RZZ Road, ambur - 635810, Vellore District, TamilNadu, India.
</address>
</footer>

<!-- credit -->
<section class="dev">
<span>Developed</span> &nbsp; By&nbsp;
<h2>
<a href="https://raiyanu.github.io/lp">Raiyan Ahmed&nbsp;&nbsp;</a>
</h2>
<a href="tel:+91 7339677034"
><span style="color: darkgreen; font-weight: bolder">Tel:</span>
&nbsp;+91 7339677034&nbsp;</a
>
<a href="mailto:raiyan.c.me@gmail.com"
><span style="color: darkgreen; font-weight: bolder">E-Mail:</span>
&nbsp;raiyan.c.me@gmail.com&nbsp;</a
>
</section>

<script src="./js/cms.js" type="module"></script>
</body>
</html>
12 changes: 12 additions & 0 deletions foodie-site/schemaTypes/detail.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,17 @@ export const detail = defineType({
type: 'string',
name: 'Mobile',
}),
defineField({
type: 'text',
name: 'AboutPageContent',
}),
defineField({
type: 'text',
name: 'FAQPageContent',
}),
defineField({
type: 'text',
name: 'HelpPageContent',
}),
],
})
15 changes: 11 additions & 4 deletions foodie-site/schemaTypes/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,15 @@
import {author} from './author'
import {blogPost} from './blogPost'
// import {author} from './author'
// import {blogPost} from './blogPost'
import {product} from './product'
import {productCategory} from './productCategory'
import {variant} from './variant'
// import {variant} from './variant'
import {detail} from './detail'

export const schemaTypes = [author, detail, blogPost, product, productCategory, variant]
export const schemaTypes = [
// author,
detail,
// blogPost,
product,
productCategory,
// variant
]
Loading

0 comments on commit 9bac56b

Please sign in to comment.