Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-10 22:36:22 +00:00
2 changed files with 31 additions and 48 deletions

View File

@@ -43,13 +43,13 @@ export default function LandingPage() {
<HeroLogoBillboardSplit
logoText="MARGARITAS"
description="Authentic TexMex, ice-cold margaritas, and service that makes a 50-minute drive feel like a quick trip down the street. Come hungry, leave wondering why you don't come here more often."
background={{ variant: "circleGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Reserve Your Table", href: "#contact" },
{ text: "View Menu & Order", href: "#menu-highlights" }
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/japanese-slipper-cocktail_123827-36011.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/japanese-slipper-cocktail_123827-36011.jpg"
imageAlt="Authentic TexMex spread with margaritas and signature dishes"
mediaAnimation="slide-up"
frameStyle="card"
@@ -65,7 +65,7 @@ export default function LandingPage() {
description="Experience authentic TexMex hospitality in Justin, Texas"
subdescription="Where community and culture meet exceptional food"
icon={Flame}
imageSrc="http://img.b2bpic.net/free-photo/group-cheerful-friends-having-fun-while-having-dinner-toasting-with-wine-dining-table_637285-3338.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/group-cheerful-friends-having-fun-while-having-dinner-toasting-with-wine-dining-table_637285-3338.jpg"
imageAlt="Warm, welcoming interior of Margaritas restaurant"
mediaAnimation="blur-reveal"
useInvertedBackground={true}
@@ -80,7 +80,7 @@ export default function LandingPage() {
tagIcon={Star}
products={[
{
id: "1", name: "Enchiladas Verdes", price: "Call for Details", imageSrc: "http://img.b2bpic.net/free-photo/human-hands-taking-away-dough-letters_23-2147947753.jpg?_wi=1", imageAlt: "Traditional enchiladas verdes with cheese and verde sauce", initialQuantity: 1
id: "1", name: "Enchiladas Verdes", price: "Call for Details", imageSrc: "http://img.b2bpic.net/free-photo/human-hands-taking-away-dough-letters_23-2147947753.jpg", imageAlt: "Traditional enchiladas verdes with cheese and verde sauce", initialQuantity: 1
},
{
id: "2", name: "Carne Asada Tacos", price: "Call for Details", imageSrc: "http://img.b2bpic.net/free-photo/tasty-mexican-food_23-2148140197.jpg", imageAlt: "Authentic street-style carne asada tacos with fresh cilantro", initialQuantity: 1
@@ -110,13 +110,13 @@ export default function LandingPage() {
id: "1", name: "Maria Rodriguez, Local Family", date: "Date: Recently", tag: "Family Regular", title: "Worth Every Minute of the Drive", quote: "We drive 50 minutes every month because the food is authentic, the service feels like family, and the margaritas are ice-cold perfection. This is our happy place.", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-yellow-sweater_273609-22991.jpg", avatarAlt: "Maria Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/people-having-food-drinks-dinner-party_23-2150763405.jpg", imageAlt: "Family gathered around table enjoying meal together"
},
{
id: "2", name: "James Thompson, Business Owner", date: "Date: Recently", tag: "Regular Client", title: "Exceptional Food and Even Better Service", quote: "I bring clients here for lunch meetings. The quality of the TexMex is unmatched, and the staff makes everyone feel welcomed. It's become my go-to spot.", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg", avatarAlt: "James Thompson", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-having-fun-while-having-dinner-toasting-with-wine-dining-table_637285-3338.jpg?_wi=2", imageAlt: "Professional dining atmosphere with quality service"
id: "2", name: "James Thompson, Business Owner", date: "Date: Recently", tag: "Regular Client", title: "Exceptional Food and Even Better Service", quote: "I bring clients here for lunch meetings. The quality of the TexMex is unmatched, and the staff makes everyone feel welcomed. It's become my go-to spot.", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg", avatarAlt: "James Thompson", imageSrc: "http://img.b2bpic.net/free-photo/group-cheerful-friends-having-fun-while-having-dinner-toasting-with-wine-dining-table_637285-3338.jpg", imageAlt: "Professional dining atmosphere with quality service"
},
{
id: "3", name: "Elena Gonzalez, Culinary Expert", date: "Date: Recently", tag: "Authentic Cuisine", title: "Real TexMex Done Right", quote: "As someone who grew up on authentic Mexican food, I can tell when a restaurant honors the tradition. Margaritas gets it right. Everything tastes homemade.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", avatarAlt: "Elena Gonzalez", imageSrc: "http://img.b2bpic.net/free-photo/human-hands-taking-away-dough-letters_23-2147947753.jpg?_wi=2", imageAlt: "Professionally plated traditional Mexican cuisine"
id: "3", name: "Elena Gonzalez, Culinary Expert", date: "Date: Recently", tag: "Authentic Cuisine", title: "Real TexMex Done Right", quote: "As someone who grew up on authentic Mexican food, I can tell when a restaurant honors the tradition. Margaritas gets it right. Everything tastes homemade.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", avatarAlt: "Elena Gonzalez", imageSrc: "http://img.b2bpic.net/free-photo/human-hands-taking-away-dough-letters_23-2147947753.jpg", imageAlt: "Professionally plated traditional Mexican cuisine"
},
{
id: "4", name: "David Chen, Traveler", date: "Date: Recently", tag: "Road Trip Discovery", title: "A Hidden Gem in North Texas", quote: "We discovered this place by accident while passing through. Best decision ever. We've been back three times already and we're already planning our next visit.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-girl-with-red-hairstyle-black-bandage-neck-summer-modern-dress-smiling-looking-away-outdoor_197531-30117.jpg", avatarAlt: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/japanese-slipper-cocktail_123827-36011.jpg?_wi=2", imageAlt: "Complete TexMex spread with margaritas"
id: "4", name: "David Chen, Traveler", date: "Date: Recently", tag: "Road Trip Discovery", title: "A Hidden Gem in North Texas", quote: "We discovered this place by accident while passing through. Best decision ever. We've been back three times already and we're already planning our next visit.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-girl-with-red-hairstyle-black-bandage-neck-summer-modern-dress-smiling-looking-away-outdoor_197531-30117.jpg", avatarAlt: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/japanese-slipper-cocktail_123827-36011.jpg", imageAlt: "Complete TexMex spread with margaritas"
}
]}
/>
@@ -130,7 +130,7 @@ export default function LandingPage() {
description="Whether you're planning a family celebration, a business lunch, or just craving authentic TexMex, we'd love to have you. Call ahead for reservations or walk-ins are always welcome."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/group-cheerful-friends-having-fun-while-having-dinner-toasting-with-wine-dining-table_637285-3338.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/group-cheerful-friends-having-fun-while-having-dinner-toasting-with-wine-dining-table_637285-3338.jpg"
imageAlt="Warm, inviting restaurant interior ready for your visit"
mediaAnimation="opacity"
mediaPosition="right"

View File

@@ -1,51 +1,34 @@
"use client";
import React, { SVGProps } from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text: 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, className = '', ...props }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * 100} 120`}
xmlns="http://www.w3.org/2000/svg"
className={`w-full h-auto ${className}`}
{...props}
>
<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"
}}
>
{logoText}
<defs>
<style>
{`
.svg-text {
font-size: 100px;
font-weight: bold;
fill: currentColor;
}
`}
</style>
</defs>
<text x="50%" y="50%" textAnchor="middle" dominantBaseline="central" className="svg-text">
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;