Butazzo Pizza – Fast Food and Restaurant Template
Welcome to Butazzo Pizza, a premium HTML restaurant template featuring a stunning Dark Fine Dining design (Home v5) powered by GSAP animations and smooth scroll. Includes 5 complete home page designs, 60+ inner pages, and a live reservation system backed by Supabase. Whether you’re building a pizzeria, burger joint, café, fine dining establishment, bakery, or any food business—Butazzo delivers professional, production-ready code with modern web technologies.
Key features:
- Pizza, Burger & Fast Food Restaurant — 5 Home Demos & 60+ Pages
- GSAP Animations, Smooth Scroll & Dark Mode & Live Reservation System
- Bootstrap 5, W3C Validated & SCSS & Fully Responsive
Why Butazzo stands out: Dark Fine Dining design with kinetic hero animations, GSAP scroll effects, Lenis smooth scroll, live database forms with RLS security, dark mode toggle, and meticulously crafted responsive layouts. Well-commented code, comprehensive documentation, and 24/7 professional support included.
![]()
![]()
![]()
![]()
![]()
![]()
![]()
You can change all images and icons to make this template serve your business. Butazzo provides a responsive and mobile-friendly design, ensuring that your website looks great and functions smoothly across all devices.
With its clean code and customization options, you can easily personalize Butazzo to match your brand’s unique style and requirements. Use Butazzo, and create something amazing!
What’s New in Home v5 — Dark Fine Dining
Home v5 represents a complete design upgrade with premium animations and live functionality:
- Dark-first design with sophisticated atmosphere (fine dining aesthetic)
- Kinetic typography hero with word-split animations on page load
- GSAP-powered scroll animations: reveals, parallax, animated counters, smooth section transitions
- Lenis smooth scroll for refined, GPU-accelerated scrolling experience
- Pinned horizontal menu section that scrolls with animated progress tracking
- Swiper fade gallery for reviews with custom gold pagination
- Live reservation form wired to Supabase backend (real PostgreSQL database)
- Real-time form status messages: pending, success, and error states
- Flatpickr date picker + Choices.js select dropdowns (styled to dark palette)
- Menu item detail page with Swiper image gallery + thumbnails
- Complete inner pages: Menu, About, Contact, Gallery, and more
Why choose Butazzo Pizza?
Let’s explore the exciting features and content that Butazzo Pizza offers:
-
Premium Home Designs — 5 Complete Variations
- Home v5 “Dark Fine Dining” — Premium dark design with GSAP animations, smooth scroll, kinetic hero, and live reservation system
- Home v1 (Classic Red) — Traditional pizza restaurant aesthetic with bold colors
- Home v2 (Healthy Green) — Health-focused food business design
- Home v3 (Dark Burger) — Modern dark design for burger/fast food
- Home v4 (Clean Modern) — Contemporary light design with minimalist layout
- Each home page greets visitors with stunning full-width banners showcasing mouthwatering food imagery
- Elegant, intuitive navigation menus allow easy access to all sections
- Featured sections highlight best-selling dishes, daily specials, and promotional offers
-
Menu
- The menu page presents your food offerings in an organized and visually appealing manner.
- Categorize your menu items into different sections such as starters, main courses, desserts, and beverages for easy navigation.
-
About Us
- The about us page provides an opportunity to tell your brand’s story and showcase your restaurant’s unique qualities.
- Share your mission, values, and the passion behind your culinary creations.
- Highlight your team members and their expertise, creating a sense of trust and connection with your audience.
-
Gallery
- Display a visually stunning gallery of your restaurant’s interior, dishes, and happy customers.
- Showcasing high-quality images will tempt visitors and give them a glimpse of the delightful dining experience they can expect.
-
Blog
- Engage with your audience by sharing interesting articles, recipes, and food-related tips on the blog page.
- Establish your restaurant as a knowledgeable and authoritative source in the industry.
- Encourage visitors to subscribe to your newsletter for regular updates and exclusive offers.
-
Contact
- The contact page provides all the necessary information for customers to get in touch with your restaurant.
- Display your address, phone number, email, and operating hours.
- Include a contact form for easy communication and inquiries.
-
Testimonials
- Display positive testimonials and reviews from satisfied customers, building trust and credibility.
- Highlighting positive feedback helps potential customers make informed decisions and increases their confidence in choosing your restaurant.
-
Special Offers and Promotions
- Butazzo Pizza allows you to showcase special offers, discounts, and promotions prominently on your website.
- Drive sales and attract new customers with limited-time deals and seasonal menus.
-
Social Media Integration
- Integrate your social media profiles to encourage visitors to follow your restaurant and stay connected.
- Leverage the power of platforms like Instagram, Facebook, and Twitter to showcase your delicious creations and interact with your audience.
-
Online Ordering
- Butazzo Pizza includes a convenient online ordering system, allowing customers to place their orders directly through your website.
- Integrated with a secure payment gateway, customers can make payments easily and securely.
- Orders can be customized with options for toppings, sides, and other preferences, providing a personalized ordering experience.
Butazzo Pizza Core Features
Premium Animation & Interactivity (Home v5)
- GSAP 3.x + ScrollTrigger — scroll-driven animations, reveals, parallax effects
- Lenis smooth scroll integrated with GSAP ticker for fluid scrolling
- Kinetic typography hero with word-split animation on page load
- Horizontal menu scroll section with animated progress bar
- Animated stats counter on scroll
- Swiper 11 fade slider with custom gold pagination (reviews/gallery)
- Section reveals with staggered animations
Live Backend & Forms
- Live reservation system (Supabase backend) — real PostgreSQL database inserts with RLS protection
- Real-time form status messages (pending / success / error states)
- Flatpickr date picker (styled to dark palette)
- Choices.js custom select dropdowns (accessible, styled)
- Live contact form (Home v5 + other versions)
- Menu item detail page with Swiper image gallery + thumbnails (Home v5)
Design & Theme Variations
- 05+ Complete Home Page designs (Classic, Healthy, Dark, Modern, Fine Dining)
- Dark Fine Dining — permanent dark-first design (Home v5)
- Dark Mode / Light Mode Toggle with system preference detection (Home v1–v4)
- Multiple color options across all versions
- Box and Frame Layout options
- Fully responsive, mobile-first design
Content & Pages
- 60+ Inner Pages
- 10+ Post Layout Pages
- 10+ Blog Pages
- 02+ Special Menu Pages
- Shop Pages (WooCommerce-ready layout)
- Complete inner pages: Menu, About, Gallery, Contact, Services, Testimonials, and more
Technical Stack
- Bootstrap 5.3 (latest) — Home v1–v4
- Latest Swiper Slider (v11)
- Latest jQuery (3.7.1)
- SCSS + CSS Compatible
- Google Fonts
- Font Awesome Icons (6+)
- Flaticon included
- W3C Validated Code
- SCSS source files included
- Clean, well-commented code
User Experience & Support
- Mobile Sidemenu with hamburger navigation
- Sticky Header
- Video Modal
- Detailed Documentation (HTML format)
- Easy to customize — well-documented file structure
- FREE Lifetime Updates
- 24/7 Professional Support
You will get
- HTML Files
- Supporting CSS, SCSS, JS Files
- Premium Image Included in package
- Documentation in HTML
Credits and Sources
- Bootstrap 5.3
- jQuery 3.7.1
- Swiper Slider
- Fancyapps 5.0.36
- Slick Slider 1.8.1
- AOS 2.3.4
- GSAP 3 + ScrollTrigger
- Lenis Smooth Scroll
- Flatpickr
- Choices.js
- Font Awesome 6
Fonts used
- Montserrat
- Raleway
- Josefin Sans
- Lato
Images License
Thank you so much to the artists and authors who gave their permission to use their amazing works! THANK YOU!
- All images used are taken from Pixabay and Unsplash. Pixabay and Unsplash is a vibrant community of authors, artists and creators sharing royalty-free images, video, audio and other media.
Important Note
- All images & videos are used for preview demo purposes, But premium images are INCLUDED in the purchase package.
- Envato item scope support policy.
- Included a documentation file for full instruction. You can see on this page link
Please contact at [email protected] to get the all images used in the demo.
Documentation
Check the docs hereThank You
Thank you so much for using this template. Your comments and ratings would be much appreciated.
If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates.
Change Log
June 06, 2026: Butazzo Pizza v5.2.3 --------------------------------------- - Fixed: W3C heading hierarchy errors on home-v4 inner pages (our-menu-3/4, post-cateloge, post-tutorial, shop pages, blog pages) and home-v5 inner pages (about, contact, gallery, menu, menu-item) - Fixed: Invalid thumbsSlider attribute on home-v5/menu-item — changed to data-thumbs-slider - Tweak: Updated Documentation
June 06, 2026: Butazzo Pizza v5.2.2 --------------------------------------- - Fixed: All W3C HTML validation errors across every home version and the documentation page - Fixed: Carousel prev/next controls — invalid <div> child of <button> replaced with proper button markup (Home v1, v2) - Fixed: Menu filter tabs — invalid type="button" on <a> changed to <button> elements (Home v1, v2) - Fixed: Heading hierarchy skips on every home version (no more h1 → h4/h5/h6 jumps) - Fixed: Empty video source on Home v5 hero — now falls back to the poster image - Fixed: Documentation code samples now properly HTML-escaped; X-UA-Compatible meta corrected - Updated: jQuery in documentation upgraded 1.11.2 → 3.7.1 (latest, bundled locally — no CDN) - Tweak: Updated Documentation
June 04, 2026: Butazzo Pizza v5.2.1 --------------------------------------- - Fixed: Replaced Yandex Maps with OpenStreetMap embed — Yandex API was geo-blocked in many countries, causing loading overlay to never dismiss - Fixed: Added 5-second fallback timeout to loading overlay across all versions - Fixed: Demo links in landing page now use local relative paths for reliable Envato preview - Tweak: Updated Documentation
June 02, 2026: Butazzo Pizza v5.2 --------------------------------------- - Fixed: Phone number overlapping nav menu on tablet/laptop screens (1040px–1280px) — hidden below 1280px - Fixed: "Book a Table" button mispositioned next to logo on mobile — moved inside hamburger menu overlay - Tweak: Updated Documentation
May 30, 2026: Butazzo Pizza v5.1 --------------------------------------- - New: Supabase live reservation form (Home v5) — form submissions now insert directly into a Supabase PostgreSQL database - New: Row Level Security (RLS) policy — public can submit reservations, data stays protected from browser reads/deletes - New: Real-time status messages on the reservation form (pending / success / error states) - New: Menu item detail page (menu-item.html) with Swiper image + thumbnail gallery (Home v5) - Tweak: Updated Documentation
May 29, 2026: Butazzo Pizza v5.0 --------------------------------------- - New: Home version 5 — "Dark Fine Dining" (dark-first, premium restaurant design) - New: GSAP 3.x + ScrollTrigger scroll animations (reveals, parallax, horizontal menu) - New: Lenis smooth scroll integrated with GSAP ticker - New: Kinetic typography hero (word-split animation on page load) - New: Pinned horizontal menu scroll section with progress bar - New: Swiper 11 fade slider for reviews with custom gold pagination - New: Flatpickr date picker styled to dark palette (reservation form) - New: Choices.js custom select dropdowns (reservation form) - New: Animated stats counter on scroll - New: Marquee ticker with infinite CSS loop animation - Added: Dark Mode support with light/dark toggle across all home versions (Home v1–v4, ~130 pages) - Added: System preference detection (auto dark/light on first visit) on all pages - Fixed: Header layout two-row stacking issue on Home v4 - Tweak: Updated Documentation
May 07, 2025: Butazzo Pizza v4.0 --------------------------------------- - New: Home version 4 - Fixed: Main slider captions mobile view problem - Fixed: Home version 1 Menu and Menu Inner page img view problems - Tweak: Updated Documentation
February 17, 2025: Butazzo Pizza v3.2.1 --------------------------------------- - Updated: Bootstrap 4.5 to Bootstrap 5.3.3 - Updated: Jquery 2.1.1 to Jquery 3.7.1 - Updated: Fancybox 1.3.4 to Fancyapps 5.0.36 - Updated: Font Awesome 4.7.0 to Font Awesome Free 6.7.2 - Updated: SEO and Google Speed score - Imported: all used plugins inside one file - Minified: all used assets files - Added: source folder with contains unminify files - Added: LESS, SCSS, SASS files - Added: extra options to date picker plugin - Fixed: AOS animation effects on scrooling page - Fixed: date time picker plugin view - Fixed: mobile menu auto close after navigate - Fixed: some responsive UI problems - Tweak: Updated Documentation
September 08, 2024: Butazzo Pizza v3.1 ---------------------------------------- - Added: Menus and Category pages for Home v1 - Fixed: Validation problems - Tweak: Improved Documentation
January 11, 2024: Butazzo Pizza v3.0 -------------------------------------- - New: Home version 3 - Updated: Preview link change. - Fixed: Optimization images for SEO. - Tweak: Improved Documentation
April 13, 2021: Butazzo Pizza v2.6.2 ------------------------------------ - Update: Bootstrap Framework to 4.5. - Tested: Android (Samsung, Google, HTC) and iOS (iPhone 11, iPhone 6s, iPad (6th Generation), iPad Air 2) devices, Safari, Firefox, Chrome browsers. - Tweak: Improved Documentation
October 13, 2020: Butazzo Pizza v2.5.1 -------------------------------------- - Fixed: "Our Menus" section tab click problem on iPhone devices. - Tested: Android (Samsung, Google, HTC) and iOS (iPhone 11, iPhone 6s, iPad (6th Generation), iPad Air 2) devices, Safari, Firefox, Chrome browsers. - Tweak: Improved Documentation
July 21, 2020: Butazzo Pizza v2.4.0 ----------------------------------- - New: Home version 2 - Added: Yandex Map instead of Google Map - Tweak: Improved Documentation
July 10, 2020: Butazzo Pizza v1.3.7 ----------------------------------- - Added: Chef personal social icons on slider - Fixed: Google Map API key source - Tweak: Improved Documentation
May 04, 2020: Butazzo Pizza v1.3.6 ---------------------------------- - Added: New big size images for Menu and Gallery popup - Tweak: Improved Documentation
May 03, 2020: Butazzo Pizza v1.3.5 ---------------------------------- - Added: Loading spinner for Gallery load more - Fixed: Go to top button work on footer - Fixed: Search input clear empty value - Tweak: Improved Documentation
December 01, 2019: Butazzo Pizza v1.2.4 --------------------------------------- - Added: Scroll up button functionality - Fixed: Header search clear button type - Fixed: Inputs type text autocomplete - Tweak: Improved Documentation
September 30, 2018: Butazzo Pizza v1.1.3 ---------------------------------------- - Fixed: Burger menu view on tablet devices - Fixed: Navbar fixed view - Tweak: Improved Documentation
July 08, 2018: Butazzo Pizza v1.1.2 ----------------------------------- - Added: loadMoreResults plugin for gallery photos - Added: Extra images for slider, menu and gallery sections - Fixed: Slider responsive view to medium devices - Fixed: Content of menu section - Tweak: Improved Documentation
July 07, 2018: Butazzo Pizza v1.0.1 ----------------------------------- - Updated: Fonts Loading Performance - Tweak: Improved Documentation
June 02, 2018: Butazzo Pizza v1.0.0 ----------------------------------- - Initial release