Update src/app/apartments/page.tsx
This commit is contained in:
@@ -3,37 +3,17 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Home, MapPin, Users, Wifi, Shield, Sparkles, ChefHat, Armchair, Wind, Lightbulb } from 'lucide-react';
|
||||
|
||||
export default function ApartmentsPage() {
|
||||
const apartments = [
|
||||
{
|
||||
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: "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"},
|
||||
];
|
||||
|
||||
export default function ApartmentDetailPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -58,7 +38,8 @@ export default function ApartmentsPage() {
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now", href: "#search"}}
|
||||
text: "Book Now", href: "#search"
|
||||
}}
|
||||
buttonClassName="font-semibold"
|
||||
className="z-50"
|
||||
/>
|
||||
@@ -66,86 +47,239 @@ export default function ApartmentsPage() {
|
||||
|
||||
<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."
|
||||
logoText="Loft Porta Romana"
|
||||
description="Discover this elegant loft in the heart of Porta Romana, blending modern design with authentic Milano charm. Perfect for your Milanese experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Filtra Appartamenti", href: "#apartments"},
|
||||
text: "Book This Apartment", href: "#booking"
|
||||
},
|
||||
{
|
||||
text: "Torna a Home", href: "/"},
|
||||
text: "Back to Apartments", href: "/apartments"
|
||||
},
|
||||
]}
|
||||
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/modern-living-room-furniture_1418-155.jpg?_wi=2", imageAlt: "Loft Porta Romana main living area"
|
||||
},
|
||||
{
|
||||
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/beautiful-composition-flowers-interior-room_169016-5468.jpg?_wi=1", imageAlt: "Bedroom with natural light"
|
||||
},
|
||||
{
|
||||
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/luxury-apartment-kitchen_1418-259.jpg?_wi=2", imageAlt: "Modern equipped kitchen"
|
||||
},
|
||||
{
|
||||
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/minimalist-bathroom-interior_1418-456.jpg?_wi=1", imageAlt: "Elegantly designed bathroom"
|
||||
},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Apartments listing hero carousel section"
|
||||
showDimOverlay={false}
|
||||
ariaLabel="Apartment image gallery carousel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="apartments" data-section="apartments">
|
||||
<ProductCardFour
|
||||
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={apartments}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<div id="apartment-details" data-section="apartment-details">
|
||||
<MediaAbout
|
||||
title="About This Apartment"
|
||||
description="This stunning 2-bedroom loft is located in the heart of Porta Romana, one of Milano's most elegant and authentic neighborhoods. Recently renovated with premium furnishings, it offers the perfect blend of modern comfort and classic Milanese style. The apartment features high ceilings, abundant natural light, and a private balcony overlooking the charming streets below. Ideal for couples or small families looking for an authentic Milanese experience with all contemporary amenities."
|
||||
tag="2 Bedrooms • 75 sqm • Balcony"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-apartment-balcony-view_1418-789.jpg?_wi=1"
|
||||
imageAlt="Loft balcony with neighborhood view"
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Availability", href: "#booking"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardSixteen
|
||||
title="Premium Amenities & Services"
|
||||
description="Everything you need for a comfortable and memorable stay in Milano, thoughtfully curated for your convenience and enjoyment."
|
||||
tag="What's Included"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No WiFi or connectivity", "Shared facilities only", "Limited access hours", "No climate control"
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"🏠 High-speed WiFi (1Gbps) - perfect for remote work", "🛏️ Premium bedding and linens", "🍽️ Fully equipped modern kitchen with appliances", "❄️ Air conditioning and heating control", "📺 Smart TV with streaming services", "🧹 Housekeeping available upon request", "🔑 Keyless smart lock entry", "📱 24/7 emergency support via WhatsApp"
|
||||
],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<MetricCardSeven
|
||||
title="Apartment Features & Highlights"
|
||||
description="Discover what makes this apartment the perfect choice for your Milano stay with comprehensive details about each amenity."
|
||||
tag="Complete Details"
|
||||
metrics={[
|
||||
{
|
||||
text: "Contattaci per Prenotazioni", href: "#contact"},
|
||||
id: "1", value: "Modern", title: "Design & Furnishings", items: [
|
||||
"Contemporary Italian design", "Premium furniture pieces", "Marble and wooden finishes", "Minimalist aesthetic"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", value: "Tech", title: "Technology & Connectivity", items: [
|
||||
"1Gbps fiber internet", "Smart TV with streaming", "USB charging throughout", "Smart home controls"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", value: "Comfort", title: "Climate & Environment", items: [
|
||||
"Zone climate control", "Blackout curtains", "Sound insulation", "Air purification system"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4", value: "Kitchen", title: "Culinary Experience", items: [
|
||||
"Stove and oven", "Refrigerator and freezer", "Dishwasher included", "Full cookware collection"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "5", value: "Service", title: "Guest Support", items: [
|
||||
"Check-in assistance", "Local recommendations", "Emergency contacts", "Maintenance support"
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="neighborhood" data-section="neighborhood">
|
||||
<BlogCardTwo
|
||||
title="Explore Porta Romana"
|
||||
description="Your apartment is perfectly positioned in one of Milano's most authentic and vibrant neighborhoods. Walk to renowned restaurants, galleries, and landmarks."
|
||||
tag="Neighborhood Guide"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Dining", title: "Trattoria & Wine Bars", excerpt: "Discover authentic Milanese cuisine within walking distance. From traditional trattorias to modern wine bars, Porta Romana offers exceptional culinary experiences that showcase local flavors and traditions.", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-interior-design_1418-512.jpg?_wi=1", imageAlt: "Traditional Milanese restaurant", authorName: "Porta Romana Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Always Open"
|
||||
},
|
||||
{
|
||||
id: "2", category: "Art & Culture", title: "Art Galleries & Museums", excerpt: "Porta Romana is home to contemporary art galleries and cultural venues. Explore independent galleries showcasing emerging artists and small museums dedicated to Milanese history and culture.", imageSrc: "http://img.b2bpic.net/free-photo/art-gallery-exhibition_1418-643.jpg?_wi=1", imageAlt: "Contemporary art gallery", authorName: "Porta Romana Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Always Open"
|
||||
},
|
||||
{
|
||||
id: "3", category: "Shopping", title: "Boutique Shops & Markets", excerpt: "Browse independent boutiques featuring local designers, vintage shops, and artisan markets. Porta Romana's shopping scene reflects authentic Milanese style and craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-street-storefront_1418-789.jpg?_wi=1", imageAlt: "Charming boutique storefront", authorName: "Porta Romana Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Always Open"
|
||||
},
|
||||
{
|
||||
id: "4", category: "Relaxation", title: "Cafés & Aperitivo Spots", excerpt: "Perfect your Italian aperitivo ritual at neighborhood cafés and cocktail bars. Enjoy traditional drinks and snacks while soaking in the authentic Milanese atmosphere and local culture.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-outdoor-seating_1418-456.jpg?_wi=1", imageAlt: "Outdoor café seating area", authorName: "Porta Romana Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Always Open"
|
||||
},
|
||||
{
|
||||
id: "5", category: "Activities", title: "Parks & Recreation", excerpt: "Explore nearby green spaces perfect for morning walks or evening relaxation. Porta Romana offers easy access to parks where you can experience Milano's slower pace away from the city center.", imageSrc: "http://img.b2bpic.net/free-photo/park-trees-green-space_1418-567.jpg?_wi=1", imageAlt: "Neighborhood park with trees", authorName: "Porta Romana Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Always Open"
|
||||
},
|
||||
{
|
||||
id: "6", category: "Transport", title: "Getting Around", excerpt: "Excellent public transport connections including metro, tram, and bus lines. The apartment's central location makes it easy to explore all of Milano while maintaining the authentic neighborhood feel.", imageSrc: "http://img.b2bpic.net/free-photo/public-transport-station_1418-678.jpg?_wi=1", imageAlt: "Metro station entrance", authorName: "Porta Romana Guide", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-man-with-coffee-cup-front-view_23-2149915931.jpg", date: "Always Open"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Staying in this loft was like living as a true Milanese. The attention to detail, premium amenities, and perfect location in Porta Romana made our visit unforgettable. We felt completely at home with all the modern comforts we needed. Highly recommend!"
|
||||
rating={5}
|
||||
author="Marco & Elena, Milan"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg", alt: "Guest avatar 1"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", alt: "Guest avatar 2"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-woman-looks-front-isolated-olive-green-wall_141793-66135.jpg", alt: "Guest avatar 3"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", alt: "Guest avatar 4"
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactSplit
|
||||
tag="Ready to Stay?"
|
||||
title="Complete Your Booking"
|
||||
description="Reserve your stay in this beautiful Porta Romana loft. Check availability for your preferred dates and secure your authentic Milanese experience with Vivimilano BnB."
|
||||
background={{
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/booking-calendar-plan_1418-890.jpg?_wi=1"
|
||||
imageAlt="Booking confirmation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Book Now"
|
||||
termsText="By booking, you agree to our cancellation policy and house rules. A confirmation will be sent to your email."
|
||||
onSubmit={(email) => console.log("Booking inquiry:", 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: "Our 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: "Contact Us", 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: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user