Item Description
# JA Square Tours & Travels ✈️
A high-performance, modern travel booking and management system built with a focus on **Material Design 3 (M3)** principles and **Glassmorphism** aesthetics. This platform provides a seamless experience for users to browse tour packages and a robust administrative backend for managing itineraries.
## 🌟 Key Features
### Frontend (Guest Experience)
* **Animated Hero Section:** Smooth, high-density image slider (3-4 slides) showcasing top destinations.
* **High-Density Tour Grid:** A compact, 4-column responsive grid (on desktop) utilizing flexbox for maximum scannability.
* **Glassmorphism UI:** Headers, footers, and cards feature real-time backdrop-blur effects and soft elevations.
* **M3 Mobile Navigation:** A sticky, app-like bottom navigation bar for mobile users with active-state indicators.
* **Dynamic Package Views:** Individual package pages displaying both vertical and horizontal image galleries.
* **Integrated Enquiry System:** Direct WhatsApp integration and custom M3-styled contact forms.
### Admin & Operations
* **Automated DB Setup:** `db_setup.php` includes logic to drop and recreate the schema for clean development cycles.
* **Responsive Management:** A vertically shallow layout designed to fit tablet and laptop screens without scrolling.
## 🛠️ Technical Stack
* **Language:** PHP 8.x
* **Database:** MySQL (Relational)
* **Styling:** Tailwind CSS (Utility-first)
* **Icons:** Material Symbols Outlined (Google)
* **Typography:** Plus Jakarta Sans
## 📂 Project Structure
ja-tours-travels/
├── admin/ # Administrative backend logic
├── assets/ # Images, CSS, and JS files
├── db_connect.php # Database connection singleton
├── db_setup.php # Database initialization & reset script (Drop & Create)
├── header.php # M3 Scroll-linked glassmorphism header
├── footer.php # Global footer
├── mobile-nav-footer.php # App-style mobile navigation
├── index.php # Hero slider & featured tours
├── tour-packages.php # High-density filtered grid (Compact View)
├── tour-package-view.php # Individual package details (Vertical/Horizontal Images)
├── about-us.php # Company profile and stats
└── contacts.php # M3 contact form and details
Author : salnazi@gmail.com (Salim Nazir)
A high-performance, modern travel booking and management system built with a focus on **Material Design 3 (M3)** principles and **Glassmorphism** aesthetics. This platform provides a seamless experience for users to browse tour packages and a robust administrative backend for managing itineraries.
## 🌟 Key Features
### Frontend (Guest Experience)
* **Animated Hero Section:** Smooth, high-density image slider (3-4 slides) showcasing top destinations.
* **High-Density Tour Grid:** A compact, 4-column responsive grid (on desktop) utilizing flexbox for maximum scannability.
* **Glassmorphism UI:** Headers, footers, and cards feature real-time backdrop-blur effects and soft elevations.
* **M3 Mobile Navigation:** A sticky, app-like bottom navigation bar for mobile users with active-state indicators.
* **Dynamic Package Views:** Individual package pages displaying both vertical and horizontal image galleries.
* **Integrated Enquiry System:** Direct WhatsApp integration and custom M3-styled contact forms.
### Admin & Operations
* **Automated DB Setup:** `db_setup.php` includes logic to drop and recreate the schema for clean development cycles.
* **Responsive Management:** A vertically shallow layout designed to fit tablet and laptop screens without scrolling.
## 🛠️ Technical Stack
* **Language:** PHP 8.x
* **Database:** MySQL (Relational)
* **Styling:** Tailwind CSS (Utility-first)
* **Icons:** Material Symbols Outlined (Google)
* **Typography:** Plus Jakarta Sans
## 📂 Project Structure
ja-tours-travels/
├── admin/ # Administrative backend logic
├── assets/ # Images, CSS, and JS files
├── db_connect.php # Database connection singleton
├── db_setup.php # Database initialization & reset script (Drop & Create)
├── header.php # M3 Scroll-linked glassmorphism header
├── footer.php # Global footer
├── mobile-nav-footer.php # App-style mobile navigation
├── index.php # Hero slider & featured tours
├── tour-packages.php # High-density filtered grid (Compact View)
├── tour-package-view.php # Individual package details (Vertical/Horizontal Images)
├── about-us.php # Company profile and stats
└── contacts.php # M3 contact form and details
Author : salnazi@gmail.com (Salim Nazir)
Item Description
# JA Square Tours & Travels ✈️
A high-performance, modern travel booking and management system built with a focus on **Material Design 3 (M3)** principles and **Glassmorphism** aesthetics. This platform provides a seamless experience for users to browse tour packages and a robust administrative backend for managing itineraries.
## 🌟 Key Features
### Frontend (Guest Experience)
* **Animated Hero Section:** Smooth, high-density image slider (3-4 slides) showcasing top destinations.
* **High-Density Tour Grid:** A compact, 4-column responsive grid (on desktop) utilizing flexbox for maximum scannability.
* **Glassmorphism UI:** Headers, footers, and cards feature real-time backdrop-blur effects and soft elevations.
* **M3 Mobile Navigation:** A sticky, app-like bottom navigation bar for mobile users with active-state indicators.
* **Dynamic Package Views:** Individual package pages displaying both vertical and horizontal image galleries.
* **Integrated Enquiry System:** Direct WhatsApp integration and custom M3-styled contact forms.
### Admin & Operations
* **Automated DB Setup:** `db_setup.php` includes logic to drop and recreate the schema for clean development cycles.
* **Responsive Management:** A vertically shallow layout designed to fit tablet and laptop screens without scrolling.
## 🛠️ Technical Stack
* **Language:** PHP 8.x
* **Database:** MySQL (Relational)
* **Styling:** Tailwind CSS (Utility-first)
* **Icons:** Material Symbols Outlined (Google)
* **Typography:** Plus Jakarta Sans
## 📂 Project Structure
ja-tours-travels/
├── admin/ # Administrative backend logic
├── assets/ # Images, CSS, and JS files
├── db_connect.php # Database connection singleton
├── db_setup.php # Database initialization & reset script (Drop & Create)
├── header.php # M3 Scroll-linked glassmorphism header
├── footer.php # Global footer
├── mobile-nav-footer.php # App-style mobile navigation
├── index.php # Hero slider & featured tours
├── tour-packages.php # High-density filtered grid (Compact View)
├── tour-package-view.php # Individual package details (Vertical/Horizontal Images)
├── about-us.php # Company profile and stats
└── contacts.php # M3 contact form and details
Author : salnazi@gmail.com (Salim Nazir)
A high-performance, modern travel booking and management system built with a focus on **Material Design 3 (M3)** principles and **Glassmorphism** aesthetics. This platform provides a seamless experience for users to browse tour packages and a robust administrative backend for managing itineraries.
## 🌟 Key Features
### Frontend (Guest Experience)
* **Animated Hero Section:** Smooth, high-density image slider (3-4 slides) showcasing top destinations.
* **High-Density Tour Grid:** A compact, 4-column responsive grid (on desktop) utilizing flexbox for maximum scannability.
* **Glassmorphism UI:** Headers, footers, and cards feature real-time backdrop-blur effects and soft elevations.
* **M3 Mobile Navigation:** A sticky, app-like bottom navigation bar for mobile users with active-state indicators.
* **Dynamic Package Views:** Individual package pages displaying both vertical and horizontal image galleries.
* **Integrated Enquiry System:** Direct WhatsApp integration and custom M3-styled contact forms.
### Admin & Operations
* **Automated DB Setup:** `db_setup.php` includes logic to drop and recreate the schema for clean development cycles.
* **Responsive Management:** A vertically shallow layout designed to fit tablet and laptop screens without scrolling.
## 🛠️ Technical Stack
* **Language:** PHP 8.x
* **Database:** MySQL (Relational)
* **Styling:** Tailwind CSS (Utility-first)
* **Icons:** Material Symbols Outlined (Google)
* **Typography:** Plus Jakarta Sans
## 📂 Project Structure
ja-tours-travels/
├── admin/ # Administrative backend logic
├── assets/ # Images, CSS, and JS files
├── db_connect.php # Database connection singleton
├── db_setup.php # Database initialization & reset script (Drop & Create)
├── header.php # M3 Scroll-linked glassmorphism header
├── footer.php # Global footer
├── mobile-nav-footer.php # App-style mobile navigation
├── index.php # Hero slider & featured tours
├── tour-packages.php # High-density filtered grid (Compact View)
├── tour-package-view.php # Individual package details (Vertical/Horizontal Images)
├── about-us.php # Company profile and stats
└── contacts.php # M3 contact form and details
Author : salnazi@gmail.com (Salim Nazir)
