@ctonti/ask-golf-veneto 1.0.4 → 1.0.6

package/dist/browser.js

@@ -29996,6 +29996,10 @@ const Music2 = createLucideIcon("music-2", [["circle", {
 	d: "M12 18V2l7 4",
 	key: "g04rme"
 }]]);
+const Navigation = createLucideIcon("navigation", [["polygon", {
+	points: "3 11 22 2 13 21 11 13 3 11",
+	key: "1ltx0t"
+}]]);
 const OctagonX = createLucideIcon("octagon-x", [
 	["path", {
 		d: "m15 9-6 6",
@@ -30074,6 +30078,13 @@ const Plus = createLucideIcon("plus", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }]]);
+const Quote = createLucideIcon("quote", [["path", {
+	d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+	key: "rib7q0"
+}], ["path", {
+	d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+	key: "1ymkrd"
+}]]);
 const Ruler = createLucideIcon("ruler", [
 	["path", {
 		d: "M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z",
@@ -69125,20 +69136,55 @@ function Chat$1({ appKey, apiKey, ...props }) {
 //#region src/components/intro.tsx
 function Intro() {
 	const { PromptIntro } = (0, import_react.useContext)(ComponentsContext);
-	const { contents } = (0, import_react.useContext)(ChatContext);
+	const { contents, append } = (0, import_react.useContext)(ChatContext);
 	const title = contents.intro?.title || "Progetta la tua <em>vacanza golf</em> in Veneto";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
-		className: "relative flex min-h-[calc(100vh-115px)] flex-col items-center justify-center gap-8 bg-background text-foreground",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "relative w-full max-w-215 p-2",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col gap-20",
-				children: [title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-					className: "text-center text-[40px] font-thin leading-[1.45] tracking-[-0.02em] font-heading italic text-primary",
-					dangerouslySetInnerHTML: { __html: title }
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptIntro, {})]
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		className: "relative flex min-h-[calc(100vh-80px)] w-full flex-col items-center justify-center py-12 px-6 bg-[#faf8f3] text-[#213f31] overflow-hidden",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -top-24 -right-24 w-96 h-96 rounded-full bg-[#213f31]/5 pointer-events-none" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -bottom-24 -left-24 w-96 h-96 rounded-full bg-[#478264]/5 pointer-events-none" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "relative z-10 w-full max-w-4xl mx-auto flex flex-col items-center gap-8 text-center",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-[#213f31]/10 border border-[#213f31]/20",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-2 h-2 rounded-full bg-[#34674e]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-[#213f31] font-sans text-xs font-semibold uppercase tracking-[0.25em]",
+							children: "Concierge Ufficiale Golf in Veneto"
+						})]
+					}),
+					title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+						className: "text-4xl @md:text-6xl @lg:text-7xl font-normal leading-[1.15] font-heading italic text-[#213f31] drop-shadow-sm max-w-3xl",
+						dangerouslySetInnerHTML: { __html: title }
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "font-sans text-[#213f31]/80 text-base @md:text-lg max-w-2xl font-light leading-relaxed",
+						children: "Un consulente dedicato per disegnare il tuo itinerario su misura: campi da golf affiliati, eccellenze enogastronomiche, arte e relax."
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "w-full max-w-2xl mt-2 bg-white rounded-2xl p-4 shadow-xl border border-[#e8d9c0]",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PromptIntro, {})
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex flex-wrap items-center justify-center gap-2.5 mt-2 max-w-3xl",
+						children: [
+							"5 giorni tra golf d'eccellenza e Prosecco",
+							"Weekend romantico: Golf al Lido & Venezia",
+							"Golf, Terme ed Enogastronomia nei Colli Euganei",
+							"Tour dei migliori 15 Golf Club del Veneto"
+						].map((prompt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => append?.({
+								role: "user",
+								content: prompt
+							}),
+							className: "px-4 py-2 rounded-full bg-[#213f31]/5 hover:bg-[#213f31] text-[#213f31] hover:text-[#faf8f3] text-xs font-medium border border-[#213f31]/15 transition-all duration-200 cursor-pointer shadow-sm",
+							children: prompt
+						}, i))
+					})
+				]
 			})
-		})
+		]
 	});
 }
 //#endregion
@@ -69526,34 +69572,41 @@ const Link = ({ props }) => {
 const HeroViaggio = ({ props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "hero-viaggio",
-		className: cn$1("relative flex flex-col items-center justify-center py-16 @md:py-24 px-6 bg-primary text-primary-foreground overflow-hidden rounded-xl shadow-sm"),
-		children: [props.imageSrc && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: cn$1("relative flex flex-col items-center justify-center py-24 @md:py-32 px-8 bg-[#213f31] text-white overflow-hidden rounded-2xl shadow-2xl border border-white/10"),
+		children: [props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "absolute inset-0 z-0",
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
 				src: props.imageSrc,
 				alt: "",
 				className: "w-full h-full object-cover"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-primary/80 mix-blend-multiply" })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-b from-[#213f31]/90 via-[#213f31]/70 to-[#213f31]/90 mix-blend-multiply" })]
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "absolute inset-0 z-0 bg-gradient-to-br from-[#213f31] to-[#12241b]",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-20 mix-blend-overlay" })
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "relative z-10 flex flex-col items-center text-center max-w-4xl mx-auto space-y-6",
+			className: "relative z-10 flex flex-col items-center text-center max-w-4xl mx-auto space-y-8",
 			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-16 h-px bg-[#e8d9c0]/50 mb-4" }),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-					className: "font-heading text-[32px] @md:text-[56px] @lg:text-[72px] italic leading-tight",
+					className: "font-heading text-[40px] @md:text-[64px] @lg:text-[80px] italic leading-[1.1] drop-shadow-lg text-[#faf8f3]",
 					children: props.title
 				}),
 				props.tagline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "font-sans text-primary-foreground/80 text-lg @md:text-xl max-w-2xl",
+					className: "font-sans font-light uppercase tracking-[0.2em] text-[#e8d9c0] text-sm @md:text-base max-w-2xl drop-shadow",
 					children: props.tagline
 				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-16 h-px bg-[#e8d9c0]/50 mt-4" }),
 				props.stats && props.stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex flex-wrap items-center justify-center gap-3 pt-6",
-					children: props.stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: "bg-accent text-white font-sans text-sm font-medium rounded-full px-4 py-2",
-						children: [
-							stat.value,
-							" ",
-							stat.label
-						]
+					className: "flex flex-wrap items-center justify-center gap-6 pt-8",
+					children: props.stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center bg-white/5 backdrop-blur-md border border-white/10 rounded-xl px-6 py-4 min-w-[120px]",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "font-heading italic text-3xl @md:text-4xl text-[#e8d9c0] mb-1",
+							children: stat.value
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "font-sans text-[10px] uppercase tracking-widest text-white/70 font-semibold",
+							children: stat.label
+						})]
 					}, i))
 				})
 			]
