Merge version_1 into main #2
@@ -17,11 +17,11 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -47,14 +47,14 @@ export default function LandingPage() {
|
||||
<HeroSplit
|
||||
title="Delicious Food Anytime – Open 24 Hours in Buza"
|
||||
description="Enjoy tasty meals, fast service, and convenient delivery at Five Stars Restaurant. Whether you're craving a full meal or a quick bite, we're here to satisfy your appetite around the clock."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="Open 24/7"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:0621537011" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chick-kebab-served-with-cherries-green-salad_114579-1996.jpg"
|
||||
imageAlt="Delicious Five Stars Restaurant Food"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -68,11 +68,11 @@ export default function LandingPage() {
|
||||
title="Featured Menu Items"
|
||||
description="Taste our most popular dishes, expertly prepared with fresh ingredients"
|
||||
tag="Menu"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "tel:0621537011" }
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
buttonAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
@@ -100,7 +100,7 @@ export default function LandingPage() {
|
||||
title="Why Choose Five Stars Restaurant"
|
||||
description="Located in the heart of Buza Mama Kibonge, Dar es Salaam, we've been serving delicious, authentic meals with exceptional service for years."
|
||||
tag="Our Commitment"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Open 24/7", description: "Always here when you need us, serving fresh meals around the clock", icon: Clock
|
||||
@@ -118,8 +118,8 @@ export default function LandingPage() {
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "tel:0621537011" }
|
||||
]}
|
||||
buttonAnimation="entrance-slide"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=1"
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg"
|
||||
imageAlt="Five Stars Restaurant Interior"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -133,7 +133,7 @@ export default function LandingPage() {
|
||||
title="What Makes Us Special"
|
||||
description="Five Stars Restaurant combines quality, convenience, and exceptional taste in every bite"
|
||||
tag="Our Services"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
icon: Utensils,
|
||||
@@ -163,7 +163,7 @@ export default function LandingPage() {
|
||||
title="What Our Customers Say"
|
||||
description="See why Five Stars Restaurant is the top choice for food lovers in Buza and beyond"
|
||||
tag="Customer Reviews"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
@@ -193,7 +193,7 @@ export default function LandingPage() {
|
||||
<MetricCardFourteen
|
||||
title="Trusted by thousands of satisfied customers who rely on Five Stars for their daily dining needs"
|
||||
tag="Five Stars Impact"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "4.8★", description: "Average customer rating based on over 15,000 verified reviews"
|
||||
@@ -208,7 +208,7 @@ export default function LandingPage() {
|
||||
id: "4", value: "15min", description: "Average delivery time for orders within Buza and nearby areas"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -218,7 +218,7 @@ export default function LandingPage() {
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about our menu, delivery, or services? We have answers"
|
||||
tag="FAQ"
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
@@ -241,7 +241,7 @@ export default function LandingPage() {
|
||||
id: "6", title: "Do you have a menu I can see?", content: "Yes! Check out our featured menu items on this website. For our complete menu with all options and prices, call us at 0621 537 011 and our team will walk you through all available dishes."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="entrance-slide"
|
||||
faqsAnimation="blur-reveal"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
@@ -259,7 +259,7 @@ export default function LandingPage() {
|
||||
required: true
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg"
|
||||
imageAlt="Five Stars Restaurant"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -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;
|
||||
width?: number;
|
||||
height?: number;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | 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,
|
||||
width = 200,
|
||||
height = 60,
|
||||
fontSize = 32,
|
||||
fontWeight = 'bold',
|
||||
className = '',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
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="central"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user