Compare commits
21 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3858f33773 | |||
| 1915322a51 | |||
| 496fe20786 | |||
| 9fa381efc5 | |||
| 331348dbda | |||
| 0a25af2223 | |||
| 4cb219a6a8 | |||
| a43bf32d9b | |||
| c0686aa38a | |||
| 47be876c53 | |||
| dee163de63 | |||
| 9772d0ff7d | |||
| 875e74a7ea | |||
| 46ccc25881 | |||
| 2cc0c5e60d | |||
| 1c5c9e21bd | |||
| 10a54b80c3 | |||
| 50bd361740 | |||
| 2ba962f52b | |||
| 6266269a29 | |||
| 62b62aae32 |
@@ -1,50 +1,37 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function ApartmentsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Neighborhoods", id: "/neighborhoods" },
|
||||
{ name: "Apartments", id: "/apartments" },
|
||||
{ name: "Discover Milan", id: "/attractions" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
const apartments = [
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "I Nostri Quartieri", href: "/neighborhoods" },
|
||||
{ label: "Appartamenti", href: "/apartments" },
|
||||
{ label: "Scopri Milano", href: "/" },
|
||||
],
|
||||
},
|
||||
id: "1", name: "Loft Porta Romana", price: "€120/notte", variant: "2 ospiti • Moderno • Balcone", imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg?_wi=1", imageAlt: "Loft Porta Romana con balcone panoramico"},
|
||||
{
|
||||
title: "Contatti",
|
||||
items: [
|
||||
{ label: "Email: info@vivimilano.com", href: "mailto:info@vivimilano.com" },
|
||||
{ label: "Telefono: +39 02 1234 5678", href: "tel:+390212345678" },
|
||||
{ label: "WhatsApp: +39 324 567 8901", href: "https://wa.me/393245678901" },
|
||||
{ label: "Contattaci", href: "/contact" },
|
||||
],
|
||||
},
|
||||
id: "2", name: "Suite Brera Design", price: "€180/notte", variant: "4 ospiti • Elegante • Centro Storico", imageSrc: "http://img.b2bpic.net/free-photo/sitting-room-with-old-furniture_116348-77.jpg?_wi=1", imageAlt: "Suite Brera Design nel centro storico"},
|
||||
{
|
||||
title: "Legale",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Termini e Condizioni", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Disclaimer", href: "#" },
|
||||
],
|
||||
},
|
||||
id: "3", name: "Navigli Canal Apartment", price: "€150/notte", variant: "3 ospiti • Vista Canale • Luminoso", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3277.jpg?_wi=1", imageAlt: "Navigli Canal Apartment con vista sul canale"},
|
||||
{
|
||||
id: "4", name: "Isola Urban Flat", price: "€110/notte", variant: "2 ospiti • Moderno • Vicino Metro", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394880.jpg?_wi=1", imageAlt: "Isola Urban Flat vicino alla metropolitana"},
|
||||
{
|
||||
id: "5", name: "Porta Venezia Penthouse", price: "€200/notte", variant: "6 ospiti • Lusso • Terrazza Esclusiva", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5468.jpg?_wi=1", imageAlt: "Porta Venezia Penthouse con terrazza panoramica"},
|
||||
{
|
||||
id: "6", name: "Navigli Vintage Studio", price: "€95/notte", variant: "1 ospite • Romantico • Vicino ai Canali", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-listening-music-with-headphones-city-street_171337-16984.jpg?_wi=1", imageAlt: "Navigli Vintage Studio con vista sul canale"},
|
||||
{
|
||||
id: "7", name: "Brera Artist Loft", price: "€165/notte", variant: "3 ospiti • Artistico • Gallerie Locali", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-patterned-gray-concrete-building-ceiling_181624-2292.jpg?_wi=1", imageAlt: "Brera Artist Loft nel quartiere artistico"},
|
||||
{
|
||||
id: "8", name: "Isola Tech Residence", price: "€140/notte", variant: "4 ospiti • Smart Working • Postazioni Dedicate", imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=1", imageAlt: "Isola Tech Residence con spazi di lavoro moderni"},
|
||||
{
|
||||
id: "9", name: "Porta Romana Deluxe", price: "€175/notte", variant: "5 ospiti • Premium • Concierge 24/7", imageSrc: "http://img.b2bpic.net/free-photo/wooden-benches-modern-sauna-geometric-style_169016-70250.jpg?_wi=1", imageAlt: "Porta Romana Deluxe con servizi concierge"},
|
||||
{
|
||||
id: "10", name: "Garibaldi Design Suite", price: "€155/notte", variant: "3 ospiti • Contemporaneo • Porta Garibaldi", imageSrc: "http://img.b2bpic.net/free-photo/gothic-window-stained-glass-wooden-doors_169016-68675.jpg?_wi=1", imageAlt: "Garibaldi Design Suite nei pressi di Porta Garibaldi"},
|
||||
{
|
||||
id: "11", name: "Navigli Duplex", price: "€190/notte", variant: "5 ospiti • Spazioso • Su Due Piani", imageSrc: "http://img.b2bpic.net/free-photo/old-arch-bridge-grass-field-with-trees-building_181624-28637.jpg?_wi=1", imageAlt: "Navigli Duplex con spazi generosi su due livelli"},
|
||||
{
|
||||
id: "12", name: "Centro Storico Classic", price: "€135/notte", variant: "2 ospiti • Tradizionale • Duomo Vicino", imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-woman-looks-front-isolated-olive-green-wall_141793-66135.jpg?_wi=1", imageAlt: "Centro Storico Classic vicino al Duomo di Milano"},
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -63,150 +50,105 @@ export default function ApartmentsPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Vivimilano"
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Neighborhoods", id: "/neighborhoods" },
|
||||
{ name: "Apartments", id: "/apartments" },
|
||||
{ name: "Discover Milan", id: "#attractions" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/apartments",
|
||||
}}
|
||||
text: "Book Now", href: "#search"}}
|
||||
buttonClassName="font-semibold"
|
||||
className="z-50"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="apartments-hero" data-section="apartments-hero" className="mx-auto px-4 md:px-6 py-20">
|
||||
<MediaAbout
|
||||
title="I Nostri Appartamenti Premium"
|
||||
description="Una selezione curata di eleganti appartamenti nei quartieri più autentici di Milano. Ogni spazio è stato scelto per offrire comfort, stile e un'esperienza autentica della vita milanese."
|
||||
tag="Alloggi di Lusso"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5468.jpg?_wi=2"
|
||||
imageAlt="modern apartment interior minimalist design"
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="I NOSTRI APPARTAMENTI"
|
||||
description="Una collezione curata di eleganti appartamenti nei quartieri più autentici di Milano. Scopri la tua nuova dimora temporanea con stile e comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i Dettagli",
|
||||
href: "#",
|
||||
},
|
||||
text: "Filtra Appartamenti", href: "#apartments"},
|
||||
{
|
||||
text: "Torna a Home", href: "/"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-arch-gothic-quarter-barcelona-bishops-bridge_1217-1736.jpg?_wi=1", imageAlt: "Milan Duomo Cathedral at sunrise"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-canal-middle-buildings-venice-italy_181624-11048.jpg?_wi=1", imageAlt: "Navigli Canal with evening lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-honeymoon-milan_1303-5674.jpg?_wi=1", imageAlt: "Brera artistic quarter romantic street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-playing-with-shopping-bags_23-2147645128.jpg?_wi=1", imageAlt: "Porta Romana elegant neighborhood"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Apartments listing hero carousel section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="apartments-showcase" data-section="apartments-showcase" className="mx-auto px-4 md:px-6 py-20">
|
||||
<div id="apartments" data-section="apartments">
|
||||
<ProductCardFour
|
||||
title="Appartamenti Disponibili"
|
||||
description="Seleziona il tuo appartamento ideale tra le nostre proposte esclusive nei migliori quartieri di Milano."
|
||||
title="Tutti gli Appartamenti Disponibili"
|
||||
description="Sfoglia la nostra collezione completa di proprietà premium. Ogni appartamento è stato selezionato per garantire comfort, stile e la vera esperienza milanese. Filtra per quartiere, prezzo e numero di ospiti per trovare la tua scelta perfetta."
|
||||
tag="Alloggi Premium"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Loft Porta Romana",
|
||||
price: "€120/notte",
|
||||
variant: "2 ospiti • Moderno • Balcone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg?_wi=2",
|
||||
imageAlt: "loft apartment balcony modern design city view",
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Suite Brera Design",
|
||||
price: "€180/notte",
|
||||
variant: "4 ospiti • Elegante • Centro Storico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-room-with-old-furniture_116348-77.jpg?_wi=2",
|
||||
imageAlt: "elegant suite bedroom luxury design romantic",
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Navigli Canal Apartment",
|
||||
price: "€150/notte",
|
||||
variant: "3 ospiti • Vista Canale • Luminoso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3277.jpg?_wi=2",
|
||||
imageAlt: "apartment canal view Venice Milan water",
|
||||
isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Isola Urban Flat",
|
||||
price: "€110/notte",
|
||||
variant: "2 ospiti • Moderno • Vicino Metro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394880.jpg?_wi=2",
|
||||
imageAlt: "modern urban apartment skyline view metro",
|
||||
isFavorited: false,
|
||||
},
|
||||
]}
|
||||
products={apartments}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota Ora",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contattaci per Prenotazioni", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="apartments-features" data-section="apartments-features" className="mx-auto px-4 md:px-6 py-20">
|
||||
<MetricCardSeven
|
||||
title="Perché Scegliere i Nostri Appartamenti"
|
||||
description="Ogni appartamento è stato selezionato per garantire un'esperienza autentica e confortevole a Milano."
|
||||
tag="I Nostri Vantaggi"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Posizioni",
|
||||
title: "Centrali nei Quartieri Più Belli",
|
||||
items: [
|
||||
"Accesso a piedi alle attrazioni",
|
||||
"Trasporti pubblici vicini",
|
||||
"Negozi e ristoranti a portata di mano",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Self",
|
||||
title: "Check-in Automatico e Autonomo",
|
||||
items: [
|
||||
"Accesso senza problemi",
|
||||
"Flessibilità negli orari",
|
||||
"Privacy garantita",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Curati",
|
||||
title: "Appartamenti Eleganti e Raffinati",
|
||||
items: [
|
||||
"Design moderno e minimalista",
|
||||
"Arredi di qualità",
|
||||
"Pulizia impeccabile",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Assistenza",
|
||||
title: "Supporto 24/7 Durante il Soggiorno",
|
||||
items: [
|
||||
"Contatti sempre disponibili",
|
||||
"Risposte rapide",
|
||||
"Risoluzione veloce dei problemi",
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Vivimilano"
|
||||
logoText="Vivimilano BnB"
|
||||
copyrightText="© 2025 Vivimilano BnB | Tutti i diritti riservati"
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Navigazione", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "I Nostri Quartieri", href: "/neighborhoods"},
|
||||
{
|
||||
label: "Appartamenti", href: "/apartments"},
|
||||
{
|
||||
label: "Scopri Milano", href: "#attractions"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contatti", items: [
|
||||
{
|
||||
label: "Email: info@vivimilano.com", href: "mailto:info@vivimilano.com"},
|
||||
{
|
||||
label: "Telefono: +39 02 1234 5678", href: "tel:+390212345678"},
|
||||
{
|
||||
label: "WhatsApp: +39 324 567 8901", href: "https://wa.me/393245678901"},
|
||||
{
|
||||
label: "Contattaci", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legale", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Termini e Condizioni", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy", href: "#"},
|
||||
{
|
||||
label: "Disclaimer", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -18,8 +18,7 @@ export default function ContactPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
title: "Navigazione", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "I Nostri Quartieri", href: "/neighborhoods" },
|
||||
{ label: "Appartamenti", href: "/apartments" },
|
||||
@@ -27,8 +26,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contatti",
|
||||
items: [
|
||||
title: "Contatti", items: [
|
||||
{ label: "Email: info@vivimilano.com", href: "mailto:info@vivimilano.com" },
|
||||
{ label: "Telefono: +39 02 1234 5678", href: "tel:+390212345678" },
|
||||
{ label: "WhatsApp: +39 324 567 8901", href: "https://wa.me/393245678901" },
|
||||
@@ -36,8 +34,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legale",
|
||||
items: [
|
||||
title: "Legale", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Termini e Condizioni", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -61,15 +58,13 @@ export default function ContactPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Vivimilano BnB"
|
||||
brandName="Vivimilano"
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/apartments",
|
||||
}}
|
||||
text: "Book Now", href: "/apartments"}}
|
||||
buttonClassName="font-semibold"
|
||||
className="z-50"
|
||||
/>
|
||||
@@ -85,9 +80,7 @@ export default function ContactPage() {
|
||||
imageAlt="modern apartment interior minimalist design"
|
||||
buttons={[
|
||||
{
|
||||
text: "Inviaci un Messaggio",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Inviaci un Messaggio", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -2,11 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function NeighborhoodsPage() {
|
||||
return (
|
||||
@@ -24,7 +24,7 @@ export default function NeighborhoodsPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Vivimilano BnB"
|
||||
brandName="Vivimilano"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Neighborhoods", id: "/neighborhoods" },
|
||||
@@ -33,131 +33,83 @@ export default function NeighborhoodsPage() {
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#search",
|
||||
}}
|
||||
text: "Book Now", href: "#search"}}
|
||||
buttonClassName="font-semibold"
|
||||
className="z-50"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="DISCOVER MILAN'S NEIGHBORHOODS"
|
||||
description="Explore the heart of Milan through its unique districts. Each quarter has its own personality, history, and charm. Live like a true Milanese in one of our carefully selected neighborhoods."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Apartments", href: "/apartments"},
|
||||
{
|
||||
text: "Learn More", href: "#neighborhoods"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-arch-gothic-quarter-barcelona-bishops-bridge_1217-1736.jpg?_wi=1", imageAlt: "Milan Duomo Cathedral at sunrise"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-canal-middle-buildings-venice-italy_181624-11048.jpg?_wi=1", imageAlt: "Navigli Canal with evening lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-honeymoon-milan_1303-5674.jpg?_wi=1", imageAlt: "Brera artistic quarter romantic street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-playing-with-shopping-bags_23-2147645128.jpg?_wi=1", imageAlt: "Porta Romana elegant neighborhood"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Neighborhoods guide hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="neighborhoods" data-section="neighborhoods">
|
||||
<FeatureCardSixteen
|
||||
title="I Nostri Quartieri"
|
||||
description="Scopri in dettaglio i cinque quartieri più autentici e affascinanti di Milano, ognuno con la sua personalità unica, storia ricca e fascino inconfondibile. Dai quartieri artistici ai distretti moderni, troverai la perfetta base per vivere Milano come un vero milanese."
|
||||
tag="Quartieri Esclusivi di Milano"
|
||||
title="Milan's Most Desirable Neighborhoods"
|
||||
description="Each district offers a unique Milanese experience. From artistic Brera to vibrant Navigli, find the perfect neighborhood that matches your style."
|
||||
tag="5 Exclusive Districts"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lontani dal centro storico",
|
||||
"Poco autentici e commercializzati",
|
||||
"Privi di carattere storico e culturale",
|
||||
"Scarsi servizi locali e ristoranti",
|
||||
"Difficili da raggiungere con i trasporti",
|
||||
],
|
||||
"Distant from city center", "Lacking authenticity", "Without historic character", "Few local services"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Porta Romana: elegante, autentico, con eccellenti ristoranti e locali tradizionali",
|
||||
"Porta Venezia: vivace e giovane, vicina ai splendidi giardini pubblici",
|
||||
"Brera: artistico e romantico, pieno di gallerie, musei e botteghe",
|
||||
"Isola: moderno e creativo, vicino ai grattacieli e alla nuova Milano",
|
||||
"Navigli: famosi canali storici, perfetto per aperitivi e vita notturna",
|
||||
],
|
||||
"Porta Romana: Elegant and authentic, restaurants and venues", "Porta Venezia: Vibrant, near public gardens", "Brera: Artistic, romantic, full of galleries", "Isola: Modern and creative, near skyscrapers", "Navigli: Famous canals, aperitivos and nightlife"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i Dettagli",
|
||||
href: "#details",
|
||||
},
|
||||
text: "See All Apartments", href: "/apartments"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="details" data-section="details">
|
||||
<MetricCardSeven
|
||||
title="Caratteristiche dei Quartieri"
|
||||
description="Ogni quartiere di Milano ha le sue caratteristiche uniche. Scopri cosa rende speciale ogni zona e perché potrebbe essere perfetta per il tuo soggiorno."
|
||||
tag="Guida ai Quartieri Milesi"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Porta",
|
||||
title: "Romana: L'Eleganza Discreta",
|
||||
items: [
|
||||
"Atmosfera sofisticata e tranquilla",
|
||||
"Boutique e gallerie d'arte esclusive",
|
||||
"Ristoranti stellati e wine bar sofisticati",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Porta",
|
||||
title: "Venezia: La Vivacità Giovanile",
|
||||
items: [
|
||||
"Energia giovane e cosmopolita",
|
||||
"Vicina ai Giardini Pubblici di Indro Montanelli",
|
||||
"Bar e caffè trendy, cultura contemporanea",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Brera",
|
||||
title: "L'Anima Artistica",
|
||||
items: [
|
||||
"Centro dell'arte e della cultura di Milano",
|
||||
"Gallerie, musei e spazi espositivi",
|
||||
"Piazza Brera iconica, viuzze romantiche",
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="attractions" data-section="attractions">
|
||||
<div id="activities" data-section="activities">
|
||||
<BlogCardTwo
|
||||
title="Cosa Visitare in Ogni Quartiere"
|
||||
description="Una guida completa agli attori e ai luoghi imperdibili in ogni quartiere. Scopri le gemme nascoste e le destinazioni iconiche raggiungibili a piedi dai nostri appartamenti."
|
||||
tag="Guida Turistica per Quartiere"
|
||||
title="Activities & Attractions by Neighborhood"
|
||||
description="Discover the best activities, restaurants, and attractions in each Milan district. Each neighborhood has its own unique offerings and local gems."
|
||||
tag="Local Guide"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Porta Romana", "Shopping"],
|
||||
title: "Corso Porta Romana",
|
||||
excerpt: "La via più elegante di Milano con boutique di lusso, antiquari e eleganti caffè storici. Perfetto per una passeggiata sofisticata.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-playing-with-shopping-bags_23-2147645128.jpg?_wi=2",
|
||||
imageAlt: "Porta Romana elegant neighborhood street",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Tutto l'Anno",
|
||||
},
|
||||
id: "1", category: "Porta Romana", title: "Michelin-Starred Restaurants", excerpt: "Porta Romana is home to some of Milan's finest dining establishments. From traditional Lombard cuisine to innovative contemporary plates, discover culinary excellence in elegant settings.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-flowers-interior-room_169016-5468.jpg?_wi=1", imageAlt: "Fine dining in Porta Romana", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Open Daily"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Brera", "Cultura"],
|
||||
title: "Pinacoteca di Brera",
|
||||
excerpt: "Uno dei musei più importanti d'Italia con capolavori del Rinascimento italiano. Un must per gli amanti dell'arte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-window-stained-glass-wooden-doors_169016-68675.jpg?_wi=2",
|
||||
imageAlt: "Brera museum art gallery architecture",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Aperto Tutto l'Anno",
|
||||
},
|
||||
id: "2", category: "Brera", title: "Pinacoteca di Brera", excerpt: "One of Italy's most important art museums. Home to masterpieces by Caravaggio, Raphael, and Bellini. A cultural pilgrimage for art lovers exploring Milan's Brera neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/gothic-window-stained-glass-wooden-doors_169016-68675.jpg?_wi=1", imageAlt: "Pinacoteca di Brera art museum", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Closed Mondays"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Navigli", "Sera"],
|
||||
title: "Navigli Canals Evening",
|
||||
excerpt: "La vera Milano si scopre nei Navigli al tramonto. Aperitivo con vista sui canali e l'atmosfera magica della sera milanese.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-canal-middle-buildings-venice-italy_181624-11048.jpg?_wi=2",
|
||||
imageAlt: "Navigli canal Milan evening lights",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Ogni Sera",
|
||||
},
|
||||
id: "3", category: "Brera", title: "Via Brera Gallery Walk", excerpt: "Stroll through Brera's charming streets lined with independent galleries, vintage shops, and artisan boutiques. Perfect for discovering unique pieces and supporting local artists.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-playing-with-shopping-bags_23-2147645128.jpg?_wi=1", imageAlt: "Via Brera shopping galleries", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Open Daily"},
|
||||
{
|
||||
id: "4", category: "Navigli", title: "Aperitivo Culture", excerpt: "Experience Milan's famous aperitivo tradition in Navigli. Enjoy craft cocktails and Italian nibbles on canal-side terraces as the sun sets over the water. A quintessential Milanese experience.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-arch-gothic-quarter-barcelona-bishops-bridge_1217-1736.jpg?_wi=2", imageAlt: "Navigli aperitivo culture sunset", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Evenings & Weekends"},
|
||||
{
|
||||
id: "5", category: "Navigli", title: "Sunday Antique Markets", excerpt: "Every Sunday, Navigli hosts vibrant antique and vintage markets. Find unique treasures, vintage clothing, and local crafts while soaking in the neighborhood's bohemian atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/old-arch-bridge-grass-field-with-trees-building_181624-28637.jpg?_wi=1", imageAlt: "Navigli antique market", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sundays 9am-6pm"},
|
||||
{
|
||||
id: "6", category: "Porta Venezia", title: "Giardini Pubblici (Public Gardens)", excerpt: "Milan's largest green space perfect for relaxing walks, picnics, and outdoor activities. Home to the Natural History Museum and plenty of shade under mature trees. An urban oasis.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-benches-modern-sauna-geometric-style_169016-70250.jpg?_wi=1", imageAlt: "Giardini Pubblici public gardens Milan", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Open Daily"},
|
||||
{
|
||||
id: "7", category: "Isola", title: "Design District Studios", excerpt: "Explore Isola's cutting-edge design studios and contemporary galleries. Meet local designers, discover emerging artists, and experience Milan's innovative creative scene at its finest.", imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg?_wi=1", imageAlt: "Isola design district studios", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Appointments Recommended"},
|
||||
{
|
||||
id: "8", category: "Porta Romana", title: "Via Santo Stefano Heritage Walk", excerpt: "Discover the history of Milan's most elegant street. Lined with Renaissance palaces, historic churches, and prestigious addresses, this street embodies Milanese sophistication and heritage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3277.jpg?_wi=1", imageAlt: "Via Santo Stefano historic street", authorName: "Vivimilano Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Open Daily"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -166,72 +118,64 @@ export default function NeighborhoodsPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Plan Your Stay"
|
||||
title="Ready to Explore Milan?"
|
||||
description="Choose your perfect Milanese neighborhood and book an elegant apartment today. Our 24/7 support ensures a seamless experience as you live like a true Milanese."
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-app-flyer-template_23-2148058342.jpg?_wi=1"
|
||||
imageAlt="Book your Milan apartment"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Get Started"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
onSubmit={(email) => console.log("Newsletter signup:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Vivimilano BnB"
|
||||
copyrightText="© 2025 Vivimilano BnB | Tutti i diritti riservati"
|
||||
copyrightText="© 2025 Vivimilano BnB | All rights reserved"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "I Nostri Quartieri",
|
||||
href: "/neighborhoods",
|
||||
},
|
||||
label: "Neighborhoods", href: "/neighborhoods"},
|
||||
{
|
||||
label: "Appartamenti",
|
||||
href: "/apartments",
|
||||
},
|
||||
label: "Apartments", href: "/apartments"},
|
||||
{
|
||||
label: "Scopri Milano",
|
||||
href: "#attractions",
|
||||
},
|
||||
label: "Discover Milan", href: "#attractions"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contatti",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email: info@vivimilano.com",
|
||||
href: "mailto:info@vivimilano.com",
|
||||
},
|
||||
label: "Email: info@vivimilano.com", href: "mailto:info@vivimilano.com"},
|
||||
{
|
||||
label: "Telefono: +39 02 1234 5678",
|
||||
href: "tel:+390212345678",
|
||||
},
|
||||
label: "Phone: +39 02 1234 5678", href: "tel:+390212345678"},
|
||||
{
|
||||
label: "WhatsApp: +39 324 567 8901",
|
||||
href: "https://wa.me/393245678901",
|
||||
},
|
||||
label: "WhatsApp: +39 324 567 8901", href: "https://wa.me/393245678901"},
|
||||
{
|
||||
label: "Contattaci",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get in Touch", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legale",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Termini e Condizioni",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
{
|
||||
label: "Disclaimer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Disclaimer", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
287
src/app/page.tsx
287
src/app/page.tsx
@@ -29,7 +29,7 @@ export default function HomePage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Vivimilano BnB"
|
||||
brandName="Vivimilano"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Neighborhoods", id: "/neighborhoods" },
|
||||
@@ -38,9 +38,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#search",
|
||||
}}
|
||||
text: "Book Now", href: "#search"}}
|
||||
buttonClassName="font-semibold"
|
||||
className="z-50"
|
||||
/>
|
||||
@@ -52,31 +50,19 @@ export default function HomePage() {
|
||||
description="Vivi Milano come un vero milanese. Appartamenti eleganti nei quartieri più autentici di Milano."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri gli Appartamenti",
|
||||
href: "/apartments",
|
||||
},
|
||||
text: "Scopri gli Appartamenti", href: "/apartments"},
|
||||
{
|
||||
text: "Leggi di Più",
|
||||
href: "/neighborhoods",
|
||||
},
|
||||
text: "Leggi di Più", href: "/neighborhoods"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-arch-gothic-quarter-barcelona-bishops-bridge_1217-1736.jpg",
|
||||
imageAlt: "Milan Duomo Cathedral at sunrise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-arch-gothic-quarter-barcelona-bishops-bridge_1217-1736.jpg?_wi=3", imageAlt: "Milan Duomo Cathedral at sunrise"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-canal-middle-buildings-venice-italy_181624-11048.jpg?_wi=1",
|
||||
imageAlt: "Navigli Canal with evening lights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/narrow-canal-middle-buildings-venice-italy_181624-11048.jpg?_wi=1", imageAlt: "Navigli Canal with evening lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-honeymoon-milan_1303-5674.jpg",
|
||||
imageAlt: "Brera artistic quarter romantic street",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-honeymoon-milan_1303-5674.jpg?_wi=3", imageAlt: "Brera artistic quarter romantic street"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-playing-with-shopping-bags_23-2147645128.jpg?_wi=1",
|
||||
imageAlt: "Porta Romana elegant neighborhood",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-playing-with-shopping-bags_23-2147645128.jpg?_wi=1", imageAlt: "Porta Romana elegant neighborhood"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -94,9 +80,7 @@ export default function HomePage() {
|
||||
imageAlt="Modern apartment interior with booking interface"
|
||||
buttons={[
|
||||
{
|
||||
text: "Cerca Disponibilità",
|
||||
href: "/apartments",
|
||||
},
|
||||
text: "Cerca Disponibilità", href: "/apartments"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,29 +92,18 @@ export default function HomePage() {
|
||||
tag="Quartieri Esclusivi"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lontani dal centro",
|
||||
"Poco autentici",
|
||||
"Privi di carattere storico",
|
||||
"Scarsi servizi locali",
|
||||
],
|
||||
"Lontani dal centro", "Poco autentici", "Privi di carattere storico", "Scarsi servizi locali"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Porta Romana: elegante e autentico, ristoranti e locali",
|
||||
"Porta Venezia: vivace, vicina ai giardini pubblici",
|
||||
"Brera: artistico, romantico, pieno di gallerie",
|
||||
"Isola: moderno e creativo, vicino ai grattacieli",
|
||||
"Navigli: famosi canali, aperitivi e vita notturna",
|
||||
],
|
||||
"Porta Romana: elegante e autentico, ristoranti e locali", "Porta Venezia: vivace, vicina ai giardini pubblici", "Brera: artistico, romantico, pieno di gallerie", "Isola: moderno e creativo, vicino ai grattacieli", "Navigli: famosi canali, aperitivi e vita notturna"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i Quartieri",
|
||||
href: "/neighborhoods",
|
||||
},
|
||||
text: "Scopri i Quartieri", href: "/neighborhoods"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,54 +115,24 @@ export default function HomePage() {
|
||||
tag="I Nostri Vantaggi"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Posizioni",
|
||||
title: "Centrali nei Quartieri Più Belli",
|
||||
items: [
|
||||
"Accesso a piedi alle attrazioni",
|
||||
"Trasporti pubblici vicini",
|
||||
"Negozi e ristoranti a portata di mano",
|
||||
],
|
||||
id: "1", value: "Posizioni", title: "Centrali nei Quartieri Più Belli", items: [
|
||||
"Accesso a piedi alle attrazioni", "Trasporti pubblici vicini", "Negozi e ristoranti a portata di mano"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Self",
|
||||
title: "Check-in Automatico e Autonomo",
|
||||
items: [
|
||||
"Accesso senza problemi",
|
||||
"Flessibilità negli orari",
|
||||
"Privacy garantita",
|
||||
],
|
||||
id: "2", value: "Self", title: "Check-in Automatico e Autonomo", items: [
|
||||
"Accesso senza problemi", "Flessibilità negli orari", "Privacy garantita"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Curati",
|
||||
title: "Appartamenti Eleganti e Raffinati",
|
||||
items: [
|
||||
"Design moderno e minimalista",
|
||||
"Arredi di qualità",
|
||||
"Pulizia impeccabile",
|
||||
],
|
||||
id: "3", value: "Curati", title: "Appartamenti Eleganti e Raffinati", items: [
|
||||
"Design moderno e minimalista", "Arredi di qualità", "Pulizia impeccabile"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Assistenza",
|
||||
title: "Supporto 24/7 Durante il Soggiorno",
|
||||
items: [
|
||||
"Contatti sempre disponibili",
|
||||
"Risposte rapide",
|
||||
"Risoluzione veloce dei problemi",
|
||||
],
|
||||
id: "4", value: "Assistenza", title: "Supporto 24/7 Durante il Soggiorno", items: [
|
||||
"Contatti sempre disponibili", "Risposte rapide", "Risoluzione veloce dei problemi"],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "WiFi",
|
||||
title: "Connessione Internet ad Alta Velocità",
|
||||
items: [
|
||||
"Velocità fino a 1Gbps",
|
||||
"Connessione stabile",
|
||||
"Smart working friendly",
|
||||
],
|
||||
id: "5", value: "WiFi", title: "Connessione Internet ad Alta Velocità", items: [
|
||||
"Velocità fino a 1Gbps", "Connessione stabile", "Smart working friendly"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -205,37 +148,13 @@ export default function HomePage() {
|
||||
tag="Alloggi Premium"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Loft Porta Romana",
|
||||
price: "€120/notte",
|
||||
variant: "2 ospiti • Moderno • Balcone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg?_wi=1",
|
||||
imageAlt: "Loft Porta Romana con balcone panoramico",
|
||||
},
|
||||
id: "1", name: "Loft Porta Romana", price: "€120/notte", variant: "2 ospiti • Moderno • Balcone", imageSrc: "http://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg?_wi=1", imageAlt: "Loft Porta Romana con balcone panoramico"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Suite Brera Design",
|
||||
price: "€180/notte",
|
||||
variant: "4 ospiti • Elegante • Centro Storico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-room-with-old-furniture_116348-77.jpg?_wi=1",
|
||||
imageAlt: "Suite Brera Design nel centro storico",
|
||||
},
|
||||
id: "2", name: "Suite Brera Design", price: "€180/notte", variant: "4 ospiti • Elegante • Centro Storico", imageSrc: "http://img.b2bpic.net/free-photo/sitting-room-with-old-furniture_116348-77.jpg?_wi=1", imageAlt: "Suite Brera Design nel centro storico"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Navigli Canal Apartment",
|
||||
price: "€150/notte",
|
||||
variant: "3 ospiti • Vista Canale • Luminoso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3277.jpg?_wi=1",
|
||||
imageAlt: "Navigli Canal Apartment con vista sul canale",
|
||||
},
|
||||
id: "3", name: "Navigli Canal Apartment", price: "€150/notte", variant: "3 ospiti • Vista Canale • Luminoso", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3277.jpg?_wi=1", imageAlt: "Navigli Canal Apartment con vista sul canale"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Isola Urban Flat",
|
||||
price: "€110/notte",
|
||||
variant: "2 ospiti • Moderno • Vicino Metro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394880.jpg?_wi=1",
|
||||
imageAlt: "Isola Urban Flat vicino alla metropolitana",
|
||||
},
|
||||
id: "4", name: "Isola Urban Flat", price: "€110/notte", variant: "2 ospiti • Moderno • Vicino Metro", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394880.jpg?_wi=1", imageAlt: "Isola Urban Flat vicino alla metropolitana"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -243,9 +162,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Vedi Tutti gli Appartamenti",
|
||||
href: "/apartments",
|
||||
},
|
||||
text: "Vedi Tutti gli Appartamenti", href: "/apartments"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -257,71 +174,17 @@ export default function HomePage() {
|
||||
tag="Guida Turistica"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Architettura", "Monumenti"],
|
||||
title: "Duomo di Milano",
|
||||
excerpt: "Il meraviglioso Duomo è il simbolo di Milano. La cattedrale gotica più grande d'Italia con i suoi 135 pinnacoli rappresenta un capolavoro architettonico imperdibile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-window-stained-glass-wooden-doors_169016-68675.jpg?_wi=1",
|
||||
imageAlt: "Milan Duomo cathedral gothic architecture marble",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Sempre Aperto",
|
||||
},
|
||||
id: "1", category: "Architettura", title: "Duomo di Milano", excerpt: "Il meraviglioso Duomo è il simbolo di Milano. La cattedrale gotica più grande d'Italia con i suoi 135 pinnacoli rappresenta un capolavoro architettonico imperdibile.", imageSrc: "http://img.b2bpic.net/free-photo/gothic-window-stained-glass-wooden-doors_169016-68675.jpg?_wi=1", imageAlt: "Milan Duomo cathedral gothic architecture marble", authorName: "Guida Vivimilano", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sempre Aperto"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Musei", "Storia"],
|
||||
title: "Castello Sforzesco",
|
||||
excerpt: "Una fortezza medievale che ospita importanti musei e opere d'arte. Perfetto per scoprire la storia di Milano e i tesori culturali della Lombardia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-arch-bridge-grass-field-with-trees-building_181624-28637.jpg",
|
||||
imageAlt: "Castello Sforzesco Milan fortress medieval towers",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Sempre Aperto",
|
||||
},
|
||||
id: "2", category: "Musei", title: "Castello Sforzesco", excerpt: "Una fortezza medievale che ospita importanti musei e opere d'arte. Perfetto per scoprire la storia di Milano e i tesori culturali della Lombardia.", imageSrc: "http://img.b2bpic.net/free-photo/old-arch-bridge-grass-field-with-trees-building_181624-28637.jpg?_wi=2", imageAlt: "Castello Sforzesco Milan fortress medieval towers", authorName: "Guida Vivimilano", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sempre Aperto"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Cultura", "Teatro"],
|
||||
title: "Teatro alla Scala",
|
||||
excerpt: "Uno dei teatri più prestigiosi al mondo. Sede di straordinarie produzioni di opera e balletto. Un'esperienza culturale irrinunciabile per gli amanti dell'arte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-benches-modern-sauna-geometric-style_169016-70250.jpg",
|
||||
imageAlt: "Teatro alla Scala Milan opera house facade",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Sempre Aperto",
|
||||
},
|
||||
id: "3", category: "Cultura", title: "Teatro alla Scala", excerpt: "Uno dei teatri più prestigiosi al mondo. Sede di straordinarie produzioni di opera e balletto. Un'esperienza culturale irrinunciabile per gli amanti dell'arte.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-benches-modern-sauna-geometric-style_169016-70250.jpg?_wi=2", imageAlt: "Teatro alla Scala Milan opera house facade", authorName: "Guida Vivimilano", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sempre Aperto"},
|
||||
{
|
||||
id: "4",
|
||||
category: ["Shopping", "Architettura"],
|
||||
title: "Galleria Vittorio Emanuele II",
|
||||
excerpt: "La galleria commerciale più elegante di Milano. Un capolavoro dell'architettura del XIX secolo dove shopping e bellezza si incontrano.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-listening-music-with-headphones-city-street_171337-16984.jpg",
|
||||
imageAlt: "Galleria Vittorio Emanuele Milan luxury shopping",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Sempre Aperto",
|
||||
},
|
||||
id: "4", category: "Shopping", title: "Galleria Vittorio Emanuele II", excerpt: "La galleria commerciale più elegante di Milano. Un capolavoro dell'architettura del XIX secolo dove shopping e bellezza si incontrano.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-listening-music-with-headphones-city-street_171337-16984.jpg?_wi=2", imageAlt: "Galleria Vittorio Emanuele Milan luxury shopping", authorName: "Guida Vivimilano", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sempre Aperto"},
|
||||
{
|
||||
id: "5",
|
||||
category: ["Arte", "Restauri"],
|
||||
title: "Santa Maria delle Grazie",
|
||||
excerpt: "Una chiesa rinascimentale celebre per ospitare 'L'Ultima Cena' di Leonardo da Vinci. Un pilastro della cultura artistica milanese.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-patterned-gray-concrete-building-ceiling_181624-2292.jpg",
|
||||
imageAlt: "Santa Maria delle Grazie Milan church Renaissance",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Sempre Aperto",
|
||||
},
|
||||
id: "5", category: "Arte", title: "Santa Maria delle Grazie", excerpt: "Una chiesa rinascimentale celebre per ospitare 'L'Ultima Cena' di Leonardo da Vinci. Un pilastro della cultura artistica milanese.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-patterned-gray-concrete-building-ceiling_181624-2292.jpg", imageAlt: "Santa Maria delle Grazie Milan church Renaissance", authorName: "Guida Vivimilano", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sempre Aperto"},
|
||||
{
|
||||
id: "6",
|
||||
category: ["Natura", "Relax"],
|
||||
title: "Parco Lambro e Giardini Pubblici",
|
||||
excerpt: "Spazi verdi tranquilli dove rilassarsi lontano dal traffico cittadino. Perfetti per passeggiate rigeneranti durante il vostro soggiorno a Milano.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg",
|
||||
imageAlt: "Milan public garden green park nature relaxing",
|
||||
authorName: "Guida Vivimilano",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg",
|
||||
date: "Sempre Aperto",
|
||||
},
|
||||
id: "6", category: "Natura", title: "Parco Lambro e Giardini Pubblici", excerpt: "Spazi verdi tranquilli dove rilassarsi lontano dal traffico cittadino. Perfetti per passeggiate rigeneranti durante il vostro soggiorno a Milano.", imageSrc: "http://img.b2bpic.net/free-photo/shinjuku-gyoen-national-garden_181624-27412.jpg?_wi=2", imageAlt: "Milan public garden green park nature relaxing", authorName: "Guida Vivimilano", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Sempre Aperto"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -337,29 +200,17 @@ export default function HomePage() {
|
||||
author="Chiara Rossi, Architetto"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",
|
||||
alt: "Avatar cliente 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg", alt: "Avatar cliente 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
alt: "Avatar cliente 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", alt: "Avatar cliente 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-woman-looks-front-isolated-olive-green-wall_141793-66135.jpg",
|
||||
alt: "Avatar cliente 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-woman-looks-front-isolated-olive-green-wall_141793-66135.jpg", alt: "Avatar cliente 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg",
|
||||
alt: "Avatar cliente 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", alt: "Avatar cliente 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-smiling-confident-looking-side-street_839833-20277.jpg",
|
||||
alt: "Avatar cliente 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-smiling-confident-looking-side-street_839833-20277.jpg", alt: "Avatar cliente 5"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg",
|
||||
alt: "Avatar cliente 6",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg", alt: "Avatar cliente 6"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -373,8 +224,7 @@ export default function HomePage() {
|
||||
title="Rimani Aggiornato"
|
||||
description="Iscriviti alla nostra newsletter per ricevere offerte esclusive, consigli di viaggio a Milano e le ultime novità su Vivimilano BnB."
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-app-flyer-template_23-2148058342.jpg?_wi=1"
|
||||
imageAlt="Newsletter signup background"
|
||||
@@ -393,66 +243,39 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 Vivimilano BnB | Tutti i diritti riservati"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
title: "Navigazione", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "I Nostri Quartieri",
|
||||
href: "/neighborhoods",
|
||||
},
|
||||
label: "I Nostri Quartieri", href: "/neighborhoods"},
|
||||
{
|
||||
label: "Appartamenti",
|
||||
href: "/apartments",
|
||||
},
|
||||
label: "Appartamenti", href: "/apartments"},
|
||||
{
|
||||
label: "Scopri Milano",
|
||||
href: "#attractions",
|
||||
},
|
||||
label: "Scopri Milano", href: "#attractions"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contatti",
|
||||
items: [
|
||||
title: "Contatti", items: [
|
||||
{
|
||||
label: "Email: info@vivimilano.com",
|
||||
href: "mailto:info@vivimilano.com",
|
||||
},
|
||||
label: "Email: info@vivimilano.com", href: "mailto:info@vivimilano.com"},
|
||||
{
|
||||
label: "Telefono: +39 02 1234 5678",
|
||||
href: "tel:+390212345678",
|
||||
},
|
||||
label: "Telefono: +39 02 1234 5678", href: "tel:+390212345678"},
|
||||
{
|
||||
label: "WhatsApp: +39 324 567 8901",
|
||||
href: "https://wa.me/393245678901",
|
||||
},
|
||||
label: "WhatsApp: +39 324 567 8901", href: "https://wa.me/393245678901"},
|
||||
{
|
||||
label: "Contattaci",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contattaci", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legale",
|
||||
items: [
|
||||
title: "Legale", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Termini e Condizioni",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termini e Condizioni", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
{
|
||||
label: "Disclaimer",
|
||||
href: "#",
|
||||
},
|
||||
label: "Disclaimer", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user