# Contact Page

## Purpose

This folder contains all the necessary files for the "Contact Us" page of the website. It includes the structure (ACF), functionality (shortcodes, JavaScript), and styling (CSS, animations) for the page.

## Workflow Summary

1.  **ACF Setup (`acf.php`):**
    *   Defines the Advanced Custom Fields used on the contact page. This allows for easy content management of elements like the page title, contact form details, and location information.

2.  **Shortcodes (`shortcodes.php`):**
    *   Creates the WordPress shortcodes used to display dynamic content on the page. This typically includes the main contact form, Google Maps integration, and any other custom elements. The shortcodes pull data from the fields defined in `acf.php`.

3.  **Styling (`page.css`):**
    *   Contains all the CSS rules to style the contact page. This ensures a consistent look and feel for the form, text, and other layout elements.

4.  **Functionality (`page.js`):**
    *   Handles the client-side interactivity of the page. Key functions include form validation (e.g., checking for valid email formats) and handling the AJAX submission of the contact form to prevent page reloads.

5.  **Animations (`page.anim.js`):**
    *   Manages any animations on the page, such as fade-in effects on scroll or interactive element animations. It likely utilizes the GSAP library included in the theme.