167 lines
10 KiB
TypeScript
167 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Coffee, Star, Award, MapPin, Camera } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Duca Bar"
|
|
navItems={[
|
|
{ name: "Specialità", id: "specialties" },
|
|
{ name: "Chi Siamo", id: "about" },
|
|
{ name: "Galleria", id: "gallery" },
|
|
{ name: "Contatti", id: "contact" },
|
|
{ name: "Aperitivo", id: "features" }
|
|
]}
|
|
button={{ text: "Chiama Ora", href: "tel:0656337690" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="La tua colazione perfetta a Ostia"
|
|
description="Cappuccino cremoso, cornetti fragranti e un sorriso ogni mattina. Scopri perché oltre 870 clienti ci scelgono ogni giorno."
|
|
tag="Aperto dal 1985"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg", imageAlt: "Cornetti fragranti" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-still-life_23-2150645793.jpg", imageAlt: "Aperitivo spettacolare" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-barista-make-latte-coffee-art-paint_1150-12161.jpg", imageAlt: "Cappuccino cremoso" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-croissants-box-pralines-muffins-piece-wood_114579-4403.jpg", imageAlt: "Prodotti freschi da forno" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-barista-make-latte-coffee-art-paint_1150-12161.jpg", imageAlt: "Arte latte perfetta" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-croissants-box-pralines-muffins-piece-wood_114579-4403.jpg", imageAlt: "Colazione abbondante" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31529.jpg", imageAlt: "Cornetti biologici" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-italian-cocktail-still-life_23-2150645793.jpg", imageAlt: "Happy hour Ostia" }
|
|
]}
|
|
carouselPosition="right"
|
|
buttons={[
|
|
{ text: "📞 Chiama Ora", href: "tel:0656337690" },
|
|
{ text: "📍 Ottieni Indicazioni", href: "https://maps.google.com/?q=Duca+Bar+Corso+Duca+di+Genova+131+Roma+Ostia" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Marco R.", imageSrc: "http://img.b2bpic.net/free-photo/confident-skilled-entrepreneur-seated-her-corporate-office-desk_482257-123681.jpg", imageAlt: "Marco R." },
|
|
{ id: "2", name: "Alessandra M.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Alessandra M." },
|
|
{ id: "3", name: "Giovanni S.", imageSrc: "http://img.b2bpic.net/free-photo/confident-skilled-entrepreneur-seated-her-corporate-office-desk_482257-123681.jpg", imageAlt: "Giovanni S." },
|
|
{ id: "4", name: "Francesca T.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Francesca T." },
|
|
{ id: "5", name: "Paolo L.", imageSrc: "http://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg", imageAlt: "Paolo L." },
|
|
{ id: "6", name: "Laura C.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Laura C." }
|
|
]}
|
|
cardTitle="Oltre 870 clienti soddisfatti ci scelgono per cappuccino ottimo, cornetti fragranti e aperitivo spettacolare."
|
|
cardTag="Valutazioni Verificate"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="specialties" data-section="specialties">
|
|
<FeatureCardSixteen
|
|
title="Le Nostre Specialità"
|
|
description="Qualità premium, ingredienti freschi e passione per il dettaglio in ogni tazza e ogni cornetto."
|
|
tag="Dal 1985"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
negativeCard={{ items: ["Caffè industriale freddo", "Cornetti confezionati", "Servizio frettoloso", "Prezzi alti per qualità bassa"] }}
|
|
positiveCard={{ items: ["Cappuccino cremoso e caldo", "Cornetti fragranti appena sfornati", "Servizio cordiale e professionale", "Ottimo rapporto qualità-prezzo"] }}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Scopri il Menu", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<MediaAbout
|
|
title="Perché Scegliere Duca Bar"
|
|
description="Nel cuore di Ostia, Duca Bar rappresenta oltre 30 anni di tradizione, qualità costante e dedizione al servizio. Siamo il bar dove la comunità si riunisce ogni mattina per iniziare la giornata con un sorriso e una tazza perfetta. Il nostro impegno è semplice: ingredienti freschi, mani esperte e un'atmosfera accogliente."
|
|
tag="Loca Ostia"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
|
|
imageAlt="Interno accogliente di Duca Bar"
|
|
buttons={[{ text: "Vieni a Trovarci", href: "https://maps.google.com/?q=Duca+Bar+Corso+Duca+di+Genova+131+Roma+Ostia" }]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardThree
|
|
title="La Nostra Atmosfera"
|
|
description="Scopri l'ambiente accogliente e i prodotti che rendono Duca Bar il bar preferito di Ostia."
|
|
tag="Galleria"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Ambiente", title: "Un Interno Accogliente", excerpt: "Lo spazio che abbiamo creato invita alla relazione, al dialogo, alla pausa rigenerante.", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Interior accogliente", authorName: "Duca Bar Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waiters-serving-cup-coffee-counter_1170-623.jpg", date: "Sempre aperto"
|
|
},
|
|
{
|
|
id: "2", category: "Prodotti", title: "Qualità in Ogni Dettaglio", excerpt: "Dalla selezione del caffè alla preparazione dei cornetti, nulla è lasciato al caso.", imageSrc: "http://img.b2bpic.net/free-photo/sweet-buns-with-cup-tea-blue-background-high-quality-photo_114579-53156.jpg", imageAlt: "Prodotti freschi", authorName: "Duca Bar Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waiters-serving-cup-coffee-counter_1170-623.jpg", date: "Sempre aperto"
|
|
},
|
|
{
|
|
id: "3", category: "Servizio", title: "Professionalità e Calore", excerpt: "Il nostro team è formato da esperti che amano quello che fanno.", imageSrc: "http://img.b2bpic.net/free-photo/woman-barista-coffee-shop-preparing-coffee_1303-29482.jpg", imageAlt: "Staff professional", authorName: "Duca Bar Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waiters-serving-cup-coffee-counter_1170-623.jpg", date: "Sempre aperto"
|
|
}
|
|
]}
|
|
buttons={[{ text: "Chiama per Prenotazioni", href: "tel:0656337690" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ti aspettiamo domani mattina alle 5:30 ☕ Per ordinare, prenotare un tavolo o semplicemente per una pausa caffè, contattaci subito!"
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "📞 Chiama: 06 5633 7690", href: "tel:0656337690" },
|
|
{ text: "📍 Corso Duca di Genova, 131 - Roma", href: "https://maps.google.com/?q=Duca+Bar+Corso+Duca+di+Genova+131+Roma+Ostia" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Duca Bar"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Orari: Lun-Ven 5:30-20:00 | Sab-Dom 7:00-20:00", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|