Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -20,7 +20,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -37,9 +37,7 @@ export default function HomePage() {
|
||||
{ name: "Contatti", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Prenota un Tavolo",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Prenota un Tavolo", href: "#contact"}}
|
||||
className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50"
|
||||
/>
|
||||
</div>
|
||||
@@ -49,21 +47,14 @@ export default function HomePage() {
|
||||
title="Il tempo passa. Il sapore resta."
|
||||
description="Cucina italiana senza tempo nel cuore di Barletta. Tradizione, creatività e ospitalità in ogni morso."
|
||||
background={{
|
||||
variant: "floatingGradient",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
kpis={[
|
||||
{
|
||||
value: "20€–30€",
|
||||
label: "Cucina Autentica",
|
||||
},
|
||||
value: "20€–30€", label: "Cucina Autentica"},
|
||||
{
|
||||
value: "Dal 1995",
|
||||
label: "Esperienza Riconosciuta",
|
||||
},
|
||||
value: "Dal 1995", label: "Esperienza Riconosciuta"},
|
||||
{
|
||||
value: "⭐ 4.9/5",
|
||||
label: "Fiducia Garantita",
|
||||
},
|
||||
value: "⭐ 4.9/5", label: "Fiducia Garantita"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Ristorante Pugliese"
|
||||
@@ -71,13 +62,9 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota un Tavolo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prenota un Tavolo", href: "#contact"},
|
||||
{
|
||||
text: "Scopri il Menu",
|
||||
href: "#signature-dishes",
|
||||
},
|
||||
text: "Scopri il Menu", href: "#signature-dishes"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/freshly-baked-pizza-wooden-surface_181624-5783.jpg"
|
||||
@@ -92,26 +79,17 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content:
|
||||
"Passione senza tempo per la cucina italiana autentica, dove ",
|
||||
},
|
||||
type: "text", content:
|
||||
"Passione senza tempo per la cucina italiana autentica, dove "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/restaurant-retro-logo-collection_23-2148359161.jpg",
|
||||
alt: "Il Cucù Logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/restaurant-retro-logo-collection_23-2148359161.jpg", alt: "Il Cucù Logo"},
|
||||
{
|
||||
type: "text",
|
||||
content:
|
||||
" racconta storie di famiglia, tradizione e amore per il cibo.",
|
||||
},
|
||||
type: "text", content:
|
||||
" racconta storie di famiglia, tradizione e amore per il cibo."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "La Nostra Storia",
|
||||
href: "/about",
|
||||
},
|
||||
text: "La Nostra Storia", href: "/about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -128,51 +106,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Specialità Pugliese",
|
||||
name: "Baccalà alla Barlettana",
|
||||
price: "€28",
|
||||
rating: 5,
|
||||
reviewCount: "247",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/plate-with-mozzarella-cheese-tomatoes_23-2149460147.jpg",
|
||||
imageAlt:
|
||||
"Baccalà alla Barlettana — Specialty piatto della tradizione",
|
||||
},
|
||||
id: "1", brand: "Specialità Pugliese", name: "Baccalà alla Barlettana", price: "€28", rating: 5,
|
||||
reviewCount: "247", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/plate-with-mozzarella-cheese-tomatoes_23-2149460147.jpg", imageAlt:
|
||||
"Baccalà alla Barlettana — Specialty piatto della tradizione"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Pizza Artigianale",
|
||||
name: "La Poesia del Forno",
|
||||
price: "€22",
|
||||
rating: 5,
|
||||
reviewCount: "512",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/margherita-pizza-with-salt-pepper-shakers-table_140725-8619.jpg",
|
||||
imageAlt:
|
||||
"Pizza artigianale — Le pizze sono davvero una poesia",
|
||||
},
|
||||
id: "2", brand: "Pizza Artigianale", name: "La Poesia del Forno", price: "€22", rating: 5,
|
||||
reviewCount: "512", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/margherita-pizza-with-salt-pepper-shakers-table_140725-8619.jpg", imageAlt:
|
||||
"Pizza artigianale — Le pizze sono davvero una poesia"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Antipasti Abbondanti",
|
||||
name: "Tav. Mista dei Sapori",
|
||||
price: "€32",
|
||||
rating: 5,
|
||||
reviewCount: "189",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/delicious-charcuterie-board_23-2151997996.jpg",
|
||||
imageAlt: "Tavolata mista di antipasti — Esplosione di sapori",
|
||||
},
|
||||
id: "3", brand: "Antipasti Abbondanti", name: "Tav. Mista dei Sapori", price: "€32", rating: 5,
|
||||
reviewCount: "189", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/delicious-charcuterie-board_23-2151997996.jpg", imageAlt: "Tavolata mista di antipasti — Esplosione di sapori"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Dolci Creativi",
|
||||
name: "Dolce Sweet Bowl",
|
||||
price: "€12",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/top-view-tasty-meal-designed-inside-white-plate-table-with-red-wine-food-meal-restaurant_140725-28347.jpg",
|
||||
imageAlt: "Dolce Sweet Bowl — Creazione artigianale",
|
||||
},
|
||||
id: "4", brand: "Dolci Creativi", name: "Dolce Sweet Bowl", price: "€12", rating: 5,
|
||||
reviewCount: "156", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/top-view-tasty-meal-designed-inside-white-plate-table-with-red-wine-food-meal-restaurant_140725-28347.jpg", imageAlt: "Dolce Sweet Bowl — Creazione artigianale"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -180,9 +130,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visualizza Menu Completo",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Visualizza Menu Completo", href: "#menu"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,79 +145,35 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Pizza Poetry",
|
||||
quote:
|
||||
"Le pizze sono davvero una poesia. Ogni morso è un viaggio attraverso i sapori autentici della tradizione italiana.",
|
||||
name: "Maria Rossi",
|
||||
role: "Cliente Abituale, Barletta",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiley-woman-with-mobile_23-2148523943.jpg?_wi=1",
|
||||
imageAlt: "Maria Rossi",
|
||||
},
|
||||
id: "1", title: "Pizza Poetry", quote:
|
||||
"Le pizze sono davvero una poesia. Ogni morso è un viaggio attraverso i sapori autentici della tradizione italiana.", name: "Maria Rossi", role: "Cliente Abituale, Barletta", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiley-woman-with-mobile_23-2148523943.jpg", imageAlt: "Maria Rossi"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Esplosione di Sapori",
|
||||
quote:
|
||||
"Ogni morso è un'esplosione di sapori. Il servizio è eccellente e l'atmosfera è perfetta per festeggiare momenti importanti.",
|
||||
name: "Giovanni Ferrari",
|
||||
role: "Fotografo Culinario",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-elegant-male-riding-scooter_23-2148577333.jpg?_wi=1",
|
||||
imageAlt: "Giovanni Ferrari",
|
||||
},
|
||||
id: "2", title: "Esplosione di Sapori", quote:
|
||||
"Ogni morso è un'esplosione di sapori. Il servizio è eccellente e l'atmosfera è perfetta per festeggiare momenti importanti.", name: "Giovanni Ferrari", role: "Fotografo Culinario", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-elegant-male-riding-scooter_23-2148577333.jpg", imageAlt: "Giovanni Ferrari"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Luogo Perfetto per Celebrare",
|
||||
quote:
|
||||
"Locale perfetto per festeggiare. Lo staff caldo e accogliente, il cibo eccellente, e l'esperienza indimenticabile.",
|
||||
name: "Elena Greco",
|
||||
role: "Evento Organizer, Puglia",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg?_wi=1",
|
||||
imageAlt: "Elena Greco",
|
||||
},
|
||||
id: "3", title: "Luogo Perfetto per Celebrare", quote:
|
||||
"Locale perfetto per festeggiare. Lo staff caldo e accogliente, il cibo eccellente, e l'esperienza indimenticabile.", name: "Elena Greco", role: "Evento Organizer, Puglia", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg", imageAlt: "Elena Greco"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Tradizione Rivisitata",
|
||||
quote:
|
||||
"Tradizione che incontra creatività. I piatti raccontano storie di passione e dedizione. Consiglio caldamente.",
|
||||
name: "Antonio De Marco",
|
||||
role: "Chef Consulente",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-kitchen_23-2149631733.jpg?_wi=1",
|
||||
imageAlt: "Antonio De Marco",
|
||||
},
|
||||
id: "4", title: "Tradizione Rivisitata", quote:
|
||||
"Tradizione che incontra creatività. I piatti raccontano storie di passione e dedizione. Consiglio caldamente.", name: "Antonio De Marco", role: "Chef Consulente", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-kitchen_23-2149631733.jpg", imageAlt: "Antonio De Marco"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Staff Accogliente",
|
||||
quote:
|
||||
"Lo staff è veramente accogliente e professionale. Vi sentirete come a casa, trattati come parte della famiglia Il Cucù.",
|
||||
name: "Francesca Bianchi",
|
||||
role: "Turista Italiana",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg?_wi=1",
|
||||
imageAlt: "Francesca Bianchi",
|
||||
},
|
||||
id: "5", title: "Staff Accogliente", quote:
|
||||
"Lo staff è veramente accogliente e professionale. Vi sentirete come a casa, trattati come parte della famiglia Il Cucù.", name: "Francesca Bianchi", role: "Turista Italiana", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg", imageAlt: "Francesca Bianchi"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Un'Esperienza Autentica",
|
||||
quote:
|
||||
"Esperienza autentica dal primo momento. La passione dei proprietari per il cibo trasuda da ogni dettaglio.",
|
||||
name: "Marco Santoro",
|
||||
role: "Editore Gastronomico",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg?_wi=1",
|
||||
imageAlt: "Marco Santoro",
|
||||
},
|
||||
id: "6", title: "Un'Esperienza Autentica", quote:
|
||||
"Esperienza autentica dal primo momento. La passione dei proprietari per il cibo trasuda da ogni dettaglio.", name: "Marco Santoro", role: "Editore Gastronomico", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg", imageAlt: "Marco Santoro"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Leggi Tutte le Recensioni",
|
||||
href: "/reviews",
|
||||
},
|
||||
text: "Leggi Tutte le Recensioni", href: "/reviews"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -283,14 +187,7 @@ export default function HomePage() {
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Michelin Guide Menzione",
|
||||
"TripAdvisor Top Rated",
|
||||
"Google Reviews 4.9★",
|
||||
"Gambero Rosso Consigliato",
|
||||
"Slow Food Approved",
|
||||
"Ristorante dell'Anno 2023",
|
||||
"Cucina Pugliese Autentica",
|
||||
]}
|
||||
"Michelin Guide Menzione", "TripAdvisor Top Rated", "Google Reviews 4.9★", "Gambero Rosso Consigliato", "Slow Food Approved", "Ristorante dell'Anno 2023", "Cucina Pugliese Autentica"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showCard={true}
|
||||
@@ -303,37 +200,23 @@ export default function HomePage() {
|
||||
ctaTitle="Prenota il Tuo Tavolo"
|
||||
ctaDescription="Scopri un'esperienza culinaria indimenticabile. Contattaci via WhatsApp o telefono per prenotare il tuo momento speciale."
|
||||
ctaButton={{
|
||||
text: "Prenota Ora",
|
||||
href: "https://wa.me/393334567890?text=Vorrei%20prenotare%20un%20tavolo%20a%20Il%20Cuc%C3%B9",
|
||||
}}
|
||||
text: "Prenota Ora", href: "https://wa.me/393334567890?text=Vorrei%20prenotare%20un%20tavolo%20a%20Il%20Cuc%C3%B9"}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quali sono gli orari di apertura?",
|
||||
content:
|
||||
"Il Cucù apre dalle 19:30 in poi. Offriamo cena accogliente dall'aperitivo fino a tardi. Consigliamo prenotazione per evitare attese.",
|
||||
},
|
||||
id: "1", title: "Quali sono gli orari di apertura?", content:
|
||||
"Il Cucù apre dalle 19:30 in poi. Offriamo cena accogliente dall'aperitivo fino a tardi. Consigliamo prenotazione per evitare attese."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Offrite menu vegetariani o opzioni dietetiche?",
|
||||
content:
|
||||
"Sì, abbiamo piatti vegetariani creativi e possiamo adattare piatti per esigenze dietetiche specifiche. Comunicateci le vostre preferenze.",
|
||||
},
|
||||
id: "2", title: "Offrite menu vegetariani o opzioni dietetiche?", content:
|
||||
"Sì, abbiamo piatti vegetariani creativi e possiamo adattare piatti per esigenze dietetiche specifiche. Comunicateci le vostre preferenze."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Accettate prenotazioni per gruppi grandi?",
|
||||
content:
|
||||
"Certamente! Organizziamo menu personalizzati per gruppi. Contattateci direttamente per discutere menu team, matrimoni e anniversari.",
|
||||
},
|
||||
id: "3", title: "Accettate prenotazioni per gruppi grandi?", content:
|
||||
"Certamente! Organizziamo menu personalizzati per gruppi. Contattateci direttamente per discutere menu team, matrimoni e anniversari."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Come posso contattarvi rapidamente?",
|
||||
content:
|
||||
"WhatsApp +39 333 456 7890, Telefono +39 080 1234 567, o venite in loco: Via Tommaso Capossele 53/55, Barletta.",
|
||||
},
|
||||
id: "4", title: "Come posso contattarvi rapidamente?", content:
|
||||
"WhatsApp +39 333 456 7890, Telefono +39 080 1234 567, o venite in loco: Via Tommaso Capossele 53/55, Barletta."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,8 +225,7 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
title: "Navigazione", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Chi Siamo", href: "/about" },
|
||||
{ label: "Recensioni", href: "/reviews" },
|
||||
@@ -351,35 +233,23 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informazioni",
|
||||
items: [
|
||||
title: "Informazioni", items: [
|
||||
{
|
||||
label: "Via Tommaso Capossele 53/55, Barletta",
|
||||
href: "#",
|
||||
},
|
||||
label: "Via Tommaso Capossele 53/55, Barletta", href: "#"},
|
||||
{ label: "Tel: +39 080 1234 567", href: "tel:+390801234567" },
|
||||
{
|
||||
label: "WhatsApp: +39 333 456 7890",
|
||||
href: "https://wa.me/393334567890",
|
||||
},
|
||||
label: "WhatsApp: +39 333 456 7890", href: "https://wa.me/393334567890"},
|
||||
{ label: "info@ilcucu.it", href: "mailto:info@ilcucu.it" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/ilcucu.barletta",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/ilcucu.barletta"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/ilcucu.barletta",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/ilcucu.barletta"},
|
||||
{
|
||||
label: "Google Reviews",
|
||||
href: "https://google.com/maps/place/ilcucu",
|
||||
},
|
||||
label: "Google Reviews", href: "https://google.com/maps/place/ilcucu"},
|
||||
{ label: "TripAdvisor", href: "https://tripadvisor.com" },
|
||||
],
|
||||
},
|
||||
|
||||
@@ -1,51 +1,34 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export function SvgTextLogo({
|
||||
text,
|
||||
fontSize = 48,
|
||||
fill = 'currentColor',
|
||||
className,
|
||||
}: SvgTextLogoProps) {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fill={fill}
|
||||
fontWeight="bold"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user