# VENCOL Front Template

## Docs

- [siteContent Object](https://mintlify.wiki/Mich9025/vencol-front/api/data/site-content.md): Complete reference for the main site content configuration object containing all text, navigation, and data structures for the VENCOL Front Template.
- [Solutions Data](https://mintlify.wiki/Mich9025/vencol-front/api/data/solutions.md): Product solutions catalog data in siteContent.solutions.items containing detailed information for VENCOL packaging products
- [BlogPost](https://mintlify.wiki/Mich9025/vencol-front/api/types/blog-post.md): TypeScript interface for blog post data in the VENCOL Front Template
- [FaqItem](https://mintlify.wiki/Mich9025/vencol-front/api/types/faq-item.md): TypeScript interface for FAQ (Frequently Asked Questions) entries in the VENCOL Front Template
- [NavLink](https://mintlify.wiki/Mich9025/vencol-front/api/types/nav-link.md): TypeScript interface for navigation menu links in the VENCOL Front Template
- [Service](https://mintlify.wiki/Mich9025/vencol-front/api/types/service.md): TypeScript interface for service/solution products in the VENCOL Front Template
- [Stat](https://mintlify.wiki/Mich9025/vencol-front/api/types/stat.md): TypeScript interface for statistical metrics displayed on the VENCOL Front Template home page
- [WPPage](https://mintlify.wiki/Mich9025/vencol-front/api/types/wp-page.md): TypeScript interface for WordPress page data in the VENCOL Front Template
- [fetchBlogPosts](https://mintlify.wiki/Mich9025/vencol-front/api/wordpress/fetch-blog-posts.md): Fetch blog posts from WordPress CMS
- [fetchWPPageBySlug](https://mintlify.wiki/Mich9025/vencol-front/api/wordpress/fetch-wp-page.md): Fetch a WordPress page by its slug
- [Footer Component](https://mintlify.wiki/Mich9025/vencol-front/components/footer.md): Comprehensive footer with brand info, contact details, newsletter, and social links
- [Navbar Component](https://mintlify.wiki/Mich9025/vencol-front/components/navbar.md): Responsive navigation component with dropdown menus and scroll effects
- [Components Overview](https://mintlify.wiki/Mich9025/vencol-front/components/overview.md): Overview of all React components available in the VENCOL Front Template
- [SEO Component](https://mintlify.wiki/Mich9025/vencol-front/components/seo.md): Meta tags and SEO optimization using react-helmet-async
- [UI Components](https://mintlify.wiki/Mich9025/vencol-front/components/ui-components.md): Reusable UI components including GlassCard and BackgroundBlobs
- [Architecture Overview](https://mintlify.wiki/Mich9025/vencol-front/concepts/architecture.md): Understanding the project structure, component organization, and data flow in the VENCOL Front Template
- [Routing & Navigation](https://mintlify.wiki/Mich9025/vencol-front/concepts/routing.md): Learn about React Router setup, route configuration, and navigation patterns in the VENCOL Front Template
- [Styling & Design System](https://mintlify.wiki/Mich9025/vencol-front/concepts/styling.md): Explore Tailwind CSS usage, glassmorphism design patterns, and custom styling in the VENCOL Front Template
- [WordPress Integration](https://mintlify.wiki/Mich9025/vencol-front/concepts/wordpress-integration.md): Learn how the VENCOL Front Template integrates with WordPress REST API for dynamic content
- [Adding Solutions](https://mintlify.wiki/Mich9025/vencol-front/guides/adding-solutions.md): Step-by-step guide to add new products and solutions to your VENCOL Front Template catalog
- [Customization Guide](https://mintlify.wiki/Mich9025/vencol-front/guides/customization.md): Learn how to customize colors, content, branding, and site metadata for your VENCOL Front Template
- [Deployment Guide](https://mintlify.wiki/Mich9025/vencol-front/guides/deployment.md): Deploy your VENCOL Front Template to Vercel, Netlify, or other hosting platforms
- [WordPress Setup](https://mintlify.wiki/Mich9025/vencol-front/guides/wordpress-setup.md): Configure WordPress CMS integration for blog posts and dynamic content in your VENCOL Front Template
- [Installation Guide](https://mintlify.wiki/Mich9025/vencol-front/installation.md): Complete installation instructions for VENCOL Front Template. Covers npm, pnpm, and yarn setups, environment configuration, and production deployment.
- [Welcome to VENCOL Front Template](https://mintlify.wiki/Mich9025/vencol-front/introduction.md): A modern React + TypeScript application for showcasing food packaging solutions with WordPress integration, Glassmorphism design, and comprehensive SEO features.
- [About Page Component](https://mintlify.wiki/Mich9025/vencol-front/pages/about.md): Documentation for the About page component, showcasing company information and values in the VENCOL Front Template.
- [Blog Page Component](https://mintlify.wiki/Mich9025/vencol-front/pages/blog.md): Documentation for the Blog listing page component that displays articles and posts from WordPress CMS.
- [Blog Detail Page](https://mintlify.wiki/Mich9025/vencol-front/pages/blog-detail.md): Individual blog post page component that displays full article content from WordPress CMS or static data
- [Contact Page Component](https://mintlify.wiki/Mich9025/vencol-front/pages/contact.md): Documentation for the Contact page component with form and company contact information.
- [Home Page Component](https://mintlify.wiki/Mich9025/vencol-front/pages/home.md): Documentation for the Home page component, the main landing page of the VENCOL Front Template application.
- [Page Detail Component](https://mintlify.wiki/Mich9025/vencol-front/pages/page-detail.md): Dynamic WordPress page renderer that fetches and displays custom pages by slug in the VENCOL Front Template
- [Solution Detail Page Component](https://mintlify.wiki/Mich9025/vencol-front/pages/solutions.md): Documentation for the SolutionDetail page component that displays individual product/service information.
- [Quickstart Guide](https://mintlify.wiki/Mich9025/vencol-front/quickstart.md): Get the VENCOL Front Template up and running in 5 minutes. A quick walkthrough from installation to your first customization.