bender/d2e1efa4-b863-487c-b504-75cab4c9e5be
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-11 17:17:42 +00:00
Conversation 0 Commits 4 Files Changed 4 +112 -300
4 changed files with 112 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/app/menu/page.tsx
View File

@@ -15,7 +15,7 @@ export default function MenuPage() {
borderRadius="soft"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -30,9 +30,7 @@ export default function MenuPage() {
{ name: "Location", id: "location" },
]}
button={{
text: "Reserve Now",
href: "#reservations",
}}
text: "Reserve Now", href: "#reservations"}}
animateOnLoad={true}
/>
</div>
@@ -44,64 +42,28 @@ export default function MenuPage() {
tag="All Items"
products={[
{
id: "ribeye-16",
name: "Prime Ribeye 16oz",
price: "125 PLN",
variant: "Classic grilled to perfection",
imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg?_wi=3",
imageAlt: "Prime ribeye steak",
isFavorited: false,
id: "ribeye-16", name: "Prime Ribeye 16oz", price: "125 PLN", variant: "Classic grilled to perfection", imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg", imageAlt: "Prime ribeye steak", isFavorited: false,
},
{
id: "filet-mignon",
name: "Filet Mignon",
price: "135 PLN",
variant: "8oz premium tenderloin",
imageSrc:
"http://img.b2bpic.net/free-photo/salt-sprinkles-are-fallen-top-beef-steak-served-with-wine_140725-1999.jpg?_wi=2",
imageAlt: "Filet mignon premium cut",
isFavorited: false,
id: "filet-mignon", name: "Filet Mignon", price: "135 PLN", variant: "8oz premium tenderloin", imageSrc:
"http://img.b2bpic.net/free-photo/salt-sprinkles-are-fallen-top-beef-steak-served-with-wine_140725-1999.jpg", imageAlt: "Filet mignon premium cut", isFavorited: false,
},
{
id: "buffalo-burger",
name: "Buffalo Burger",
price: "48 PLN",
variant: "Double patty with special sauce",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg?_wi=3",
imageAlt: "Buffalo burger signature dish",
isFavorited: false,
id: "buffalo-burger", name: "Buffalo Burger", price: "48 PLN", variant: "Double patty with special sauce", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg", imageAlt: "Buffalo burger signature dish", isFavorited: false,
},
{
id: "smash-burger",
name: "Smash Burger",
price: "45 PLN",
variant: "Classic thin patty with cheese",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg?_wi=4",
imageAlt: "Smash burger deluxe",
isFavorited: false,
id: "smash-burger", name: "Smash Burger", price: "45 PLN", variant: "Classic thin patty with cheese", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg", imageAlt: "Smash burger deluxe", isFavorited: false,
},
{
id: "fire-pizza",
name: "Fire Pizza",
price: "52 PLN",
variant: "Wood-fired fresh baked",
imageSrc:
"http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg?_wi=2",
imageAlt: "Fire pizza wood oven",
isFavorited: false,
id: "fire-pizza", name: "Fire Pizza", price: "52 PLN", variant: "Wood-fired fresh baked", imageSrc:
"http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg", imageAlt: "Fire pizza wood oven", isFavorited: false,
},
{
id: "craft-cocktails",
name: "Craft Cocktails",
price: "35 PLN",
variant: "Premium spirits selection",
imageSrc:
"http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346959.jpg?_wi=2",
imageAlt: "Craft cocktails premium",
isFavorited: false,
id: "craft-cocktails", name: "Craft Cocktails", price: "35 PLN", variant: "Premium spirits selection", imageSrc:
"http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346959.jpg", imageAlt: "Craft cocktails premium", isFavorited: false,
},
]}
textboxLayout="default"
@@ -119,44 +81,27 @@ export default function MenuPage() {
features={[
{
id: 1,
title: "Premium Cuts",
description:
"Hand-selected USDA Prime beef from the finest suppliers, aged to perfection for maximum flavor and tenderness",
imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg?_wi=4",
imageAlt: "Premium beef selection",
},
title: "Premium Cuts", description:
"Hand-selected USDA Prime beef from the finest suppliers, aged to perfection for maximum flavor and tenderness", imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg", imageAlt: "Premium beef selection"},
{
id: 2,
title: "Gourmet Burgers",
description:
"Made fresh daily with premium beef, house-made sauces, and finest toppings for the ultimate burger experience",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg?_wi=5",
imageAlt: "Gourmet burger creation",
},
title: "Gourmet Burgers", description:
"Made fresh daily with premium beef, house-made sauces, and finest toppings for the ultimate burger experience", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg", imageAlt: "Gourmet burger creation"},
{
id: 3,
title: "Wood-Fired Pizza",
description:
"Authentic Italian-style pizzas baked in our brick oven at 900°F with premium ingredients and artisanal dough",
imageSrc:
"http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg?_wi=3",
imageAlt: "Wood fired pizza oven",
},
title: "Wood-Fired Pizza", description:
"Authentic Italian-style pizzas baked in our brick oven at 900°F with premium ingredients and artisanal dough", imageSrc:
"http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg", imageAlt: "Wood fired pizza oven"},
{
id: 4,
title: "Craft Beverages",
description:
"Expertly crafted cocktails, premium whiskeys, and curated wine selection to complement your meal perfectly",
imageSrc:
"http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346959.jpg?_wi=3",
imageAlt: "Craft beverage selection",
},
title: "Craft Beverages", description:
"Expertly crafted cocktails, premium whiskeys, and curated wine selection to complement your meal perfectly", imageSrc:
"http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346959.jpg", imageAlt: "Craft beverage selection"},
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="opacity"
/>
</div>

199
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -36,9 +36,7 @@ export default function HomePage() {
{ name: "Location", id: "location" },
]}
button={{
text: "Reserve Now",
href: "#reservations",
}}
text: "Reserve Now", href: "#reservations"}}
animateOnLoad={true}
/>
</div>
@@ -47,14 +45,14 @@ export default function HomePage() {
<HeroLogoBillboardSplit
logoText="BUFFALO HOUSE"
description="Steaks, burgers & great atmosphere in Poznań. Join friends, enjoy perfectly cooked food, and relax in our casual American steakhouse. Perfect for groups, date nights, and unforgettable meals."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Call Now", href: "tel:570001105" },
{ text: "Reserve a Table", href: "#reservations" },
]}
buttonAnimation="slide-up"
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/salt-sprinkles-are-fallen-top-beef-steak-served-with-wine_140725-1999.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/salt-sprinkles-are-fallen-top-beef-steak-served-with-wine_140725-1999.jpg"
imageAlt="Premium grilled steaks at Buffalo House"
mediaAnimation="opacity"
frameStyle="card"
@@ -67,15 +65,7 @@ export default function HomePage() {
description="4.6-star rating from satisfied customers who love our steaks, atmosphere, and service"
tag="Social Proof"
names={[
"Perfectly cooked steak every time",
"Amazing place for a night out with friends",
"Best burgers in Poznań",
"Great service and relaxed vibe",
"Worth the visit for premium quality",
"Perfect spot for group dining",
"Excellent food and friendly staff",
"Highly recommend to everyone",
]}
"Perfectly cooked steak every time", "Amazing place for a night out with friends", "Best burgers in Poznań", "Great service and relaxed vibe", "Worth the visit for premium quality", "Perfect spot for group dining", "Excellent food and friendly staff", "Highly recommend to everyone"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -90,44 +80,20 @@ export default function HomePage() {
tag="Our Specialty"
products={[
{
id: "ribeye",
name: "Premium Ribeye",
price: "125 PLN",
variant: "16oz grilled to perfection",
imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg?_wi=1",
imageAlt: "Premium ribeye steak",
isFavorited: false,
id: "ribeye", name: "Premium Ribeye", price: "125 PLN", variant: "16oz grilled to perfection", imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg", imageAlt: "Premium ribeye steak", isFavorited: false,
},
{
id: "burger",
name: "Buffalo Burger",
price: "48 PLN",
variant: "Double patty with special sauce",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg?_wi=1",
imageAlt: "Gourmet buffalo burger",
isFavorited: false,
id: "burger", name: "Buffalo Burger", price: "48 PLN", variant: "Double patty with special sauce", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg", imageAlt: "Gourmet buffalo burger", isFavorited: false,
},
{
id: "pizza",
name: "Fire Pizza",
price: "52 PLN",
variant: "Wood-fired fresh baked",
imageSrc:
"http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg?_wi=1",
imageAlt: "Authentic fire pizza",
isFavorited: false,
id: "pizza", name: "Fire Pizza", price: "52 PLN", variant: "Wood-fired fresh baked", imageSrc:
"http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134253.jpg", imageAlt: "Authentic fire pizza", isFavorited: false,
},
{
id: "drinks",
name: "Craft Cocktails",
price: "35 PLN",
variant: "Premium spirits selection",
imageSrc:
"http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346959.jpg?_wi=1",
imageAlt: "Craft cocktails and drinks",
isFavorited: false,
id: "drinks", name: "Craft Cocktails", price: "35 PLN", variant: "Premium spirits selection", imageSrc:
"http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150346959.jpg", imageAlt: "Craft cocktails and drinks", isFavorited: false,
},
]}
textboxLayout="default"
@@ -144,25 +110,13 @@ export default function HomePage() {
tag="Our Promise"
metrics={[
{
id: "1",
value: "Premium",
description: "Prime cuts of beef and fresh ingredients",
},
id: "1", value: "Premium", description: "Prime cuts of beef and fresh ingredients"},
{
id: "2",
value: "Relaxed",
description: "Casual atmosphere perfect for any occasion",
},
id: "2", value: "Relaxed", description: "Casual atmosphere perfect for any occasion"},
{
id: "3",
value: "Groups",
description: "Ideal for friends, families, and celebrations",
},
id: "3", value: "Groups", description: "Ideal for friends, families, and celebrations"},
{
id: "4",
value: "Friendly",
description: "Professional service with a personal touch",
},
id: "4", value: "Friendly", description: "Professional service with a personal touch"},
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
@@ -173,9 +127,7 @@ export default function HomePage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text",
content: "A place to relax, eat, and meet friends",
},
type: "text", content: "A place to relax, eat, and meet friends"},
]}
useInvertedBackground={false}
buttons={[{ text: "Reserve Your Table", href: "#reservations" }]}
@@ -191,43 +143,26 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Premium Steaks",
description:
"Hand-selected prime cuts grilled to your preference with expert seasoning",
imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg?_wi=2",
imageAlt: "Premium steak preparation",
},
title: "Premium Steaks", description:
"Hand-selected prime cuts grilled to your preference with expert seasoning", imageSrc:
"http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg", imageAlt: "Premium steak preparation"},
{
id: 2,
title: "Perfect Burgers",
description:
"Gourmet burgers made with fresh beef and signature toppings daily",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg?_wi=2",
imageAlt: "Gourmet burger plating",
},
title: "Perfect Burgers", description:
"Gourmet burgers made with fresh beef and signature toppings daily", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg", imageAlt: "Gourmet burger plating"},
{
id: 3,
title: "Social Atmosphere",
description:
"Casual, welcoming environment perfect for groups and celebrations",
imageSrc:
"http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg?_wi=1",
imageAlt: "Friends dining together",
},
title: "Social Atmosphere", description:
"Casual, welcoming environment perfect for groups and celebrations", imageSrc:
"http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg", imageAlt: "Friends dining together"},
{
id: 4,
title: "Easy Parking",
description: "Convenient parking near the venue for stress-free visits",
imageSrc:
"http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg?_wi=1",
imageAlt: "Restaurant exterior",
},
title: "Easy Parking", description: "Convenient parking near the venue for stress-free visits", imageSrc:
"http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg", imageAlt: "Restaurant exterior"},
]}
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="opacity"
/>
</div>
@@ -238,65 +173,29 @@ export default function HomePage() {
tag="Reviews"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Regular Customer",
company: "Poznań",
rating: 5,
id: "1", name: "Sarah Johnson", role: "Regular Customer", company: "Poznań", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-719.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
"http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-719.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Food Enthusiast",
company: "Poznań",
rating: 5,
id: "2", name: "Michael Chen", role: "Food Enthusiast", company: "Poznań", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
imageAlt: "Michael Chen",
},
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Event Organizer",
company: "Poznań",
rating: 5,
id: "3", name: "Emily Rodriguez", role: "Event Organizer", company: "Poznań", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg?_wi=1",
imageAlt: "Emily Rodriguez",
},
"http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Business Owner",
company: "Poznań",
rating: 5,
id: "4", name: "David Kim", role: "Business Owner", company: "Poznań", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/stuido-portrait-happy-cheerful-young-businessman_273609-12506.jpg?_wi=1",
imageAlt: "David Kim",
},
"http://img.b2bpic.net/free-photo/stuido-portrait-happy-cheerful-young-businessman_273609-12506.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Anna Kowalski",
role: "Local Resident",
company: "Poznań",
rating: 5,
id: "5", name: "Anna Kowalski", role: "Local Resident", company: "Poznań", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg?_wi=1",
imageAlt: "Anna Kowalski",
},
"http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg", imageAlt: "Anna Kowalski"},
{
id: "6",
name: "James Wilson",
role: "Visitor",
company: "Poznań",
rating: 5,
id: "6", name: "James Wilson", role: "Visitor", company: "Poznań", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg?_wi=1",
imageAlt: "James Wilson",
},
"http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg", imageAlt: "James Wilson"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -312,26 +211,18 @@ export default function HomePage() {
description="Located at Piątkowska 200 in Poznań. We're open for lunch and dinner. Call us or visit to reserve your table."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your occasion (celebration, date night, etc.)",
rows: 4,
name: "message", placeholder: "Tell us about your occasion (celebration, date night, etc.)", rows: 4,
required: false,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-with-map_23-2147654173.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-with-map_23-2147654173.jpg"
imageAlt="Buffalo House location in Poznań"
mediaAnimation="opacity"
mediaPosition="right"

39
src/app/reservations/page.tsx
View File

@@ -16,7 +16,7 @@ export default function ReservationsPage() {
borderRadius="soft"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -31,8 +31,7 @@ export default function ReservationsPage() {
{ name: "Location", id: "location" }
]}
button={{
text: "Reserve Now",
href: "#reservations"
text: "Reserve Now", href: "#reservations"
}}
animateOnLoad={true}
/>
@@ -42,14 +41,14 @@ export default function ReservationsPage() {
<HeroLogoBillboardSplit
logoText="RESERVE YOUR TABLE"
description="Join us at Buffalo House for an unforgettable dining experience. Book your reservation now and secure your spot at Poznań's premier steakhouse."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Call: 570 001 105", href: "tel:570001105" },
{ text: "Back to Home", href: "/" }
]}
buttonAnimation="slide-up"
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/salt-sprinkles-are-fallen-top-beef-steak-served-with-wine_140725-1999.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/salt-sprinkles-are-fallen-top-beef-steak-served-with-wine_140725-1999.jpg"
imageAlt="Premium grilled steaks at Buffalo House"
mediaAnimation="opacity"
frameStyle="card"
@@ -60,19 +59,16 @@ export default function ReservationsPage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text",
content: "Ready to make your reservation? Contact us today!"
type: "text", content: "Ready to make your reservation? Contact us today!"
}
]}
useInvertedBackground={false}
buttons={[
{
text: "Call Now",
href: "tel:570001105"
text: "Call Now", href: "tel:570001105"
},
{
text: "Visit Location",
href: "#location"
text: "Visit Location", href: "#location"
}
]}
buttonAnimation="slide-up"
@@ -84,31 +80,19 @@ export default function ReservationsPage() {
features={[
{
id: 1,
title: "Premium Steaks",
description: "Hand-selected prime cuts grilled to your exact preference with our signature seasoning.",
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg?_wi=5",
imageAlt: "Premium steak preparation"
title: "Premium Steaks", description: "Hand-selected prime cuts grilled to your exact preference with our signature seasoning.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-steak-round-shape-wearing-black-gloves_140725-8334.jpg", imageAlt: "Premium steak preparation"
},
{
id: 2,
title: "Perfect Atmosphere",
description: "Casual yet elegant dining room designed for relaxation and celebration with friends.",
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg?_wi=2",
imageAlt: "Restaurant interior"
title: "Perfect Atmosphere", description: "Casual yet elegant dining room designed for relaxation and celebration with friends.", imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg", imageAlt: "Restaurant interior"
},
{
id: 3,
title: "Expert Service",
description: "Our friendly staff ensures every detail of your meal is perfect from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg?_wi=2",
imageAlt: "Friends dining together"
title: "Expert Service", description: "Our friendly staff ensures every detail of your meal is perfect from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg", imageAlt: "Friends dining together"
},
{
id: 4,
title: "Easy Parking",
description: "Convenient parking available near the restaurant for stress-free visits.",
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg?_wi=3",
imageAlt: "Restaurant exterior"
title: "Easy Parking", description: "Convenient parking available near the restaurant for stress-free visits.", imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg", imageAlt: "Restaurant exterior"
}
]}
title="Why Reserve at Buffalo House"
@@ -116,7 +100,6 @@ export default function ReservationsPage() {
tag="Reservations"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="opacity"
/>
</div>

67
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,44 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React, { useState, useEffect } from 'react';
import { useTheme } from '@/hooks';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
animate?: boolean;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text,
className = '',
animate = false,
}: SvgTextLogoProps) {
const theme = useTheme?.();
const [isVisible, setIsVisible] = useState(!animate);
useEffect(() => {
if (animate) {
setIsVisible(true);
}
}, [animate]);
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 * 60} 100`}
className={`w-full h-auto ${className}`}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
fontSize="48"
fontWeight="bold"
fill="currentColor"
className={`transition-opacity duration-500 ${isVisible ? 'opacity-100' : 'opacity-0'}`}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}