@@ -69608,32 +69661,52 @@ const ICON_MAP = {
 const ConceptCard = ({ props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "concept-card",
-		className: cn$1("bg-card rounded-xl border border-border shadow-sm overflow-hidden flex flex-col p-6 @md:p-8 space-y-6 @md:space-y-0 @md:flex-row @md:gap-12"),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "flex-1 border-l-4 border-accent pl-6 flex flex-col justify-center",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-				className: "text-muted-foreground font-sans leading-relaxed",
-				children: props.debrief
-			})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex-1 flex flex-col justify-center space-y-6",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", {
-				className: "font-heading italic text-foreground text-lg @md:text-xl leading-snug",
+		className: cn$1("bg-[#faf8f3] rounded-2xl border border-[#e8d9c0] shadow-lg overflow-hidden flex flex-col p-8 @md:p-10 space-y-8 @md:space-y-0 @md:flex-row @md:gap-12 relative"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 right-0 w-32 h-32 bg-[#e8d9c0]/20 rounded-bl-full -z-0" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex-1 relative z-10 flex flex-col justify-center space-y-6 @md:border-r border-[#e8d9c0] @md:pr-10",
 				children: [
-					"“",
-					props.concept,
-					"”"
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2 mb-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-8 h-px bg-[#478264]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-[10px] uppercase tracking-widest font-bold text-[#478264]",
+							children: "Il Concept"
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Quote, { className: "w-8 h-8 text-[#e8d9c0] absolute -top-4 -left-2 -z-10 opacity-50" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", {
+							className: "font-heading italic text-[#213f31] text-2xl @md:text-3xl leading-snug",
+							children: [
+								"“",
+								props.concept,
+								"”"
+							]
+						})]
+					}),
+					props.themes && props.themes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex flex-wrap gap-2 pt-2",
+						children: props.themes.map((theme, i) => {
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-1.5 bg-white border border-[#e8d9c0] text-[#213f31] text-[10px] uppercase tracking-widest font-bold px-3 py-1.5 rounded-sm shadow-sm",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ICON_MAP[theme.icon.toLowerCase()] || Circle, { className: "w-3.5 h-3.5 text-[#478264]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: theme.label })]
+							}, i);
+						})
+					})
 				]
-			}), props.themes && props.themes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "flex flex-wrap gap-2",
-				children: props.themes.map((theme, i) => {
-					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-1.5 bg-muted text-foreground text-xs font-medium px-3 py-1.5 rounded-full",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ICON_MAP[theme.icon.toLowerCase()] || Circle, { className: "w-3.5 h-3.5 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: theme.label })]
-					}, i);
-				})
-			})]
-		})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex-1 relative z-10 flex flex-col justify-center",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-[10px] uppercase tracking-widest font-bold text-[#213f31]/40 mb-3",
+					children: "La Visione"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "text-[#213f31]/80 font-sans leading-relaxed text-sm @md:text-base",
+					children: props.debrief
+				})]
+			})
+		]
 	});
 };
 //#endregion
@@ -69666,219 +69739,276 @@ const ConceptCardSkeleton = (_props) => {
 const LOGISTICS_ICON_MAP = {
 	car: Car,
 	train: TramFront,
-	ship: Ship
+	ship: Ship,
+	default: Navigation
 };
 const DayPlan = ({ props }) => {
-	if (!props.sections) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "day-plan",
-		className: cn$1("flex flex-col w-full shadow-sm"),
+		className: cn$1("flex flex-col w-full shadow-xl rounded-2xl overflow-hidden border border-[#e8d9c0]/50 bg-[#faf8f3]"),
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "bg-primary rounded-t-xl px-6 py-5 flex flex-col gap-2 relative overflow-hidden",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex items-center justify-between z-10",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "font-sans uppercase tracking-wider text-primary-foreground/60 text-xs font-semibold",
-					children: ["Giorno ", props.dayNumber]
-				}), props.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-1 text-primary-foreground/80 text-sm",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.location })]
-				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-				className: "font-heading text-primary-foreground text-2xl @md:text-3xl z-10 leading-tight",
-				children: props.title
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "bg-card rounded-b-xl px-6 py-2 border border-t-0 border-border",
+			className: "relative overflow-hidden bg-[#213f31] px-8 py-10 flex flex-col gap-4",
 			children: [
-				props.sections.golf && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Flag, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-sans font-semibold uppercase text-xs tracking-wider text-muted-foreground",
-							children: "Golf"
-						})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "font-bold text-foreground",
-								children: props.sections.golf.clubName
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex gap-2",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "text-xs font-medium bg-muted px-2 py-0.5 rounded text-foreground",
-									children: [props.sections.golf.holes, " Holes"]
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "text-xs font-medium bg-muted px-2 py-0.5 rounded text-foreground",
-									children: ["Par ", props.sections.golf.par]
-								})]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "text-sm text-foreground/80 leading-relaxed",
-								children: props.sections.golf.description
-							}),
-							props.sections.golf.highlight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "text-sm italic text-accent font-serif mt-1",
-								children: props.sections.golf.highlight
-							})
-						]
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 opacity-10 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] mix-blend-overlay" }),
+				props.imageSrc && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "absolute inset-0 z-0",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+						src: props.imageSrc,
+						alt: "",
+						className: "w-full h-full object-cover opacity-40 mix-blend-luminosity"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-[#213f31] to-transparent" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center justify-between z-10",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "font-sans uppercase tracking-[0.25em] text-[#e8d9c0] text-[10px] font-bold bg-[#e8d9c0]/10 px-3 py-1 rounded-sm backdrop-blur-sm border border-[#e8d9c0]/20",
+						children: ["Giorno ", props.dayNumber]
+					}), props.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-1.5 text-[#e8d9c0] text-xs font-medium uppercase tracking-widest bg-black/20 px-3 py-1 rounded-sm backdrop-blur-sm",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.location })]
 					})]
 				}),
-				props.sections.explore && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					className: "font-heading text-white text-4xl @md:text-5xl z-10 leading-tight italic mt-2 drop-shadow-md",
+					children: props.title
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "bg-[#faf8f3] px-6 @md:px-8 py-4",
+			children: [
+				props.golf && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-8 border-b border-[#e8d9c0]/60 last:border-0 relative",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-0 top-8 w-1 h-12 bg-[#478264] rounded-r-md -ml-6 @md:-ml-8" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 mb-4",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Flag, { className: "w-5 h-5 text-[#478264]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+								className: "font-sans font-bold uppercase text-xs tracking-[0.2em] text-[#478264]",
+								children: "Golf Experience"
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "space-y-4 pl-2 @md:pl-4",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "font-heading text-3xl text-[#213f31]",
+									children: props.golf.clubName
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "text-xs font-semibold uppercase tracking-wider bg-white px-3 py-1.5 rounded-md text-[#213f31] border border-[#e8d9c0] shadow-sm",
+										children: [props.golf.holes, " Buche"]
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "text-xs font-semibold uppercase tracking-wider bg-white px-3 py-1.5 rounded-md text-[#213f31] border border-[#e8d9c0] shadow-sm",
+										children: ["Par ", props.golf.par]
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "text-base text-[#213f31]/80 leading-relaxed font-sans",
+									children: props.golf.description
+								}),
+								props.golf.highlight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-4 rounded-xl border border-[#e8d9c0] shadow-sm mt-4 inline-block",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+										className: "text-base italic text-[#478264] font-heading text-xl",
+										children: [
+											"\"",
+											props.golf.highlight,
+											"\""
+										]
+									})
+								})
+							]
+						})
+					]
+				}),
+				props.explore && props.explore.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-8 border-b border-[#e8d9c0]/60 last:border-0 relative",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Compass, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-sans font-semibold uppercase text-xs tracking-wider text-muted-foreground",
-							children: "Explore"
+						className: "flex items-center gap-2 mb-5",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Compass, { className: "w-5 h-5 text-[#213f31]/50" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "font-sans font-bold uppercase text-xs tracking-[0.2em] text-[#213f31]/50",
+							children: "Esplora"
 						})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
