PizzaHub Online | The Art of Dough tailwind.config = { theme: { extend: { colors: { stone: { 850: '#1f1c1a', 900: '#1c1917', 950: '#0c0a09', }, brand: { red: '#b91c1c', // Primary orange: '#c2410c', // Accent amber: '#d97706', // Secondary cream: '#f5f5f4', } }, fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Playfair Display', 'serif'], }, backgroundImage: { 'noise': "url('data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22 opacity=%220.05%22/%3E%3C/svg%3E')", } } } } / Custom Utilities / body { background-color: #0c0a09; color: #f5f5f4; overflow-x: hidden; } .noise-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 50; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.07'/%3E%3C/svg%3E"); } .glass-panel { background: rgba(28, 25, 23, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.05); } .text-outline { -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2); color: transparent; } / Hide scrollbar for clean look / ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #0c0a09; } ::-webkit-scrollbar-thumb { background: #44403c; border-radius: 4px; }
Artisanal Pizza

Est. 2024 • Digital Atelier

Crafted
Heat

Experience the convergence of culinary tradition and digital convenience. Fresh ingredients, artisanal dough, delivered to your doorstep.

Scroll

We don't just bake.
We curate flavor.

PizzaHub Online isn't a fast-food chain. It's a logistics-enabled culinary project. We source flour from Naples, tomatoes from San Marzano, and technology from the future.

48h Fermentation
400° Wood Fired

The Collection

Signature Series

Margherita
01 — The Classic

Margherita
Verace

San Marzano tomato DOP, mozzarella di bufala, fresh basil, extra virgin olive oil.

Pepperoni
02 — The Bold

Diavola
Inferno

Spicy salami, chili infused honey, roasted red peppers, smoked provolone.

Truffle
03 — The Luxury

Tartufo
Bianco

White base, wild mushrooms, black truffle cream, thyme, parmesan shavings.

Your Canvas.

Select your base, choose your toppings, and let our chefs bring your vision to life.

Start Customization

import { animate, scroll, inView, stagger } from "https://cdn.skypack.dev/motion"; // Hero Animations on Load animate( ".hero-reveal", { y: [100, 0], opacity: [0, 1] }, { duration: 1.2, delay: stagger(0.2), easing: "cubic-bezier(0.16, 1, 0.3, 1)" } ); // Parallax Hero Image scroll( animate("#hero-image", { y: [0, 200] }), { target: document.querySelector("header") } ); // Text Reveal on Scroll inView(".reveal-text", ({ target }) => { animate( target, { opacity: [0, 1], y: [50, 0] }, { duration: 0.8, easing: "ease-out" } ); }); // Sticky Cards Scale Effect const cards = document.querySelectorAll(".sticky-card"); cards.forEach((card) => { scroll( animate(card.querySelector(".glass-panel"), { scale: [0.9, 1], opacity: [0.5, 1] }), { target: card, offset: ["start end", "center center"] } ); });