Merge version_1 into main #2
@@ -20,7 +20,7 @@ export default function RNBPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -46,18 +46,18 @@ export default function RNBPage() {
|
||||
title="Las noches más épicas de San Isidro empiezan acá"
|
||||
description="Rock, hamburguesas, DJ, cumpleaños con amigos y cerveza helada. Tu nuevo lugar favorito para salir."
|
||||
tag="Rock and Beer"
|
||||
background={{ variant: "blurBottom" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "🍺 Ver el Menú", href: "#menu" },
|
||||
{ text: "🎉 Reservar Mesa", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg?_wi=1", imageAlt: "Bar lleno de gente brindando" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-friends-enjoying-party-bar_23-2148037474.jpg?_wi=1", imageAlt: "Amigos brindando con pintas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=1", imageAlt: "Hamburguesas y papas cargadas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-party_23-2149119642.jpg?_wi=1", imageAlt: "DJ tocando en vivo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173306.jpg?_wi=1", imageAlt: "Cumpleaños en RNB" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-cocktail-shots-with-slice-lemon-kiwi-slice-candles-bar_176474-3056.jpg?_wi=1", imageAlt: "Mesas llenas de gente" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", imageAlt: "Bar lleno de gente brindando" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-friends-enjoying-party-bar_23-2148037474.jpg", imageAlt: "Amigos brindando con pintas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Hamburguesas y papas cargadas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-party_23-2149119642.jpg", imageAlt: "DJ tocando en vivo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173306.jpg", imageAlt: "Cumpleaños en RNB" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-cocktail-shots-with-slice-lemon-kiwi-slice-candles-bar_176474-3056.jpg", imageAlt: "Mesas llenas de gente" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -96,20 +96,16 @@ export default function RNBPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Ambiente Rock", author: "La mejor experiencia", description: "Música buena, DJs y una energía que no encontrás en cualquier bar.", tags: ["Música", "DJ", "Energía"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-party_23-2149119642.jpg?_wi=2", imageAlt: "DJ tocando en el bar"
|
||||
id: "1", title: "Ambiente Rock", author: "La mejor experiencia", description: "Música buena, DJs y una energía que no encontrás en cualquier bar.", tags: ["Música", "DJ", "Energía"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-party_23-2149119642.jpg", imageAlt: "DJ tocando en el bar"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Cerveza Helada", author: "Bebidas de calidad", description: "Cervezas tiradas, tragos y fernet para toda la noche.", tags: ["Cervezas", "Tragos", "Bebidas"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg?_wi=1", imageAlt: "Cervezas y bebidas"
|
||||
id: "2", title: "Cerveza Helada", author: "Bebidas de calidad", description: "Cervezas tiradas, tragos y fernet para toda la noche.", tags: ["Cervezas", "Tragos", "Bebidas"], imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg", imageAlt: "Cervezas y bebidas"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Comida Brutal", author: "Gastronomía rock", description: "Hamburguesas, papas cargadas y comida perfecta para acompañar una birra.", tags: ["Hamburguesas", "Papas", "Comida"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=2", imageAlt: "Hamburguesas y papas"
|
||||
id: "3", title: "Comida Brutal", author: "Gastronomía rock", description: "Hamburguesas, papas cargadas y comida perfecta para acompañar una birra.", tags: ["Hamburguesas", "Papas", "Comida"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Hamburguesas y papas"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Cumpleaños Inolvidables", author: "Celebraciones especiales", description: "Traé a tus amigos y festejá a lo grande con la mejor atmósfera.", tags: ["Cumpleaños", "Eventos", "Celebraciones"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173306.jpg?_wi=2", imageAlt: "Cumpleaños en RNB"
|
||||
id: "4", title: "Cumpleaños Inolvidables", author: "Celebraciones especiales", description: "Traé a tus amigos y festejá a lo grande con la mejor atmósfera.", tags: ["Cumpleaños", "Eventos", "Celebraciones"], imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173306.jpg", imageAlt: "Cumpleaños en RNB"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -124,22 +120,22 @@ export default function RNBPage() {
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Momento", title: "Amigos brindando", excerpt: "La mejor compañía y la mejor cerveza juntas.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-friends-enjoying-party-bar_23-2148037474.jpg?_wi=2", imageAlt: "Amigos brindando", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Siempre"
|
||||
id: "1", category: "Momento", title: "Amigos brindando", excerpt: "La mejor compañía y la mejor cerveza juntas.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-friends-enjoying-party-bar_23-2148037474.jpg", imageAlt: "Amigos brindando", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Siempre"
|
||||
},
|
||||
{
|
||||
id: "2", category: "Comida", title: "Hamburguesas y papas", excerpt: "Comida de calidad que acompaña una buena cerveza.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=3", imageAlt: "Hamburguesas", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Todos los días"
|
||||
id: "2", category: "Comida", title: "Hamburguesas y papas", excerpt: "Comida de calidad que acompaña una buena cerveza.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Hamburguesas", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Todos los días"
|
||||
},
|
||||
{
|
||||
id: "3", category: "Música", title: "DJ en vivo", excerpt: "Las mejores noches con la mejor música.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-party_23-2149119642.jpg?_wi=3", imageAlt: "DJ", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Viernes y sábados"
|
||||
id: "3", category: "Música", title: "DJ en vivo", excerpt: "Las mejores noches con la mejor música.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-party_23-2149119642.jpg", imageAlt: "DJ", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Viernes y sábados"
|
||||
},
|
||||
{
|
||||
id: "4", category: "Decoración", title: "Estética rock", excerpt: "Un ambiente que respira rock desde todos los ángulos.", imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569387.jpg", imageAlt: "Decoración", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Siempre presente"
|
||||
},
|
||||
{
|
||||
id: "5", category: "Eventos", title: "Cumpleaños memorables", excerpt: "Tu festejo con la mejor onda.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173306.jpg?_wi=3", imageAlt: "Cumpleaños", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Reserva tu fecha"
|
||||
id: "5", category: "Eventos", title: "Cumpleaños memorables", excerpt: "Tu festejo con la mejor onda.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173306.jpg", imageAlt: "Cumpleaños", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Reserva tu fecha"
|
||||
},
|
||||
{
|
||||
id: "6", category: "Ambiente", title: "Mesas llenas", excerpt: "La energía de un lugar que vive cada noche.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cocktail-shots-with-slice-lemon-kiwi-slice-candles-bar_176474-3056.jpg?_wi=2", imageAlt: "Mesas llenas", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Cada fin de semana"
|
||||
id: "6", category: "Ambiente", title: "Mesas llenas", excerpt: "La energía de un lugar que vive cada noche.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cocktail-shots-with-slice-lemon-kiwi-slice-candles-bar_176474-3056.jpg", imageAlt: "Mesas llenas", authorName: "Rock and Beer", authorAvatar: "http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg", date: "Cada fin de semana"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -177,28 +173,28 @@ export default function RNBPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Cervezas tiradas", price: "Desde $120", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg?_wi=2", imageAlt: "Cervezas tiradas"
|
||||
id: "1", name: "Cervezas tiradas", price: "Desde $120", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg", imageAlt: "Cervezas tiradas"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Fernet con coca", price: "Desde $80", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg?_wi=3", imageAlt: "Fernet"
|
||||
id: "2", name: "Fernet con coca", price: "Desde $80", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg", imageAlt: "Fernet"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Tragos", price: "Desde $150", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg?_wi=4", imageAlt: "Tragos"
|
||||
id: "3", name: "Tragos", price: "Desde $150", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg", imageAlt: "Tragos"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Vinos", price: "Desde $200", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg?_wi=5", imageAlt: "Vinos"
|
||||
id: "4", name: "Vinos", price: "Desde $200", imageSrc: "http://img.b2bpic.net/free-photo/green-bottles-beer-with-glass-beer-wooden-table_23-2148215839.jpg", imageAlt: "Vinos"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Hamburguesas", price: "Desde $250", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=4", imageAlt: "Hamburguesas"
|
||||
id: "5", name: "Hamburguesas", price: "Desde $250", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Hamburguesas"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Papas con toppings", price: "Desde $180", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=5", imageAlt: "Papas"
|
||||
id: "6", name: "Papas con toppings", price: "Desde $180", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Papas"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Snacks", price: "Desde $100", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=6", imageAlt: "Snacks"
|
||||
id: "7", name: "Snacks", price: "Desde $100", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Snacks"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Sándwiches", price: "Desde $200", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg?_wi=7", imageAlt: "Sándwiches"
|
||||
id: "8", name: "Sándwiches", price: "Desde $200", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg", imageAlt: "Sándwiches"
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "👉 Ver Menú Completo", href: "#" }]}
|
||||
@@ -222,7 +218,7 @@ export default function RNBPage() {
|
||||
title="Tu nuevo bar favorito te está esperando"
|
||||
description="Cerveza fría. Buena música. Gente copada. ¡Reserva tu mesa hoy!"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-gesturing-while-drinking-dinks-with-his-friends-bar_23-2147861989.jpg"
|
||||
imageAlt="Rock and Beer RNB"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -1,51 +1,36 @@
|
||||
"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;
|
||||
className?: string;
|
||||
textClassName?: string;
|
||||
preserveAspectRatio?: string;
|
||||
viewBox?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className,
|
||||
textClassName,
|
||||
preserveAspectRatio = "xMidYMid meet", viewBox = "0 0 200 100"}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
className={className}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
preserveAspectRatio={preserveAspectRatio}
|
||||
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"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
className={textClassName}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user