-						className: "space-y-3",
-						children: props.sections.explore.attractions.map((attr, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
-							className: "flex flex-col @md:flex-row @md:items-center gap-1 @md:gap-3",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "font-medium text-foreground text-sm",
-								children: attr.name
-							}), attr.type && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-[10px] uppercase tracking-wider font-semibold bg-accent/10 text-accent px-1.5 py-0.5 rounded w-fit",
-								children: attr.type
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "grid grid-cols-1 @md:grid-cols-2 gap-5 pl-0 @md:pl-4",
+						children: props.explore.map((attr, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "bg-white p-5 rounded-xl border border-[#e8d9c0] shadow-sm flex flex-col gap-3 transition-shadow hover:shadow-md",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "font-heading text-2xl text-[#213f31] leading-tight",
+									children: attr.name
+								}), attr.type && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-[9px] uppercase tracking-widest font-bold bg-[#faf8f3] text-[#213f31] border border-[#e8d9c0] px-2 py-1 rounded-full whitespace-nowrap",
+									children: attr.type
+								})]
+							}), attr.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-sm text-[#213f31]/70 leading-relaxed",
+								children: attr.description
 							})]
 						}, i))
 					})]
 				}),
-				props.sections.dine && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
+				props.dine && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-8 border-b border-[#e8d9c0]/60 last:border-0",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UtensilsCrossed, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-sans font-semibold uppercase text-xs tracking-wider text-muted-foreground",
-							children: "Dine"
+						className: "flex items-center gap-2 mb-5",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UtensilsCrossed, { className: "w-5 h-5 text-[#213f31]/50" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "font-sans font-bold uppercase text-xs tracking-[0.2em] text-[#213f31]/50",
+							children: "Gusto"
 						})]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "space-y-1.5",
+						className: "bg-white p-6 rounded-xl border border-[#e8d9c0] shadow-sm pl-6 relative overflow-hidden",
 						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 right-0 w-24 h-24 bg-[#478264]/5 rounded-bl-full -z-10" }),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-								className: "font-bold text-foreground text-sm flex items-center gap-2",
-								children: [props.sections.dine.restaurantName, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "font-normal italic text-muted-foreground text-xs",
-									children: props.sections.dine.cuisine
+								className: "font-heading text-3xl text-[#213f31] flex flex-col @md:flex-row @md:items-baseline gap-2 mb-3",
+								children: [props.dine.name, props.dine.cuisine && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "font-sans font-medium uppercase tracking-[0.15em] text-[#478264] text-xs",
+									children: ["· ", props.dine.cuisine]
 								})]
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "text-sm text-foreground/80",
-								children: props.sections.dine.description
+								className: "text-base text-[#213f31]/80 leading-relaxed mb-4",
+								children: props.dine.description
 							}),
-							props.sections.dine.signatureDish && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-								className: "text-sm text-accent italic mt-1",
-								children: ["★ ", props.sections.dine.signatureDish]
+							props.dine.dish && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-start gap-3 bg-[#faf8f3] p-4 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-[#478264] text-lg mt-0.5",
+									children: "★"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+									className: "text-sm text-[#213f31] leading-relaxed",
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "font-bold text-[10px] uppercase tracking-widest text-[#213f31]/50 block mb-1",
+											children: "Piatto firma"
+										}),
+										" ",
+										props.dine.dish
+									]
+								})]
 							})
 						]
 					})]
 				}),
-				props.sections.wine && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
+				props.wine && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-8 border-b border-[#e8d9c0]/60 last:border-0",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wine, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-sans font-semibold uppercase text-xs tracking-wider text-muted-foreground",
-							children: "Wine"
+						className: "flex items-center gap-2 mb-5",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wine, { className: "w-5 h-5 text-[#8b3a3a]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "font-sans font-bold uppercase text-xs tracking-[0.2em] text-[#8b3a3a]",
+							children: "Degustazione"
 						})]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
+						className: "bg-gradient-to-br from-[#fffdfa] to-[#fff5f5] p-6 rounded-xl border border-[#8b3a3a]/15 shadow-sm pl-6 relative",
 						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "absolute right-4 top-4 opacity-5",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wine, { className: "w-24 h-24 text-[#8b3a3a]" })
+							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "font-bold text-foreground text-sm",
-								children: props.sections.wine.cantinaName
+								className: "font-heading text-3xl text-[#213f31] mb-3 relative z-10",
+								children: props.wine.name
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "text-sm text-foreground/80",
-								children: props.sections.wine.description
+								className: "text-base text-[#213f31]/80 leading-relaxed mb-5 relative z-10 max-w-2xl",
+								children: props.wine.description
 							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-								className: "flex flex-wrap gap-1.5 mt-2",
-								children: props.sections.wine.wines.map((wine, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "text-xs bg-muted text-foreground px-2 py-1 rounded-md",
+							props.wine.wines && props.wine.wines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "flex flex-wrap gap-2 relative z-10",
+								children: props.wine.wines.map((wine, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs font-semibold uppercase tracking-wider bg-white border border-[#8b3a3a]/20 text-[#8b3a3a] px-3.5 py-1.5 rounded-full shadow-sm",
 									children: wine
 								}, i))
 							})
 						]
 					})]
 				}),
-				props.sections.stay && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
+				props.stay && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-8 border-b border-[#e8d9c0]/60 last:border-0",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bed, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-sans font-semibold uppercase text-xs tracking-wider text-muted-foreground",
-							children: "Stay"
+						className: "flex items-center gap-2 mb-5",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bed, { className: "w-5 h-5 text-[#b8955e]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "font-sans font-bold uppercase text-xs tracking-[0.2em] text-[#b8955e]",
+							children: "Soggiorno"
 						})]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "space-y-1",
+						className: "bg-gradient-to-br from-[#fdfbf7] to-[#f4ebd9]/80 p-6 rounded-xl border border-[#b8955e]/30 shadow-sm pl-6",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex items-center gap-2",
+							className: "flex flex-col @md:flex-row @md:items-center justify-between mb-3 gap-3",
 							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "font-bold text-foreground text-sm",
-								children: props.sections.stay.name
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-[10px] uppercase tracking-wider font-semibold bg-primary/10 text-primary px-1.5 py-0.5 rounded",
-								children: props.sections.stay.type
+								className: "font-heading text-3xl text-[#213f31]",
+								children: props.stay.name
+							}), props.stay.type && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-[10px] uppercase tracking-widest font-bold bg-[#b8955e] text-white px-3 py-1.5 rounded-sm self-start @md:self-auto shadow-sm",
+								children: props.stay.type
 							})]
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-							className: "text-sm text-foreground/80",
-							children: props.sections.stay.description
+							className: "text-base text-[#213f31]/80 leading-relaxed max-w-2xl",
+							children: props.stay.description
 						})]
 					})]
 				}),
