Merge version_2 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,10 +28,8 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Contatti", id: "#contact"},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contatti", id: "#contact" },
|
||||
]}
|
||||
brandName="Hobby Fumo"
|
||||
/>
|
||||
@@ -39,37 +37,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Hobby Fumo Duomo"
|
||||
description="Un'esperienza gastronomica unica nel cuore di Milano. | A unique gastronomic experience in the heart of Milan."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg", alt: "Milky shake with strawberry syrup in a glass."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg", alt: "Breakfast composition"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg", alt: "Beautiful thanksgiving meal concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312228.jpg", alt: "High angle dining table assortment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956548.jpg", alt: "Close up on romantic breakfast in bed arrangement"},
|
||||
]}
|
||||
avatarText="Unisciti alla nostra community di amanti del caffè."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Aperto tutti i giorni"},
|
||||
{
|
||||
type: "text", text: "Brunch gourmet"},
|
||||
{
|
||||
type: "text", text: "Aperitivi d'autore"},
|
||||
{
|
||||
type: "text", text: "Pasticceria artigianale"},
|
||||
{
|
||||
type: "text", text: "Nel centro di Milano"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -80,155 +52,84 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="breakfast" data-section="breakfast">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<div id="drinks" data-section="drinks">
|
||||
<ProductCardFour
|
||||
title="Bevande Artigianali | Craft Drinks"
|
||||
description="Cocktail ricercati e bevande fresche."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Cornetto Artigianale", price: "3,00€", imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-fried-egg-plate_23-2148574494.jpg"},
|
||||
{
|
||||
id: "2", name: "Espresso Doppio", price: "2,50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-keto-diet-food-golden-knife_23-2149260363.jpg"},
|
||||
{
|
||||
id: "3", name: "Spremuta Fresca", price: "6,00€", imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7374.jpg"},
|
||||
{
|
||||
id: "4", name: "Pain au Chocolat", price: "3,50€", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878777.jpg"},
|
||||
{
|
||||
id: "5", name: "Yogurt con Frutti di Bosco", price: "7,00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pie-with-cup-tea-fresh-red-strawberries-blue-surface_140725-66521.jpg"},
|
||||
{
|
||||
id: "6", name: "Muffin ai Mirtilli", price: "4,00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-meal-with-cutlery-table-food-meal-restaurant-dinner_140725-28355.jpg"},
|
||||
{ id: "d1", name: "Espresso Premium", price: "2,50€", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-keto-diet-food-golden-knife_23-2149260363.jpg" },
|
||||
{ id: "d2", name: "Spremuta Bio", price: "6,00€", variant: "Juice", imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7374.jpg" }
|
||||
]}
|
||||
title="Colazione & Pasticceria | Breakfast & Pastry"
|
||||
description="Ogni mattina, il profumo del caffè appena tostato e fragranti creazioni di pasticceria vi aspettano per un risveglio milanese indimenticabile."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="sandwiches" data-section="sandwiches">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1", name: "Prosciutto di Parma & Burrata", price: "14,00€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-with-olive-ham-tomatoes-vegetables-wood_140725-20925.jpg"},
|
||||
{
|
||||
id: "s2", name: "Pollo Croccante all'Arancia", price: "16,00€", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg"},
|
||||
{
|
||||
id: "s3", name: "Evolution Veggie", price: "15,00€", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-pasta_23-2150329918.jpg"},
|
||||
{
|
||||
id: "s4", name: "Salmone e Avocado", price: "18,00€", imageSrc: "http://img.b2bpic.net/free-photo/various-sliced-ham-cucumber_140725-6475.jpg"},
|
||||
{
|
||||
id: "s5", name: "Roast Beef Toscano", price: "17,00€", imageSrc: "http://img.b2bpic.net/free-photo/submarine-sandwich-with-ham-cheese-lettuce-tomatoesonion-mortadella-sausage-woden-table_123827-21861.jpg"},
|
||||
{
|
||||
id: "s6", name: "Il Classico Gourmet", price: "13,00€", imageSrc: "http://img.b2bpic.net/free-photo/snacks-set-wooden-board_140725-5468.jpg"},
|
||||
]}
|
||||
title="Gourmet Sandwiches"
|
||||
description="Una selezione curata dei migliori ingredienti italiani racchiusi in un pane fragrante, preparato ogni giorno dai nostri fornai."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="aperitivo" data-section="aperitivo">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<ProductCardFour
|
||||
title="Aperitivo Italiano"
|
||||
description="Tradizione e innovazione nei nostri cocktail signature."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "a1", name: "Negroni Duomo", price: "12,00€", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-roulets-with-rice-tomatoes_140725-8429.jpg"},
|
||||
{
|
||||
id: "a2", name: "Spritz Artigianale", price: "10,00€", imageSrc: "http://img.b2bpic.net/free-photo/new-year-s-eve-dinner-table_23-2151889031.jpg"},
|
||||
{
|
||||
id: "a3", name: "Craft Beer", price: "8,00€", imageSrc: "http://img.b2bpic.net/free-photo/two-red-wine-glass-cheese-platter-top-view_114579-1347.jpg"},
|
||||
{
|
||||
id: "a4", name: "Signature Gin Tonic", price: "14,00€", imageSrc: "http://img.b2bpic.net/free-photo/mimosa-salad-with-juice-bread-basket_140725-3459.jpg"},
|
||||
{
|
||||
id: "a5", name: "Vino al Calice", price: "9,00€", imageSrc: "http://img.b2bpic.net/free-photo/pastry-sandwiches-tomatoes-walnuts-cheese-slices-wooden-desk_23-2148162022.jpg"},
|
||||
{
|
||||
id: "a6", name: "Mocktail Bio", price: "8,50€", imageSrc: "http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145216.jpg"},
|
||||
{ id: "a1", name: "Negroni Duomo", price: "12,00€", variant: "Cocktail", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-roulets-with-rice-tomatoes_140725-8429.jpg" },
|
||||
{ id: "a2", name: "Spritz Artigianale", price: "10,00€", variant: "Cocktail", imageSrc: "http://img.b2bpic.net/free-photo/new-year-s-eve-dinner-table_23-2151889031.jpg" }
|
||||
]}
|
||||
title="Aperitivo & Cocktail"
|
||||
description="L'ora dorata milanese merita una selezione d'eccellenza. Dai classici senza tempo ai cocktail signature di Hobby Fumo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="boards" data-section="boards">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
<div id="beer" data-section="beer">
|
||||
<ProductCardFour
|
||||
title="Birre Artigianali | Craft Beer"
|
||||
description="Una selezione curata di birre locali e internazionali."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "b1", name: "Tagliere Grande", price: "28,00€", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-glass-wine_141793-633.jpg"},
|
||||
{
|
||||
id: "b2", name: "Selezione Formaggi", price: "22,00€", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-lettuce-olives_140725-7788.jpg"},
|
||||
{
|
||||
id: "b3", name: "Tagliere Vegetariano", price: "20,00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-best-snack-brown-tray-fallen-wine-glass-ice-background_140725-141662.jpg"},
|
||||
{
|
||||
id: "b4", name: "Selezione Salumi", price: "24,00€", imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368946.jpg"},
|
||||
{
|
||||
id: "b5", name: "Gourmet Tasting Board", price: "35,00€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=of80dx"},
|
||||
{
|
||||
id: "b6", name: "Antipasto Milano", price: "18,00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheese-plate-with-grapes-nuts-stand-with-dried-fruits-black-table_141793-13107.jpg"},
|
||||
{ id: "b1", name: "Hobby Lager", price: "7,00€", variant: "Beer", imageSrc: "http://img.b2bpic.net/free-photo/two-red-wine-glass-cheese-platter-top-view_114579-1347.jpg" },
|
||||
{ id: "b2", name: "Duomo IPA", price: "8,50€", variant: "Beer", imageSrc: "http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145216.jpg" }
|
||||
]}
|
||||
title="Charcuterie & Formaggi"
|
||||
description="Taglieri composti per esaltare i sapori del territorio italiano, perfetti per essere condivisi in buona compagnia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTwo
|
||||
title="Dicono di noi | What they say"
|
||||
description="Esperienze autentiche dai nostri ospiti."
|
||||
animationType="depth-3d"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marco Rossi", role: "Food Critic", company: "Milano Food", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-walks-along-picturesque-alley-summer-park_1153-8977.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena Bianchi", role: "Local", company: "Duomo Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-drinking-coffee_23-2148348887.jpg"},
|
||||
{
|
||||
id: "3", name: "Luca Verdi", role: "Chef", company: "Milano Kitchen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cup-hot-drink-croissant-near-window_169016-18028.jpg"},
|
||||
{
|
||||
id: "4", name: "Giulia Neri", role: "Tourist", company: "Trip Milan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-cute-image-pretty-blonde-woman-posing-sitting-enjoy-her-meal-looking-camera-elegant-floral-dress-bright-make-up-eating-raspberry-cake_291049-2358.jpg"},
|
||||
{
|
||||
id: "5", name: "Fabio Gialli", role: "Regular", company: "Milano Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-top-view_23-2149298560.jpg"},
|
||||
{ id: "1", name: "Marco Rossi", role: "Critico Gastronomico", testimonial: "Un vero angolo di paradiso nel centro di Milano, impeccabile.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-walks-along-picturesque-alley-summer-park_1153-8977.jpg" }
|
||||
]}
|
||||
title="Cosa dicono | What they say"
|
||||
description="La voce dei nostri ospiti è la testimonianza della nostra passione quotidiana per la qualità."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Prenotazioni"
|
||||
title="Hobby Fumo Duomo"
|
||||
description="Via Duomo, Milano. Contattaci per prenotare il tuo brunch."
|
||||
<ContactSplitForm
|
||||
title="Prenotazioni e Info"
|
||||
description="Siamo pronti ad accogliervi nel cuore di Milano. Compila il modulo per prenotare un tavolo."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome e Cognome" },
|
||||
{ name: "email", type: "email", placeholder: "Indirizzo Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Richieste speciali o note" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312228.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterMedia
|
||||
logoText="Hobby Fumo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Instagram", href: "#"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-pie-with-cup-tea-fresh-red-strawberries-blue-surface_140725-66521.jpg"
|
||||
columns={[
|
||||
{ title: "Contatti", items: [{ label: "Via Duomo, Milano", href: "#" }] },
|
||||
{ title: "Legale", items: [{ label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user