Merge version_1 into main #2
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="none"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -46,14 +46,14 @@ export default function LandingPage() {
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="SUSU BISTRO"
|
||||
description="Authentic Vietnamese Flavor in the Heart of Prešov. Experience rich broths, bold wok flavors, and generous portions prepared fresh every day. Loved by locals for years."
|
||||
background={{ variant: "none" }}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us Today", href: "#visit" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg"
|
||||
imageAlt="Authentic Vietnamese Beef Pho"
|
||||
frameStyle="card"
|
||||
mediaAnimation="opacity"
|
||||
@@ -81,19 +81,19 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "SUSU Bistro", name: "Vietnamese Beef Pho", price: "From €8.50", rating: 5,
|
||||
reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg?_wi=2", imageAlt: "Slow-cooked beef pho with fresh herbs"
|
||||
reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg", imageAlt: "Slow-cooked beef pho with fresh herbs"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "SUSU Bistro", name: "Kung Pao Chicken", price: "From €9.50", rating: 5,
|
||||
reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-pork-rice-black-plate_1150-23734.jpg?_wi=1", imageAlt: "Perfect balance of spice and crunch"
|
||||
reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-pork-rice-black-plate_1150-23734.jpg", imageAlt: "Perfect balance of spice and crunch"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "SUSU Bistro", name: "Hot Wok Chicken & Noodles", price: "From €9.00", rating: 5,
|
||||
reviewCount: "480+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-noodles-plate-with-chopsticks_141793-2959.jpg?_wi=1", imageAlt: "Intense wok flavor with signature sauce"
|
||||
reviewCount: "480+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-noodles-plate-with-chopsticks_141793-2959.jpg", imageAlt: "Intense wok flavor with signature sauce"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "SUSU Bistro", name: "Hot & Sour Soup", price: "From €6.50", rating: 5,
|
||||
reviewCount: "420+", imageSrc: "http://img.b2bpic.net/free-photo/clear-soup-with-chicken-with-green-hatch-with-garlic-lemon-onion-red-onion-mushroom-basil_1150-26885.jpg?_wi=1", imageAlt: "Legendary balance of spicy and sour"
|
||||
reviewCount: "420+", imageSrc: "http://img.b2bpic.net/free-photo/clear-soup-with-chicken-with-green-hatch-with-garlic-lemon-onion-red-onion-mushroom-basil_1150-26885.jpg", imageAlt: "Legendary balance of spicy and sour"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -124,22 +124,22 @@ export default function LandingPage() {
|
||||
description="Read genuine reviews from locals who keep coming back to SUSU Bistro"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maria Novotná, Regular Customer", date: "Date: January 2025", title: "Best Vietnamese in Prešov!", quote: "I've been coming here for over a year. The pho is incredible, the portions are huge, and the prices are unbeatable. The staff is always friendly and the service is fast.", tag: "Local Favorite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-serious-woman_23-2149022639.jpg", avatarAlt: "Vietnamese person portrait professional photo", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3459.jpg?_wi=1", imageAlt: "cozy Vietnamese restaurant interior seating"
|
||||
id: "1", name: "Maria Novotná, Regular Customer", date: "Date: January 2025", title: "Best Vietnamese in Prešov!", quote: "I've been coming here for over a year. The pho is incredible, the portions are huge, and the prices are unbeatable. The staff is always friendly and the service is fast.", tag: "Local Favorite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-serious-woman_23-2149022639.jpg", avatarAlt: "Vietnamese person portrait professional photo", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3459.jpg", imageAlt: "cozy Vietnamese restaurant interior seating"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Ján Kováč, Food Enthusiast", date: "Date: December 2024", title: "Authentic taste like nowhere else", quote: "Finally found authentic Vietnamese cuisine in Prešov! Every dish tastes exactly like what I had in Vietnam. The authenticity is unmatched and the quality is premium.", tag: "Authentic", avatarSrc: "http://img.b2bpic.net/free-photo/young-asian-man-sitting-with-hands-chin_1262-1668.jpg", avatarAlt: "Vietnamese man professional portrait photo", imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-pork-rice-black-plate_1150-23734.jpg?_wi=2", imageAlt: "kung pao chicken spicy Asian dish"
|
||||
id: "2", name: "Ján Kováč, Food Enthusiast", date: "Date: December 2024", title: "Authentic taste like nowhere else", quote: "Finally found authentic Vietnamese cuisine in Prešov! Every dish tastes exactly like what I had in Vietnam. The authenticity is unmatched and the quality is premium.", tag: "Authentic", avatarSrc: "http://img.b2bpic.net/free-photo/young-asian-man-sitting-with-hands-chin_1262-1668.jpg", avatarAlt: "Vietnamese man professional portrait photo", imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-pork-rice-black-plate_1150-23734.jpg", imageAlt: "kung pao chicken spicy Asian dish"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Petra Szabó, Lunch Regular", date: "Date: January 2025", title: "Perfect lunch spot!", quote: "I come here almost every day during lunch. Quick service, generous portions, and the flavor is out of this world. Best value for money in Prešov!", tag: "Daily Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", avatarAlt: "Vietnamese woman happy portrait photo", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-noodles-plate-with-chopsticks_141793-2959.jpg?_wi=2", imageAlt: "hot wok chicken roasted noodles Asian"
|
||||
id: "3", name: "Petra Szabó, Lunch Regular", date: "Date: January 2025", title: "Perfect lunch spot!", quote: "I come here almost every day during lunch. Quick service, generous portions, and the flavor is out of this world. Best value for money in Prešov!", tag: "Daily Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", avatarAlt: "Vietnamese woman happy portrait photo", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-noodles-plate-with-chopsticks_141793-2959.jpg", imageAlt: "hot wok chicken roasted noodles Asian"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Tomáš Lukáč, Family Dinners", date: "Date: December 2024", title: "Family favorite", quote: "Brought my family here last week. The atmosphere is welcoming, the food is amazing, and everyone left happy. We'll definitely come back!", tag: "Family Approved", avatarSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg", avatarAlt: "Vietnamese person portrait smiling photo", imageSrc: "http://img.b2bpic.net/free-photo/clear-soup-with-chicken-with-green-hatch-with-garlic-lemon-onion-red-onion-mushroom-basil_1150-26885.jpg?_wi=2", imageAlt: "hot and sour soup Vietnamese Asian"
|
||||
id: "4", name: "Tomáš Lukáč, Family Dinners", date: "Date: December 2024", title: "Family favorite", quote: "Brought my family here last week. The atmosphere is welcoming, the food is amazing, and everyone left happy. We'll definitely come back!", tag: "Family Approved", avatarSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg", avatarAlt: "Vietnamese person portrait smiling photo", imageSrc: "http://img.b2bpic.net/free-photo/clear-soup-with-chicken-with-green-hatch-with-garlic-lemon-onion-red-onion-mushroom-basil_1150-26885.jpg", imageAlt: "hot and sour soup Vietnamese Asian"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Zuzana Horváthová, Food Blogger", date: "Date: January 2025", title: "A gem in Prešov", quote: "SUSU Bistro is a hidden gem! The chef clearly knows Vietnamese cooking inside and out. Premium quality ingredients, authentic recipes, and fair prices. Highly recommended!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", avatarAlt: "Vietnamese person happy portrait professional", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg?_wi=3", imageAlt: "Vietnamese beef pho steaming bowl broth"
|
||||
id: "5", name: "Zuzana Horváthová, Food Blogger", date: "Date: January 2025", title: "A gem in Prešov", quote: "SUSU Bistro is a hidden gem! The chef clearly knows Vietnamese cooking inside and out. Premium quality ingredients, authentic recipes, and fair prices. Highly recommended!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", avatarAlt: "Vietnamese person happy portrait professional", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg", imageAlt: "Vietnamese beef pho steaming bowl broth"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Róbert Čech, Business Owner", date: "Date: January 2025", title: "Best decision for team lunch", quote: "We often bring our team here for lunch meetings. Great food, fast service, and a comfortable atmosphere. Everyone's happy every time!", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-aged-businessman-looking-straight_1262-1511.jpg", avatarAlt: "Vietnamese man happy portrait professional", imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-pork-rice-black-plate_1150-23734.jpg?_wi=3", imageAlt: "kung pao chicken spicy Asian dish"
|
||||
id: "6", name: "Róbert Čech, Business Owner", date: "Date: January 2025", title: "Best decision for team lunch", quote: "We often bring our team here for lunch meetings. Great food, fast service, and a comfortable atmosphere. Everyone's happy every time!", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-aged-businessman-looking-straight_1262-1511.jpg", avatarAlt: "Vietnamese man happy portrait professional", imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-pork-rice-black-plate_1150-23734.jpg", imageAlt: "kung pao chicken spicy Asian dish"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -187,7 +187,7 @@ export default function LandingPage() {
|
||||
name: "message", placeholder: "Let us know if you have any questions or dietary requirements", rows: 4
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3459.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3459.jpg"
|
||||
imageAlt="SUSU Bistro welcoming atmosphere"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
@@ -201,10 +201,10 @@ export default function LandingPage() {
|
||||
description="Visit SUSU Bistro today and discover why locals keep coming back. Huge portions, authentic taste, fast service, and amazing prices await you."
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", title: "Happy Customers", description: "Regular visitors who return again and again", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3459.jpg?_wi=3", imageAlt: "cozy Vietnamese restaurant interior seating"
|
||||
id: "1", value: "500+", title: "Happy Customers", description: "Regular visitors who return again and again", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3459.jpg", imageAlt: "cozy Vietnamese restaurant interior seating"
|
||||
},
|
||||
{
|
||||
id: "2", value: "4.9★", title: "Customer Rating", description: "Based on authentic local reviews and feedback", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg?_wi=4", imageAlt: "Vietnamese beef pho steaming bowl broth"
|
||||
id: "2", value: "4.9★", title: "Customer Rating", description: "Based on authentic local reviews and feedback", imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-cooking_23-2149428663.jpg", imageAlt: "Vietnamese beef pho steaming bowl broth"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
|
||||
@@ -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;
|
||||
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging';
|
||||
}
|
||||
|
||||
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 = '',
|
||||
dominantBaseline = 'middle',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
viewBox="0 0 1000 200"
|
||||
className={className}
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
aria-label={text}
|
||||
>
|
||||
<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={dominantBaseline}
|
||||
className={textClassName}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user