-				props.sections.logistics && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-3",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Car, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-sans font-semibold uppercase text-xs tracking-wider text-muted-foreground",
-							children: "Logistics"
-						})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col @md:flex-row @md:items-center gap-2 @md:gap-4 text-sm",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 text-foreground font-medium",
+				props.logistics && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "py-8 border-b border-[#e8d9c0]/60 last:border-0",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 mb-5",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Navigation, { className: "w-5 h-5 text-[#213f31]/40" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+								className: "font-sans font-bold uppercase text-xs tracking-[0.2em] text-[#213f31]/40",
+								children: "Spostamenti"
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col @md:flex-row @md:items-center justify-between bg-white p-5 rounded-xl border border-[#e8d9c0] pl-6 gap-5 shadow-sm",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex flex-wrap items-center gap-3 text-[#213f31] font-heading text-2xl",
 								children: [
-									props.sections.logistics.from,
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.logistics.from }),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-muted-foreground text-xs",
-										children: "→"
+										className: "text-[#e8d9c0] mx-2",
+										children: "⟶"
 									}),
-									props.sections.logistics.to
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.logistics.to })
 								]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-								className: "flex gap-2 items-center",
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "text-xs bg-muted px-2 py-0.5 rounded flex items-center gap-1",
-									children: [props.sections.logistics.transportIcon && LOGISTICS_ICON_MAP[props.sections.logistics.transportIcon] && (() => {
-										const Icon = LOGISTICS_ICON_MAP[props.sections.logistics.transportIcon];
-										return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "w-3 h-3" });
-									})(), props.sections.logistics.time]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "flex items-center gap-4 shrink-0",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-center gap-2 bg-[#faf8f3] px-4 py-2 rounded-full border border-[#e8d9c0]",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(props.logistics.transport && LOGISTICS_ICON_MAP[props.logistics.transport] ? LOGISTICS_ICON_MAP[props.logistics.transport] : LOGISTICS_ICON_MAP.default, { className: "w-4 h-4 text-[#213f31]/70" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-sm font-semibold uppercase tracking-wider text-[#213f31]/80",
+										children: props.logistics.time
+									})]
 								})
-							}),
-							props.sections.logistics.note && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-xs text-muted-foreground italic",
-								children: props.sections.logistics.note
-							})
-						]
-					})]
+							})]
+						}),
+						props.logistics.note && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "text-sm text-[#213f31]/60 italic mt-3 pl-2 @md:pl-4",
+							children: props.logistics.note
+						})
+					]
 				}),
-				props.sections.curiosity && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "py-5 border-b border-border/50 last:border-0",
+				props.curiosity && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "py-8 last:border-0",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "bg-accent/5 rounded-lg p-4 flex gap-3 items-start",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lightbulb, { className: "w-5 h-5 text-accent shrink-0 mt-0.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-							className: "text-sm italic text-foreground/90 leading-relaxed",
-							children: props.sections.curiosity.text
-						})]
+						className: "bg-gradient-to-r from-[#f4ebd9]/40 to-transparent rounded-2xl p-6 flex gap-5 items-start border border-[#e8d9c0]/60 relative overflow-hidden",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1.5 bg-[#b8955e]" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "bg-white p-2.5 rounded-full shadow-sm shrink-0 border border-[#e8d9c0]",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lightbulb, { className: "w-5 h-5 text-[#b8955e]" })
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-[10px] uppercase tracking-widest font-bold text-[#b8955e] block mb-2",
+								children: "Lo sapevi che?"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "text-base font-sans text-[#213f31]/90 leading-relaxed italic",
+								children: props.curiosity
+							})] })
+						]
 					})
 				})
 			]
@@ -69923,111 +70053,144 @@ const DayPlanSkeleton = (_props) => {
 const GolfClubSpotlight = ({ props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "golf-club-spotlight",
-		className: cn$1("bg-card rounded-xl border border-border shadow-sm relative overflow-hidden flex flex-col @md:flex-row"),
+		className: cn$1("bg-white rounded-2xl border border-[#e8d9c0] shadow-lg relative overflow-hidden flex flex-col @md:flex-row"),
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "absolute top-0 right-0 bg-accent text-white text-[10px] font-bold uppercase tracking-widest px-4 py-1.5 rounded-bl-lg z-10",
+				className: "absolute top-0 right-0 bg-[#478264] text-white text-[9px] font-bold uppercase tracking-[0.2em] px-4 py-2 rounded-bl-xl z-20 shadow-md",
 				children: "Network Golf in Veneto"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "w-full @md:w-2/5 min-h-[250px] relative",
-				children: props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-					src: props.imageSrc,
-					alt: props.name,
-					className: "w-full h-full object-cover"
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "w-full h-full bg-gradient-to-br from-primary/80 to-primary flex items-center justify-center p-8",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Flag, { className: "w-16 h-16 text-white/20" })
-				})
-			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "w-full @md:w-3/5 p-6 @md:p-8 flex flex-col",
+				className: "w-full @md:w-5/12 min-h-[300px] relative",
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-						className: "font-heading text-3xl text-foreground mb-1 pr-12",
-						children: props.name
+					props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+						src: props.imageSrc,
+						alt: props.name,
+						className: "w-full h-full object-cover"
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "w-full h-full bg-gradient-to-br from-[#213f31] to-[#12241b] flex items-center justify-center p-8",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Flag, { className: "w-20 h-20 text-white/10" })
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "font-serif italic text-muted-foreground text-lg mb-6",
-						children: props.tagline
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "absolute bottom-4 left-4 right-4 z-10 block @md:hidden text-white",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "font-heading text-3xl mb-1",
+							children: props.name
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "font-sans text-sm font-light italic text-white/80",
+							children: props.tagline
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "w-full @md:w-7/12 p-6 @md:p-8 flex flex-col",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "hidden @md:block mb-6",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "font-heading text-4xl text-[#213f31] mb-2 pr-12 leading-tight",
+							children: props.name
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "font-heading italic text-[#478264] text-xl",
+							children: props.tagline
+						})]
 					}),
 					props.stats && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "grid grid-cols-2 @lg:grid-cols-3 gap-3 mb-6",
