Share your company's journey, mission, and values here.
"
+ }
+ ],
+ "presets": [
+ {
+ "name": "About Us Content"
+ }
+ ]
+ }
+ {% endschema %}
+ ```
+
+ This section includes a heading and a rich text editor field, allowing you to easily manage the content from the Shopify theme customizer.
+
+## 3. Creating the Contact Us Page
+
+Similar to the About Us page, the Contact Us page will require a new template file and a section for the contact form.
+
+### Step 3.1: Create a New Page Template for Contact Us
+
+1. Navigate to the `templates/` directory:
+ ```bash
+ cd skeleton-theme/templates/
+ ```
+
+2. Create a new JSON file named `page.contact-us.json`. You can copy the content of `page.json` as a starting point:
+ ```bash
+ cp page.json page.contact-us.json
+ ```
+
+3. Open `page.contact-us.json` in your text editor and modify it to include a contact form section. A typical `page.contact-us.json` might look like this:
+
+ ```json
+ {
+ "sections": {
+ "main": {
+ "type": "main-page",
+ "settings": {
+ }
+ },
+ "contact-form": {
+ "type": "contact-form",
+ "settings": {
+ "heading": "Contact Us"
+ }
+ }
+ },
+ "order": [
+ "main",
+ "contact-form"
+ ]
+ }
+ ```
+
+ Here, we are including a `main-page` section and a custom `contact-form` section. You will need to create the `contact-form.liquid` file in your `sections/` directory.
+
+### Step 3.2: Create a New Section for the Contact Form
+
+1. Navigate to the `sections/` directory:
+ ```bash
+ cd skeleton-theme/sections/
+ ```
+
+2. Create a new Liquid file named `contact-form.liquid`. This file will contain the HTML for your contact form. Shopify provides a built-in `form` tag that handles form submissions. Here's a basic example:
+
+ ```liquid
+
- {% paginate collection.products by 20 %}
- {% for product in collection.products %}
-
- {% if product.featured_image %}
- {% render 'image',
- class: 'collection-product__image',
- image: product.featured_image,
- url: product.url,
- width: 400,
- height: 400,
- crop: 'center'
- %}
- {% endif %}
-
-
{{ product.title | escape | link_to: product.url }}
-
{{ product.price | money }}
+
+
+ {% paginate collection.products by 20 %}
+ {% for product in collection.products %}
+
-
+ {% if paginate.pages > 1 %}
+
+ {% endif %}
+ {% endpaginate %}
+
+
-{% stylesheet %}
- .collection-products {
+
{% schema %}
{
diff --git a/sections/collections.liquid b/sections/collections.liquid
index db897a3d..bdc057a7 100644
--- a/sections/collections.liquid
+++ b/sections/collections.liquid
@@ -5,53 +5,151 @@
https://shopify.dev/docs/storefronts/themes/architecture/templates/collection
{% endcomment %}
-
{{ 'collections.title' | t }}
+
+
+
+ Discover Our Collections
+
+
+ At Andra's Garden Heaven, we understand the desire for a home that reflects your unique style and provides a
+ sanctuary from the everyday. Our handcrafted rattan furniture is more than just decor; it's an investment in
+ comfort, sustainability, and timeless design. Each AGH piece is meticulously woven by skilled artisans, ensuring
+ unparalleled quality and durability. Choose AGH for furniture that truly feels like home.
+
+
-
+
{% schema %}
{
diff --git a/sections/contact-form.liquid b/sections/contact-form.liquid
new file mode 100644
index 00000000..bc1e5aa3
--- /dev/null
+++ b/sections/contact-form.liquid
@@ -0,0 +1,70 @@
+
+
+{% schema %}
+{
+ "name": "Contact Form",
+ "settings": [
+ {
+ "type": "text",
+ "id": "heading",
+ "label": "Heading",
+ "default": "Contact Us"
+ }
+ ],
+ "presets": [
+ {
+ "name": "Contact Form"
+ }
+ ]
+}
+{% endschema %}
diff --git a/sections/featured-products.liquid b/sections/featured-products.liquid
new file mode 100644
index 00000000..efa2fcf8
--- /dev/null
+++ b/sections/featured-products.liquid
@@ -0,0 +1,271 @@
+
+
+
+ Featured Rattan Pieces
+
+
+
+
+
+
+{% schema %}
+{
+ "name": "Featured Products",
+ "settings": []
+}
+{% endschema %}
diff --git a/sections/footer-group.json b/sections/footer-group.json
deleted file mode 100644
index 6560feb3..00000000
--- a/sections/footer-group.json
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * ------------------------------------------------------------
- * IMPORTANT: The contents of this file are auto-generated.
- *
- * This file may be updated by the Shopify admin theme editor
- * or related systems. Please exercise caution as any changes
- * made to this file may be overwritten.
- * ------------------------------------------------------------
- */
-{
- "type": "footer",
- "name": "t:general.footer",
- "sections": {
- "footer": {
- "type": "footer",
- "settings": {
- "menu": "",
- "show_payment_icons": true
- }
- }
- },
- "order": [
- "footer"
- ]
-}
diff --git a/sections/footer.liquid b/sections/footer.liquid
index 66e6f097..1fa5e5da 100644
--- a/sections/footer.liquid
+++ b/sections/footer.liquid
@@ -1,40 +1,204 @@
-
{% stylesheet %}
- footer {
+ * {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ }
+ :root {
+ --green: #1c4219;
+ --grey: #d0ccd0;
+ --white: #fbfcff;
+ --blue: #1c6e8c;
+ --black: #000;
+ --heading-font: 'Futura Book', sans-serif;
+ --body-font: 'Elgian', serif;
+ }
+ .footer {
+ background-color: var(--green900);
+ color: var(--white);
+ text-align: center;
+ border-top: var(--grey) 1rem solid;
+ border-style: solid none none none;
+ }
+ .footer__content {
+ min-width: 100vw;
+ min-height: 90vh;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ }
+ .FooterBody {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 1.5rem;
+ padding-top: 3rem;
+ }
+ .FooterBio {
+ padding-top: 3rem;
+ display: flex;
+ max-width: 30rem;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 1.5rem;
+ }
+ .FooterContact {
+ padding-top: 3rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 2.5rem;
+ font-family: var(--heading-font);
+ }
+ .ContactLinks {
+ text-decoration: none;
+ color: var(--white);
+ transition: 0.3s ease-in-out;
+ }
+ .ContactLinks:hover {
+ color: var(--blue);
+ scale: 1.1;
+ }
+ .InfoDiv {
display: flex;
- justify-content: space-between;
- margin-top: 2rem;
+ gap: 1rem;
+ align-items: center;
+ }
+ .ConIcon {
+ width: 16px;
+ height: 16px;
}
footer a {
text-decoration: none;
- color: var(--color-foreground);
+ color: var(--grey);
}
- footer .footer__links,
- footer .footer__payment {
+ .footer__links {
display: flex;
+ flex-direction: column;
gap: 1rem;
}
+ .footer__payment {
+ display: flex;
+ gap: 1rem;
+ }
+ .footer__designed-by {
+ display: inline-flex;
+ align-items: center;
+ }
+ .footer__agency-logo {
+ padding: 1rem;
+ height: 100px;
+ width: 100px;
+ }
+
+ /* Media Queries */
+
+ @media screen and (max-width: 550px) {
+ .FooterLogo {
+ padding: 2rem;
+ }
+ .FooterBio {
+ padding: 1rem;
+ }
+ .FooterContact {
+ padding: 1rem;
+ }
+ .footer__copyright {
+ padding: 1rem;
+ }
+ }
{% endstylesheet %}
{% schema %}
diff --git a/sections/header.liquid b/sections/header.liquid
index f5d3f3c3..15c99657 100644
--- a/sections/header.liquid
+++ b/sections/header.liquid
@@ -1,56 +1,801 @@
-
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+