Visione

The VisiOne GitHub repo features a dynamic brand-centric website powered by WordPress, HTML, CSS, and JavaScript. Utilizing GSAP for animations and Tailwind CSS for styling, explore the code for an innovative fusion of technologies, crafting brands that challenge norms and inspire users to live their best lives.

Technologies Used

• WordPress: Robust content management for scalability.
• HTML, CSS, JavaScript: Core web technologies for a seamless website.
• GSAP (GreenSock Animation Platform): Integration for captivating animations.
• Tailwind CSS: Efficient and responsive styling for a professional interface.

Screenshots

Home Page

Navigation Menu

About us Page

Brands Page

Sustainability Page

Impact Page

Contact Page

Quickstart

Installation

1. Move this folder to wp-content/themes in your local development environment
2. Run npm install && npm run dev in this folder
3. Activate this theme in WordPress

Development

4. Run npm run watch
5. Add Tailwind utility classes with abandon

Deployment

6. Run npm run bundle
7. Upload the resulting zip file to your site using the “Upload Theme” button on the “Add Themes” administration page

Or deploy with the tool of your choice!

Full Documentation

Fundamentals

• Installation
  Generate your custom theme, install it in WordPress and run your first Tailwind builds
• Development
  Watch for changes, build for production and learn more about how _tw, WordPress and Tailwind work together
• Deployment
  Share your new WordPress theme with the world
• Troubleshooting
  Find solutions to potential issues and answers to frequently asked questions

In Depth

• Using Tailwind Typography
  Customize front-end and back-end typographic styles
• JavaScript Bundling with esbuild
  Install and bundle JavaScript libraries (very quickly)
• Linting and Code Formatting
  Catch bugs and stop thinking about formatting

Extras

• On Tailwind and WordPress
  Understand how WordPress and Tailwind work together
• Managing Styles for Custom Blocks
  Learn strategies for using Tailwind in theme-specific custom blocks
• Setting Up Browsersync
  Add live reloads and synchronized cross-device testing to your workflow

License

This project is licensed under the GNU General Public License v2.0.