+						className: "grid grid-cols-2 @lg:grid-cols-3 gap-3 mb-8",
 						children: [
 							props.stats.holes && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 bg-muted/50 p-2.5 rounded-lg border border-border/50",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Circle, { className: "w-4 h-4 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 bg-[#faf8f3] p-3 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-1.5 rounded-full shadow-sm border border-[#e8d9c0]",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Circle, { className: "w-4 h-4 text-[#478264]" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] uppercase text-muted-foreground font-semibold",
-										children: "Holes"
+										className: "text-[9px] uppercase tracking-widest text-[#213f31]/50 font-bold",
+										children: "Buche"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm font-medium",
+										className: "text-sm font-bold text-[#213f31]",
 										children: props.stats.holes
 									})]
 								})]
 							}),
 							props.stats.par && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 bg-muted/50 p-2.5 rounded-lg border border-border/50",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Target, { className: "w-4 h-4 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 bg-[#faf8f3] p-3 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-1.5 rounded-full shadow-sm border border-[#e8d9c0]",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Target, { className: "w-4 h-4 text-[#478264]" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] uppercase text-muted-foreground font-semibold",
+										className: "text-[9px] uppercase tracking-widest text-[#213f31]/50 font-bold",
 										children: "Par"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm font-medium",
+										className: "text-sm font-bold text-[#213f31]",
 										children: props.stats.par
 									})]
 								})]
 							}),
 							props.stats.distance && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 bg-muted/50 p-2.5 rounded-lg border border-border/50",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ruler, { className: "w-4 h-4 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 bg-[#faf8f3] p-3 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-1.5 rounded-full shadow-sm border border-[#e8d9c0]",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ruler, { className: "w-4 h-4 text-[#478264]" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] uppercase text-muted-foreground font-semibold",
-										children: "Length"
+										className: "text-[9px] uppercase tracking-widest text-[#213f31]/50 font-bold",
+										children: "Lunghezza"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm font-medium",
+										className: "text-sm font-bold text-[#213f31]",
 										children: props.stats.distance
 									})]
 								})]
 							}),
 							props.stats.courses && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 bg-muted/50 p-2.5 rounded-lg border border-border/50",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-4 h-4 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 bg-[#faf8f3] p-3 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-1.5 rounded-full shadow-sm border border-[#e8d9c0]",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-4 h-4 text-[#478264]" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] uppercase text-muted-foreground font-semibold",
-										children: "Courses"
+										className: "text-[9px] uppercase tracking-widest text-[#213f31]/50 font-bold",
+										children: "Percorsi"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm font-medium",
+										className: "text-sm font-bold text-[#213f31]",
 										children: props.stats.courses
 									})]
 								})]
 							}),
 							props.stats.difficulty && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 bg-muted/50 p-2.5 rounded-lg border border-border/50",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Gauge, { className: "w-4 h-4 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 bg-[#faf8f3] p-3 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-1.5 rounded-full shadow-sm border border-[#e8d9c0]",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Gauge, { className: "w-4 h-4 text-[#478264]" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] uppercase text-muted-foreground font-semibold",
-										children: "Difficulty"
+										className: "text-[9px] uppercase tracking-widest text-[#213f31]/50 font-bold",
+										children: "Difficoltà"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm font-medium",
+										className: "text-sm font-bold text-[#213f31]",
 										children: props.stats.difficulty
 									})]
 								})]
 							}),
 							props.stats.terrain && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-2 bg-muted/50 p-2.5 rounded-lg border border-border/50",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mountain, { className: "w-4 h-4 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 bg-[#faf8f3] p-3 rounded-xl border border-[#e8d9c0]/50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "bg-white p-1.5 rounded-full shadow-sm border border-[#e8d9c0]",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mountain, { className: "w-4 h-4 text-[#478264]" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex flex-col",
 									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-[10px] uppercase text-muted-foreground font-semibold",
-										children: "Terrain"
+										className: "text-[9px] uppercase tracking-widest text-[#213f31]/50 font-bold",
+										children: "Terreno"
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-sm font-medium",
+										className: "text-sm font-bold text-[#213f31]",
 										children: props.stats.terrain
 									})]
 								})]
@@ -70035,36 +70198,36 @@ const GolfClubSpotlight = ({ props }) => {
 						]
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "text-sm text-foreground/80 leading-relaxed mb-6",
+						className: "text-sm text-[#213f31]/80 leading-relaxed mb-6 font-sans",
 						children: props.description
 					}),
 					props.attractions && props.attractions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "mb-6",
+						className: "mb-6 bg-[#faf8f3] p-4 rounded-xl border border-[#e8d9c0]/50",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", {
-							className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2",
-							children: "Nearby Attractions"
+							className: "text-[10px] font-bold uppercase tracking-widest text-[#213f31]/60 mb-3",
+							children: "Nei dintorni"
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
-							className: "text-sm space-y-1",
+							className: "text-sm space-y-2 grid grid-cols-1 @lg:grid-cols-2 gap-x-4",
 							children: props.attractions.map((attr, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
-								className: "flex items-center gap-2 text-foreground/80",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-1 h-1 rounded-full bg-accent" }), attr]
+								className: "flex items-center gap-2 text-[#213f31]/90",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-[#e8d9c0]" }), attr]
 							}, i))
 						})]
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "mt-auto pt-4 border-t border-border flex flex-wrap gap-4 text-xs text-muted-foreground",
+						className: "mt-auto pt-5 border-t border-[#e8d9c0] flex flex-wrap gap-5 text-xs text-[#213f31]/60 font-medium",
 						children: [
 							props.address && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.address })]
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-4 h-4 text-[#478264]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.address })]
 							}),
 							props.phone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.phone })]
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "w-4 h-4 text-[#478264]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.phone })]
 							}),
 							props.email && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex items-center gap-1.5",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mail, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.email })]
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mail, { className: "w-4 h-4 text-[#478264]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.email })]
 							})
 						]
 					})
@@ -70112,52 +70275,51 @@ const GolfClubSpotlightSkeleton = (_props) => {
 };
 //#endregion
 //#region src/blocks/experience-grid.tsx
-const CATEGORY_COLORS = {
-	wine: "bg-[#722F37] text-white",
-	food: "bg-[#D2691E] text-white",
-	art: "bg-[#4B0082] text-white",
-	nature: "bg-[#2E8B57] text-white",
-	family: "bg-[#4169E1] text-white",
-	outdoor: "bg-[#556B2F] text-white",
-	wellness: "bg-[#9370DB] text-white"
-};
 const ExperienceGrid = ({ props, children }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "experience-grid",
-		className: cn$1("space-y-6"),
-		children: [props.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-			className: "font-heading text-2xl @md:text-3xl text-foreground",
-			children: props.title
+		className: cn$1("space-y-6 @md:space-y-8 py-4"),
+		children: [props.title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col items-center mb-8",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-8 h-px bg-[#478264] mb-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+				className: "font-heading text-3xl @md:text-4xl text-[#213f31] text-center italic",
+				children: props.title
+			})]
 		}), props.experiences && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "grid grid-cols-1 @md:grid-cols-2 @lg:grid-cols-3 gap-4",
+			className: "grid grid-cols-1 @md:grid-cols-2 @lg:grid-cols-3 gap-6",
 			children: props.experiences.map((exp, i) => {
 				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "bg-card rounded-xl border border-border p-5 hover:shadow-md transition-shadow flex flex-col h-full relative overflow-hidden",
+					className: "bg-white rounded-xl border border-[#e8d9c0]/50 p-6 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col h-full relative group",
 					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 left-0 w-full h-1 bg-[#478264] rounded-t-xl opacity-0 group-hover:opacity-100 transition-opacity" }),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "mb-4",
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: cn$1("text-[10px] uppercase font-bold tracking-wider px-2 py-1 rounded-md", CATEGORY_COLORS[exp.category?.toLowerCase()] || "bg-accent text-white"),
+								className: "text-[10px] uppercase font-bold tracking-[0.2em] px-3 py-1.5 rounded-sm bg-[#faf8f3] text-[#213f31]/60 border border-[#e8d9c0]",
 								children: exp.category
 							})
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-							className: "font-semibold text-lg text-foreground mb-1 leading-tight",
+							className: "font-heading text-2xl text-[#213f31] mb-2 leading-tight group-hover:text-[#478264] transition-colors",
 							children: exp.name
 						}),
 						exp.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex items-center gap-1 text-xs text-muted-foreground mb-3",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3 h-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: exp.location })]
