Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -47,18 +47,18 @@ export default function LandingPage() {
|
||||
description="Comida caseira mineira com sabor de casa. Experimente pratos autênticos preparados com ingredientes frescos e tradição familiar."
|
||||
tag="Autêntico & Caseiro"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Ver Cardápio", href: "#menu" },
|
||||
{ text: "Pedir pelo WhatsApp", href: "https://wa.me/5519995989815?text=Olá! Gostaria de fazer um pedido" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-slicing-cooked-meat-chopping-board_23-2147841083.jpg?_wi=1", imageAlt: "Comida brasileira mineira autêntica" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-barbecue-sauce-with-rice_140725-7299.jpg?_wi=1", imageAlt: "Costelinha ao barbecue" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg?_wi=1", imageAlt: "Cupim assado tradicional" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-chicken-rice-plate-with-basil-leaves_23-2148097293.jpg?_wi=1", imageAlt: "Prato vegetariano" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweets-with-cookies-wooden-desk_140725-91417.jpg?_wi=1", imageAlt: "Doces caseiros mineiros" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-slicing-cooked-meat-chopping-board_23-2147841083.jpg", imageAlt: "Comida brasileira mineira autêntica" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-barbecue-sauce-with-rice_140725-7299.jpg", imageAlt: "Costelinha ao barbecue" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg", imageAlt: "Cupim assado tradicional" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-chicken-rice-plate-with-basil-leaves_23-2148097293.jpg", imageAlt: "Prato vegetariano" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweets-with-cookies-wooden-desk_140725-91417.jpg", imageAlt: "Doces caseiros mineiros" }
|
||||
]}
|
||||
ariaLabel="Hero section com imagens de comida mineira"
|
||||
/>
|
||||
@@ -86,7 +86,7 @@ export default function LandingPage() {
|
||||
title: "Ingredientes Frescos", description: "Utilizamos apenas ingredientes de qualidade superior, selecionados cuidadosamente para garantir o melhor sabor."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg"
|
||||
imageAlt="Interior acolhedor do Restaurante O Mineiro"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
@@ -107,16 +107,16 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Costelinha ao Barbecue", price: "R$ 32,00", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-barbecue-sauce-with-rice_140725-7299.jpg?_wi=2", imageAlt: "Costelinha ao barbecue"
|
||||
id: "1", name: "Costelinha ao Barbecue", price: "R$ 32,00", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-barbecue-sauce-with-rice_140725-7299.jpg", imageAlt: "Costelinha ao barbecue"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Cupim Assado", price: "R$ 35,00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg?_wi=2", imageAlt: "Cupim assado tradicional"
|
||||
id: "2", name: "Cupim Assado", price: "R$ 35,00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-focus-grilled-meat-thin-sliced-wooden-board_346278-727.jpg", imageAlt: "Cupim assado tradicional"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Pratos Vegetarianos", price: "R$ 24,00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-chicken-rice-plate-with-basil-leaves_23-2148097293.jpg?_wi=2", imageAlt: "Prato vegetariano"
|
||||
id: "3", name: "Pratos Vegetarianos", price: "R$ 24,00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-tasty-chicken-rice-plate-with-basil-leaves_23-2148097293.jpg", imageAlt: "Prato vegetariano"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Doces Caseiros", price: "R$ 18,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweets-with-cookies-wooden-desk_140725-91417.jpg?_wi=2", imageAlt: "Doces caseiros mineiros"
|
||||
id: "4", name: "Doces Caseiros", price: "R$ 18,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweets-with-cookies-wooden-desk_140725-91417.jpg", imageAlt: "Doces caseiros mineiros"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Seção de destaques do cardápio"
|
||||
@@ -139,7 +139,7 @@ export default function LandingPage() {
|
||||
id: "01", title: "Pratos Refinados", description: "Apresentação cuidadosa de cada prato, refletindo nossa dedicação à qualidade culinária", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breasrt-creamy-mushroom-sauce_114579-1138.jpg", imageAlt: "Pratos refinados com ótima apresentação"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Ambiente Familiar", description: "Um espaço aconchegante e acolhedor onde famílias se reúnem para compartilhar momentos especiais", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg?_wi=2", imageAlt: "Interior aconchegante do restaurante"
|
||||
id: "02", title: "Ambiente Familiar", description: "Um espaço aconchegante e acolhedor onde famílias se reúnem para compartilhar momentos especiais", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132628.jpg", imageAlt: "Interior aconchegante do restaurante"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Buffet Tradicional", description: "Variedade de pratos tradicionais mineiros disponíveis diariamente no nosso buffet", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-topped-with-herbs_140725-6188.jpg", imageAlt: "Buffet com pratos mineiros tradicionais"
|
||||
@@ -216,7 +216,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-s-hand-slicing-cooked-meat-chopping-board_23-2147841083.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-s-hand-slicing-cooked-meat-chopping-board_23-2147841083.jpg"
|
||||
imageAlt="Rodapé com imagem de comida mineira"
|
||||
logoText="Restaurante O Mineiro"
|
||||
copyrightText="© 2025 Restaurante O Mineiro. Todos os direitos reservados."
|
||||
|
||||
@@ -1,51 +1,47 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontFamily?: string;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 48,
|
||||
fontFamily = 'Arial, sans-serif',
|
||||
fontWeight = 'bold',
|
||||
fill = '#000000',
|
||||
className = '',
|
||||
}) => {
|
||||
const textWidth = text.length * (fontSize * 0.6);
|
||||
const viewBoxWidth = textWidth + 40;
|
||||
const viewBoxHeight = fontSize + 40;
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${viewBoxWidth} ${viewBoxHeight}`}
|
||||
width={viewBoxWidth}
|
||||
height={viewBoxHeight}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<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="20"
|
||||
y={fontSize + 10}
|
||||
fontSize={fontSize}
|
||||
fontFamily={fontFamily}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline="auto"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user