Merge version_1 into main #2
@@ -10,7 +10,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Award, Phone, Star, Users, Wine2 } from 'lucide-react';
|
||||
import { Award, Phone, Star, Users, Wine } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -46,12 +46,12 @@ export default function LandingPage() {
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
background={{ variant: "circleGradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg?_wi=1"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg"
|
||||
imageAlt="Il Terrazzo intimate candlelit dining room with brick fireplaces"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,7 +63,7 @@ export default function LandingPage() {
|
||||
buttons={[
|
||||
{ text: "Call (250) 361-0028", href: "tel:(250)361-0028" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-cooking-kitchen_53876-24670.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-man-cooking-kitchen_53876-24670.jpg"
|
||||
imageAlt="Il Terrazzo charming old-town courtyard with fireplace and patio"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
@@ -100,15 +100,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Candlelit Intimacy", description: "Softly lit tables create an enchanting atmosphere perfect for romantic dinners, anniversaries, and special celebrations in our brick-lined courtyard.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg?_wi=1", imageAlt: "Candlelit fireplace creating warm restaurant ambiance"
|
||||
title: "Candlelit Intimacy", description: "Softly lit tables create an enchanting atmosphere perfect for romantic dinners, anniversaries, and special celebrations in our brick-lined courtyard.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg", imageAlt: "Candlelit fireplace creating warm restaurant ambiance"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Historic Courtyard Setting", description: "Nestled in Waddington Alley, our historic courtyard combines old-world charm with modern comfort, featuring exposed brick, fireplaces, and patio seating.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-cooking-kitchen_53876-24670.jpg?_wi=2", imageAlt: "Historic courtyard with brick architecture and outdoor seating"
|
||||
title: "Historic Courtyard Setting", description: "Nestled in Waddington Alley, our historic courtyard combines old-world charm with modern comfort, featuring exposed brick, fireplaces, and patio seating.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-cooking-kitchen_53876-24670.jpg", imageAlt: "Historic courtyard with brick architecture and outdoor seating"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Exceptional Service", description: "Our attentive staff delivers genuine hospitality, treating every guest as part of the family. We take pride in our warm welcomes and personalized attention.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg?_wi=2", imageAlt: "Professional service in elegant dining setting"
|
||||
title: "Exceptional Service", description: "Our attentive staff delivers genuine hospitality, treating every guest as part of the family. We take pride in our warm welcomes and personalized attention.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg", imageAlt: "Professional service in elegant dining setting"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -124,22 +124,22 @@ export default function LandingPage() {
|
||||
tag="Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "The Reason We Fell in Love with Victoria", quote: "Il Terrazzo might just be the reason my partner and I fell in love with Victoria. The ambiance is magical, the food is exceptional, and the service is warm and welcoming.", name: "Vy Nguyen", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg?_wi=2", imageAlt: "Testimonial author portrait"
|
||||
id: "1", title: "The Reason We Fell in Love with Victoria", quote: "Il Terrazzo might just be the reason my partner and I fell in love with Victoria. The ambiance is magical, the food is exceptional, and the service is warm and welcoming.", name: "Vy Nguyen", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg", imageAlt: "Testimonial author portrait"
|
||||
},
|
||||
{
|
||||
id: "2", title: "A Magical Anniversary Experience", quote: "Me and my husband came here for our 3rd year anniversary randomly and the atmosphere was so magical. Such a neat way they have everything set up, it felt so cozy with all the fireplaces, pillows and blankets.", name: "Riane S", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg?_wi=3", imageAlt: "Testimonial author portrait"
|
||||
id: "2", title: "A Magical Anniversary Experience", quote: "Me and my husband came here for our 3rd year anniversary randomly and the atmosphere was so magical. Such a neat way they have everything set up, it felt so cozy with all the fireplaces, pillows and blankets.", name: "Riane S", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg", imageAlt: "Testimonial author portrait"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Extraordinary Food and Atmosphere", quote: "We had an amazing experience. The complimentary focaccia with olive tapenade was a thoughtful touch, and the Tiramisu was absolutely incredible. The combination of excellent food and welcoming service made the evening truly memorable.", name: "Qiwei Gao", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg?_wi=3", imageAlt: "Testimonial author portrait"
|
||||
id: "3", title: "Extraordinary Food and Atmosphere", quote: "We had an amazing experience. The complimentary focaccia with olive tapenade was a thoughtful touch, and the Tiramisu was absolutely incredible. The combination of excellent food and welcoming service made the evening truly memorable.", name: "Qiwei Gao", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg", imageAlt: "Testimonial author portrait"
|
||||
},
|
||||
{
|
||||
id: "4", title: "A Standout Hospitality Experience", quote: "Despite the busy atmosphere and tables turning over quickly, the food and beverage team stayed attentive and welcoming throughout. This is a well-managed operation committed to guest satisfaction that delivers genuine quality.", name: "Sarah Mitchell", role: "Restaurant Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg?_wi=4", imageAlt: "Testimonial author portrait"
|
||||
id: "4", title: "A Standout Hospitality Experience", quote: "Despite the busy atmosphere and tables turning over quickly, the food and beverage team stayed attentive and welcoming throughout. This is a well-managed operation committed to guest satisfaction that delivers genuine quality.", name: "Sarah Mitchell", role: "Restaurant Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg", imageAlt: "Testimonial author portrait"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Fresh Ingredients, Kind Staff", quote: "Amazing Italian restaurant with fresh food, very kind staff, and wonderful service. The attention to detail in every course, from appetizers to entrées, is exceptional and worth every penny.", name: "Michael Chen", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg?_wi=4", imageAlt: "Testimonial author portrait"
|
||||
id: "5", title: "Fresh Ingredients, Kind Staff", quote: "Amazing Italian restaurant with fresh food, very kind staff, and wonderful service. The attention to detail in every course, from appetizers to entrées, is exceptional and worth every penny.", name: "Michael Chen", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-restaurant-with-tables_8353-9878.jpg", imageAlt: "Testimonial author portrait"
|
||||
},
|
||||
{
|
||||
id: "6", title: "An Evening to Remember", quote: "From the moment we arrived and saw the courtyard to when we left, everything about Il Terrazzo spoke of quality and care. This restaurant is a testament to what happens when you prioritize both product and service excellence.", name: "Emma Rodriguez", role: "Travel Writer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg?_wi=5", imageAlt: "Testimonial author portrait"
|
||||
id: "6", title: "An Evening to Remember", quote: "From the moment we arrived and saw the courtyard to when we left, everything about Il Terrazzo spoke of quality and care. This restaurant is a testament to what happens when you prioritize both product and service excellence.", name: "Emma Rodriguez", role: "Travel Writer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-flowers_23-2149636915.jpg", imageAlt: "Testimonial author portrait"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -156,7 +156,7 @@ export default function LandingPage() {
|
||||
{ id: "1", icon: Star, title: "Rating", value: "4.7/5" },
|
||||
{ id: "2", icon: Users, title: "Reviews", value: "4,898" },
|
||||
{ id: "3", icon: Award, title: "Experience", value: "Years" },
|
||||
{ id: "4", icon: Wine2, title: "Wine List", value: "Notable" }
|
||||
{ id: "4", icon: Wine, title: "Wine List", value: "Notable" }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -168,10 +168,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
tag="Reserve"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
title="Experience Il Terrazzo"
|
||||
description="Book your table today and discover why Il Terrazzo is Victoria's most beloved Italian restaurant. Whether celebrating a special occasion or enjoying an intimate dinner, we look forward to welcoming you to our historic courtyard."
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Reserve Now"
|
||||
|
||||
@@ -1,51 +1,44 @@
|
||||
"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;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
letterSpacing?: number;
|
||||
fill?: string;
|
||||
textAnchor?: 'start' | 'middle' | 'end';
|
||||
}
|
||||
|
||||
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 = '',
|
||||
fontSize = 48,
|
||||
fontWeight = 'bold',
|
||||
letterSpacing = 0,
|
||||
fill = 'currentColor',
|
||||
textAnchor = 'start',
|
||||
}) => {
|
||||
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 * fontSize * 0.6} ${fontSize * 1.2}`}
|
||||
className={className}
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
>
|
||||
<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%"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill={fill}
|
||||
textAnchor={textAnchor}
|
||||
dominantBaseline="central"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user