+							className: "flex items-center gap-1.5 text-xs text-[#213f31]/50 uppercase tracking-widest font-semibold mb-4",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: exp.location })]
 						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-							className: "text-sm text-foreground/80 leading-relaxed mb-4 flex-grow",
+							className: "text-sm text-[#213f31]/80 leading-relaxed mb-6 flex-grow font-sans",
 							children: exp.description
 						}),
 						exp.highlight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-							className: "mt-auto pt-3 border-t border-border/50",
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-								className: "text-sm italic text-accent font-serif",
-								children: exp.highlight
+							className: "mt-auto pt-4 border-t border-[#e8d9c0]/50",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+								className: "text-sm italic text-[#b8955e] font-serif leading-relaxed",
+								children: [
+									"\"",
+									exp.highlight,
+									"\""
+								]
 							})
 						})
 					]
@@ -70207,80 +70369,95 @@ const RouteStrip = ({ props }) => {
 	if (!props.legs || props.legs.length === 0) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "route-strip",
-		className: cn$1("bg-muted rounded-xl p-6 overflow-hidden"),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "hidden @md:flex items-center justify-between relative w-full pt-4 pb-2 px-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-1/2 left-8 right-8 h-[2px] border-b-2 border-dashed border-border/60 -translate-y-1/2 z-0" }), props.legs.map((leg, i) => {
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "relative z-10 flex flex-col items-center bg-muted px-4 group",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "flex items-center justify-center w-10 h-10 rounded-full bg-card border-2 border-primary/20 text-primary shadow-sm group-hover:border-primary transition-colors mb-3",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TRANSPORT_ICONS[leg.transport?.toLowerCase()] || Car, { className: "w-5 h-5" })
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col items-center text-center max-w-[120px]",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-xs font-bold text-foreground mb-0.5",
-								children: leg.from
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-								className: "text-[10px] text-muted-foreground mb-1",
-								children: ["to ", leg.to]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "flex gap-1",
-								children: [leg.time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "bg-primary/10 text-primary text-[9px] px-1.5 py-0.5 rounded font-medium",
-									children: leg.time
-								}), leg.distance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "bg-primary/10 text-primary text-[9px] px-1.5 py-0.5 rounded font-medium",
-									children: leg.distance
-								})]
-							})
-						]
-					})]
-				}, i);
-			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex @md:hidden flex-col gap-6 relative pl-4 py-2",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-4 bottom-4 left-[27px] w-[2px] border-l-2 border-dashed border-border/60 z-0" }), props.legs.map((leg, i) => {
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "relative z-10 flex items-start gap-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "flex items-center justify-center w-8 h-8 rounded-full bg-card border-2 border-primary/20 text-primary shadow-sm shrink-0",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TRANSPORT_ICONS[leg.transport?.toLowerCase()] || Car, { className: "w-4 h-4" })
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col pt-1",
+		className: cn$1("bg-[#faf8f3] border border-[#e8d9c0] rounded-2xl p-6 @md:p-10 shadow-sm relative overflow-hidden"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 right-0 w-32 h-32 bg-[#e8d9c0]/10 rounded-bl-full -z-0" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+				className: "font-heading text-2xl text-[#213f31] mb-8 text-center italic",
+				children: "Il tuo itinerario"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "hidden @md:flex items-center justify-between relative w-full px-8 pb-4 z-10",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-8 left-16 right-16 h-[1px] border-b border-dashed border-[#e8d9c0] -translate-y-1/2 z-0" }), props.legs.map((leg, i) => {
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "relative z-10 flex flex-col items-center group w-40",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex items-center gap-1.5 mb-0.5",
+							className: "flex items-center justify-center w-16 h-16 rounded-full bg-white border border-[#e8d9c0] shadow-md group-hover:border-[#b8955e] group-hover:shadow-lg transition-all mb-4 relative",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TRANSPORT_ICONS[leg.transport?.toLowerCase()] || Car, { className: "w-6 h-6 text-[#213f31]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -bottom-2 w-2 h-2 rounded-full bg-[#b8955e]" })]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center text-center",
 							children: [
 								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "text-sm font-bold text-foreground",
+									className: "text-sm font-heading text-[#213f31] mb-1 text-xl leading-tight",
 									children: leg.from
 								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "text-muted-foreground text-xs",
-									children: "→"
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "text-[10px] uppercase tracking-widest text-[#213f31]/40 font-bold mb-2",
+									children: ["verso ", leg.to]
 								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-									className: "text-sm font-medium text-foreground/80",
-									children: leg.to
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex gap-2 bg-white px-3 py-1.5 rounded-sm border border-[#e8d9c0] shadow-sm",
+									children: [
+										leg.time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-[#b8955e] text-[10px] font-bold uppercase tracking-wider",
+											children: leg.time
+										}),
+										leg.time && leg.distance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-[#e8d9c0]",
+											children: "|"
+										}),
+										leg.distance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-[#b8955e] text-[10px] font-bold uppercase tracking-wider",
+											children: leg.distance
+										})
+									]
 								})
 							]
+						})]
+					}, i);
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex @md:hidden flex-col gap-8 relative pl-6 py-4 z-10",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-8 bottom-8 left-[39px] w-[1px] border-l border-dashed border-[#e8d9c0] z-0" }), props.legs.map((leg, i) => {
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "relative z-10 flex items-start gap-6",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center justify-center w-12 h-12 rounded-full bg-white border border-[#e8d9c0] shadow-sm shrink-0 relative mt-1",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TRANSPORT_ICONS[leg.transport?.toLowerCase()] || Car, { className: "w-5 h-5 text-[#213f31]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute -right-1 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#b8955e]" })]
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex gap-2 mt-1",
-							children: [leg.time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "bg-primary/10 text-primary text-[10px] px-2 py-0.5 rounded font-medium",
-								children: leg.time
-							}), leg.distance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "bg-primary/10 text-primary text-[10px] px-2 py-0.5 rounded font-medium",
-								children: leg.distance
+							className: "flex flex-col bg-white p-4 rounded-xl border border-[#e8d9c0] shadow-sm w-full",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-2 mb-2 flex-wrap",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-xl font-heading text-[#213f31]",
+										children: leg.from
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-[#e8d9c0] mx-1",
+										children: "⟶"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-xl font-heading text-[#213f31]/80",
+										children: leg.to
+									})
+								]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex gap-3",
+								children: [leg.time && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "bg-[#faf8f3] border border-[#e8d9c0]/50 text-[#b8955e] text-[9px] uppercase tracking-widest font-bold px-2 py-1 rounded-sm",
+									children: leg.time
+								}), leg.distance && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "bg-[#faf8f3] border border-[#e8d9c0]/50 text-[#b8955e] text-[9px] uppercase tracking-widest font-bold px-2 py-1 rounded-sm",
+									children: leg.distance
+								})]
 							})]
 						})]
-					})]
-				}, i);
-			})]
-		})]
+					}, i);
+				})]
+			})
+		]
 	});
 };
 //#endregion
@@ -70333,54 +70510,61 @@ const TasteCard = ({ props }) => {
 	const Icon = BADGE_ICONS[props.type?.toLowerCase()] || Sparkles;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "taste-card",
-		className: cn$1("bg-card rounded-xl border border-border shadow-sm overflow-hidden flex flex-col @md:flex-row"),
+		className: cn$1("bg-[#faf8f3] rounded-2xl border border-[#e8d9c0] shadow-lg overflow-hidden flex flex-col @md:flex-row group"),
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "w-full @md:w-[40%] min-h-[200px] relative",
-			children: [props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-				src: props.imageSrc,
-				alt: props.name,
-				className: "w-full h-full object-cover"
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "w-full h-full bg-gradient-to-br from-accent/20 to-accent/5 flex items-center justify-center p-8",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "w-12 h-12 text-accent/40" })
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "absolute top-3 left-3 bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-md shadow-sm flex items-center gap-1.5 z-10",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "w-3.5 h-3.5 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-[10px] font-bold uppercase tracking-widest text-foreground",
-					children: props.type
-				})]
-			})]
+			className: "w-full @md:w-[45%] min-h-[250px] relative overflow-hidden",
+			children: [
+				props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+					src: props.imageSrc,
+					alt: props.name,
+					className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "w-full h-full bg-[#f4ebd9] flex items-center justify-center p-8",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "w-16 h-16 text-[#b8955e]/20" })
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "absolute top-4 left-4 bg-white/95 backdrop-blur px-3 py-1.5 rounded-sm shadow-md flex items-center gap-2 z-10 border border-[#e8d9c0]/50",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "w-4 h-4 text-[#8b3a3a]" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-[10px] font-bold uppercase tracking-widest text-[#213f31]",
+						children: props.type
+					})]
+				})
+			]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "w-full @md:w-[60%] p-5 @md:p-6 flex flex-col",
+			className: "w-full @md:w-[55%] p-6 @md:p-8 flex flex-col bg-white",
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-					className: "font-heading text-xl text-foreground mb-1",
+					className: "font-heading text-3xl text-[#213f31] mb-2 leading-tight",
 					children: props.name
 				}),
 				props.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex items-center gap-1 text-xs text-muted-foreground mb-4",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3 h-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.location })]
+					className: "flex items-center gap-1.5 text-[10px] uppercase tracking-[0.2em] font-bold text-[#b8955e] mb-5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.location })]
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "text-sm text-foreground/80 leading-relaxed mb-4",
+					className: "text-base text-[#213f31]/80 leading-relaxed mb-6 font-sans",
 					children: props.description
 				}),
 				props.highlights && props.highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex flex-wrap gap-2 mb-4",
+					className: "flex flex-wrap gap-2 mb-6",
 					children: props.highlights.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "bg-accent/10 text-accent text-xs font-medium px-3 py-1 rounded-full",
+						className: "bg-[#faf8f3] border border-[#e8d9c0] text-[#213f31]/70 text-[10px] uppercase tracking-widest font-bold px-3 py-1.5 rounded-sm shadow-sm",
 						children: item
 					}, i))
 				}),
-				props.recommendation && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "mt-auto bg-card border border-accent/20 border-l-2 border-l-accent rounded-r-lg p-3",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-						className: "text-xs italic text-foreground/90",
+				props.recommendation && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-auto bg-gradient-to-r from-[#fdfbf7] to-white border border-[#e8d9c0]/50 border-l-2 border-l-[#8b3a3a] rounded-r-lg p-4 shadow-sm relative overflow-hidden",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "absolute right-0 top-0 bottom-0 opacity-5",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UtensilsCrossed, { className: "w-16 h-16" })
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "text-sm italic text-[#213f31]/90 leading-relaxed relative z-10",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "font-semibold text-accent not-italic mr-1",
-							children: "Must try:"
+							className: "font-sans font-bold uppercase tracking-widest text-[9px] text-[#8b3a3a] not-italic block mb-1",
+							children: "Da non perdere"
 						}), props.recommendation]
-					})
+					})]
 				})
 			]
 		})]
@@ -70414,58 +70598,63 @@ const TasteCardSkeleton = (_props) => {
 const StayCard = ({ props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "stay-card",
-		className: cn$1("bg-card rounded-xl border border-border shadow-sm overflow-hidden flex flex-col relative"),
+		className: cn$1("bg-white rounded-2xl border border-[#e8d9c0] shadow-lg overflow-hidden flex flex-col relative group"),
 		children: [
 			props.priceRange && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "absolute top-3 right-3 bg-white/90 backdrop-blur-sm px-2 py-1 rounded shadow-sm z-10 text-xs font-bold text-foreground",
+				className: "absolute top-4 right-4 bg-[#213f31]/90 backdrop-blur px-3 py-1.5 rounded-sm shadow-md z-10 text-[10px] uppercase tracking-[0.2em] font-bold text-[#e8d9c0] border border-[#e8d9c0]/20",
 				children: props.priceRange
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "w-full aspect-video relative",
-				children: props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "w-full aspect-[4/3] relative overflow-hidden",
+				children: [props.imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
 					src: props.imageSrc,
 					alt: props.name,
-					className: "w-full h-full object-cover"
+					className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
 				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "w-full h-full bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bed, { className: "w-12 h-12 text-muted-foreground/30" })
-				})
+					className: "w-full h-full bg-[#faf8f3] flex items-center justify-center border-b border-[#e8d9c0]",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bed, { className: "w-12 h-12 text-[#b8955e]/20" })
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" })]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "p-5 flex flex-col flex-grow",
+				className: "p-6 @md:p-8 flex flex-col flex-grow relative bg-white",
 				children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2 mb-2",
+						className: "absolute -top-6 left-6 right-6 flex items-center justify-between",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-[10px] font-bold uppercase tracking-wider text-accent bg-accent/10 px-2 py-0.5 rounded",
+							className: "text-[10px] font-bold uppercase tracking-widest text-white bg-[#b8955e] px-3 py-1.5 rounded-sm shadow-md",
 							children: props.type
 						}), props.stars && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-							className: "flex text-yellow-500 text-xs tracking-tighter",
+							className: "flex gap-0.5 text-[#e8d9c0] text-sm tracking-tighter bg-[#213f31] px-2 py-1 rounded-sm shadow-md",
 							children: "★".repeat(props.stars)
 						})]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-						className: "font-heading text-xl text-foreground leading-tight mb-1",
-						children: props.name
-					}),
-					props.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-1 text-xs text-muted-foreground mb-4",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3 h-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.location })]
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "mt-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "font-heading text-3xl text-[#213f31] leading-tight mb-2",
+							children: props.name
+						}), props.location && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-1.5 text-[10px] uppercase tracking-widest font-bold text-[#213f31]/50 mb-5",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.location })]
+						})]
 					}),
 					props.features && props.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "flex flex-wrap gap-2 mb-4",
+						className: "flex flex-col gap-2 mb-6",
 						children: props.features.map((feature, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-							className: "flex items-center gap-1 text-[11px] font-medium text-foreground/70 bg-muted px-2 py-1 rounded",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleCheck, { className: "w-3 h-3 text-accent" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: feature })]
+							className: "flex items-start gap-3 text-sm text-[#213f31]/80 font-sans",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "mt-0.5 bg-[#b8955e]/10 p-0.5 rounded-full shrink-0",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "w-3 h-3 text-[#b8955e]" })
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: feature })]
 						}, i))
 					}),
 					props.whyPerfect && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "mt-auto bg-accent/5 border-l-2 border-accent rounded-r-lg p-3",
+						className: "mt-auto bg-[#faf8f3] border border-[#e8d9c0] rounded-xl p-5 shadow-sm",
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-							className: "text-sm italic text-foreground/80 leading-relaxed",
+							className: "text-sm italic text-[#213f31]/80 leading-relaxed",
 							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "font-semibold not-italic block text-xs text-foreground mb-0.5",
-								children: "Why it's perfect:"
+								className: "font-sans font-bold not-italic block text-[9px] uppercase tracking-[0.2em] text-[#b8955e] mb-1.5",
+								children: "L'opinione dell'esperto"
 							}), props.whyPerfect]
 						})
 					})
@@ -70504,61 +70693,78 @@ const StayCardSkeleton = (_props) => {
 //#endregion
 //#region src/blocks/trip-summary.tsx
 const TripSummary = ({ props }) => {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "trip-summary",
-		className: cn$1("bg-primary text-primary-foreground rounded-xl px-6 py-12 @md:px-12 relative overflow-hidden"),
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "relative z-10 flex flex-col items-center max-w-4xl mx-auto space-y-10",
-			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-					className: "font-heading text-3xl @md:text-4xl text-center",
-					children: props.title
-				}),
-				props.stats && props.stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "flex flex-wrap justify-center gap-8 @md:gap-16 w-full",
-					children: props.stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex flex-col items-center",
+		className: cn$1("bg-[#213f31] text-[#faf8f3] rounded-2xl px-6 py-16 @md:px-12 relative overflow-hidden shadow-2xl"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 z-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10 mix-blend-overlay" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/40 to-transparent z-0" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "relative z-10 flex flex-col items-center max-w-4xl mx-auto space-y-12",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "text-center space-y-4",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "font-heading text-4xl @md:text-5xl italic text-accent mb-1",
-							children: stat.value
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-xs uppercase tracking-widest font-semibold text-primary-foreground/70",
-							children: stat.label
+							className: "text-[10px] uppercase tracking-[0.3em] font-bold text-[#e8d9c0]",
+							children: "Il Tuo Viaggio in Sintesi"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "font-heading italic text-4xl @md:text-5xl text-center leading-tight",
+							children: props.title
 						})]
-					}, i))
-				}),
-				props.highlights && props.highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "bg-primary-foreground/10 rounded-2xl p-6 @md:p-8 w-full max-w-2xl backdrop-blur-sm",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
-						className: "grid grid-cols-1 @md:grid-cols-2 gap-y-4 gap-x-8",
-						children: props.highlights.map((hl, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
-							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "w-5 h-5 text-accent shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "text-sm font-medium",
-								children: hl
+					}),
+					props.stats && props.stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex flex-wrap justify-center gap-10 @md:gap-20 w-full py-8 border-y border-white/10",
+						children: props.stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "font-heading text-5xl @md:text-6xl italic text-[#e8d9c0] mb-2 drop-shadow-md",
+								children: stat.value
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-[10px] uppercase tracking-[0.2em] font-bold text-white/70",
+								children: stat.label
 							})]
 						}, i))
+					}),
+					props.highlights && props.highlights.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "w-full max-w-3xl",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "text-center font-sans text-xs uppercase tracking-[0.2em] font-bold text-[#e8d9c0] mb-8",
+							children: "Highlights dell'Esperienza"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+							className: "grid grid-cols-1 @md:grid-cols-2 gap-y-6 gap-x-12",
+							children: props.highlights.map((hl, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+								className: "flex items-start gap-4",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "mt-1 bg-[#478264] rounded-full p-1 shrink-0 shadow-md border border-[#478264]/20",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "w-3 h-3 text-white" })
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-sm font-medium leading-relaxed text-white/90",
+									children: hl
+								})]
+							}, i))
+						})]
+					}),
+					props.closingMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "pt-8 w-full max-w-2xl text-center",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+							className: "font-heading italic text-2xl @md:text-3xl text-[#e8d9c0] leading-snug",
+							children: [
+								"“",
+								props.closingMessage,
+								"”"
+							]
+						})
+					}),
+					props.ctaText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mt-8",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+							className: "bg-[#e8d9c0] hover:bg-white text-[#213f31] rounded-full px-10 py-7 text-xs font-bold uppercase tracking-[0.2em] shadow-xl transition-all hover:scale-105 border-0",
+							children: props.ctaText
+						})
 					})
-				}),
-				props.closingMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
-					className: "font-heading italic text-xl @md:text-2xl text-center text-primary-foreground/90 max-w-2xl",
-					children: [
-						"\"",
-						props.closingMessage,
-						"\""
-					]
-				}),
-				props.ctaText && props.ctaUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-					asChild: true,
-					variant: "outline",
-					className: "border-primary-foreground text-foreground hover:bg-primary-foreground hover:text-primary rounded-full px-8 py-6 text-sm font-bold uppercase tracking-wider mt-4",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
-						href: props.ctaUrl,
-						children: props.ctaText
-					})
-				})
-			]
-		})
+				]
+			})
+		]
 	});
 };
 //#endregion
@@ -70608,24 +70814,38 @@ const TripSummarySkeleton = (_props) => {
 const InsiderTip = ({ props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"data-type": "insider-tip",
-		className: cn$1("bg-accent/5 border-l-4 border-accent rounded-r-xl px-5 py-4 @md:px-6 @md:py-5 flex gap-4"),
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lightbulb, { className: "w-6 h-6 text-accent shrink-0 mt-0.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col space-y-1.5",
-			children: [
-				props.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", {
-					className: "font-semibold text-foreground",
-					children: props.title
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "font-sans text-sm text-foreground/90 leading-relaxed",
-					children: props.text
-				}),
-				props.source && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: "text-xs italic text-muted-foreground mt-2",
-					children: props.source
-				})
-			]
-		})]
+		className: cn$1("bg-gradient-to-r from-[#f4ebd9] to-white border border-[#e8d9c0] rounded-xl px-6 py-5 @md:px-8 @md:py-6 flex gap-5 shadow-sm relative overflow-hidden"),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1.5 bg-[#b8955e]" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "bg-white p-3 rounded-full shadow-sm shrink-0 h-fit border border-[#e8d9c0]/50",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lightbulb, { className: "w-6 h-6 text-[#b8955e]" })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col space-y-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex items-center gap-2",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-[9px] uppercase tracking-widest font-bold text-[#b8955e] bg-[#b8955e]/10 px-2 py-1 rounded-sm",
+							children: "Il consiglio del concierge"
+						})
+					}),
+					props.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", {
+						className: "font-heading text-xl text-[#213f31] leading-tight",
+						children: props.title
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "font-sans text-sm text-[#213f31]/80 leading-relaxed",
+						children: props.text
+					}),
+					props.source && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-[10px] uppercase tracking-widest font-bold text-[#213f31]/40 mt-3 block",
+						children: props.source
+					})
+				]
+			})
+		]
 	});
 };
 //#endregion