diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 9f3b5e3..70f06ba 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -34,9 +34,7 @@ export default function AboutPage() {
{ name: "Reviews", id: "/reviews" },
]}
button={{
- text: "Reserve Table",
- href: "/reservation",
- }}
+ text: "Reserve Table", href: "/reservation"}}
animateOnLoad={true}
/>
@@ -49,7 +47,7 @@ export default function AboutPage() {
description="Joon Persian Restaurant"
subdescription="The View Tower, Muroor Rd, Abu Dhabi"
icon={Leaf}
- imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg?_wi=3"
+ imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"
imageAlt="Joon Restaurant ambiance and interior design"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -65,26 +63,16 @@ export default function AboutPage() {
features={[
{
id: 1,
- title: "Dine-In Experience",
- description: "Immerse yourself in our elegant ambiance with impeccable service in our luxury dining room",
- imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg?_wi=4",
- },
+ title: "Dine-In Experience", description: "Immerse yourself in our elegant ambiance with impeccable service in our luxury dining room", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"},
{
id: 2,
- title: "Drive-Through",
- description: "Convenient service for those on the go, without compromising on quality or presentation",
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg?_wi=2",
- },
+ title: "Drive-Through", description: "Convenient service for those on the go, without compromising on quality or presentation", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg"},
{
id: 3,
- title: "Contactless Delivery",
- description: "Safe and reliable delivery of our premium dishes directly to your home or office",
- imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=3",
- },
+ title: "Contactless Delivery", description: "Safe and reliable delivery of our premium dishes directly to your home or office", imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
- mediaAnimation="slide-up"
/>
@@ -95,8 +83,7 @@ export default function AboutPage() {
description="Experience exceptional Persian cuisine. Contact us at +971 50 401 9009 or reserve online. Located in The View Tower on Muroor Road, Abu Dhabi."
tagIcon={Phone}
background={{
- variant: "rotated-rays-animated-grid",
- }}
+ variant: "rotated-rays-animated-grid"}}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Reserve Now"
@@ -108,87 +95,51 @@ export default function AboutPage() {
@@ -93,18 +87,14 @@ export default function MenuPage() {
tag="Signature Menu"
tagIcon={Crown}
background={{ variant: "glowing-orb" }}
- imageSrc="http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=4"
+ imageSrc="http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg"
imageAlt="Persian menu dishes showcase"
imagePosition="right"
buttons={[
{
- text: "Reserve Now",
- href: "/reservation",
- },
+ text: "Reserve Now", href: "/reservation"},
{
- text: "View Gallery",
- href: "/gallery",
- },
+ text: "View Gallery", href: "/gallery"},
]}
mediaAnimation="slide-up"
/>
@@ -118,26 +108,11 @@ export default function MenuPage() {
tagIcon={Sparkles}
products={[
{
- id: "1",
- name: "Chelo Kubab Kubideh",
- price: "AED 95",
- imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=5",
- imageAlt: "Chelo Kubab Kubideh with saffron rice",
- },
+ id: "1", name: "Chelo Kubab Kubideh", price: "AED 95", imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg", imageAlt: "Chelo Kubab Kubideh with saffron rice"},
{
- id: "2",
- name: "Grilled Lamb Chops",
- price: "AED 120",
- imageSrc: "http://img.b2bpic.net/free-photo/entrecote-kebab-served-with-arugula-sauce_141793-1171.jpg?_wi=2",
- imageAlt: "Premium grilled lamb chops",
- },
+ id: "2", name: "Grilled Lamb Chops", price: "AED 120", imageSrc: "http://img.b2bpic.net/free-photo/entrecote-kebab-served-with-arugula-sauce_141793-1171.jpg", imageAlt: "Premium grilled lamb chops"},
{
- id: "3",
- name: "Saffron Rice",
- price: "AED 45",
- imageSrc: "http://img.b2bpic.net/free-photo/piece-cabbage-finely-chopped-cabbage-bowl-marble-surface_114579-48420.jpg?_wi=2",
- imageAlt: "Traditional Persian saffron rice",
- },
+ id: "3", name: "Saffron Rice", price: "AED 45", imageSrc: "http://img.b2bpic.net/free-photo/piece-cabbage-finely-chopped-cabbage-bowl-marble-surface_114579-48420.jpg", imageAlt: "Traditional Persian saffron rice"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -154,27 +129,17 @@ export default function MenuPage() {
tagIcon={Utensils}
features={[
{
- id: "1",
- title: "À la Carte Dining",
- description: "Select from our comprehensive menu of traditional and contemporary Persian dishes prepared to order",
- imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg?_wi=5",
- },
+ id: 1,
+ title: "À la Carte Dining", description: "Select from our comprehensive menu of traditional and contemporary Persian dishes prepared to order", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"},
{
- id: "2",
- title: "Chef's Tasting Menu",
- description: "Embark on a culinary journey with our curated multi-course tasting menu showcasing seasonal ingredients",
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg?_wi=3",
- },
+ id: 2,
+ title: "Chef's Tasting Menu", description: "Embark on a culinary journey with our curated multi-course tasting menu showcasing seasonal ingredients", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg"},
{
- id: "3",
- title: "Private Dining Events",
- description: "Host your special occasions with customized menus and dedicated service in our elegant private spaces",
- imageSrc: "http://img.b2bpic.net/free-photo/entrecote-kebab-served-with-arugula-sauce_141793-1171.jpg?_wi=3",
- },
+ id: 3,
+ title: "Private Dining Events", description: "Host your special occasions with customized menus and dedicated service in our elegant private spaces", imageSrc: "http://img.b2bpic.net/free-photo/entrecote-kebab-served-with-arugula-sauce_141793-1171.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
- mediaAnimation="slide-up"
/>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d89475c..cfb92af 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,9 +38,7 @@ export default function HomePage() {
{ name: "Reviews", id: "/reviews" },
]}
button={{
- text: "Reserve Table",
- href: "/reservation",
- }}
+ text: "Reserve Table", href: "/reservation"}}
animateOnLoad={true}
/>
@@ -52,20 +50,15 @@ export default function HomePage() {
tag="Luxury Fine Dining"
tagIcon={Crown}
background={{
- variant: "glowing-orb",
- }}
- imageSrc="http://img.b2bpic.net/free-photo/copy-space-arranged-table-dinner_23-2148335008.jpg?_wi=1"
+ variant: "glowing-orb"}}
+ imageSrc="http://img.b2bpic.net/free-photo/copy-space-arranged-table-dinner_23-2148335008.jpg"
imageAlt="Joon Persian Restaurant elegant interior"
imagePosition="right"
buttons={[
{
- text: "Reserve Now",
- href: "/reservation",
- },
+ text: "Reserve Now", href: "/reservation"},
{
- text: "View Menu",
- href: "/menu",
- },
+ text: "View Menu", href: "/menu"},
]}
mediaAnimation="slide-up"
/>
@@ -79,7 +72,7 @@ export default function HomePage() {
description="Joon Persian Restaurant"
subdescription="The View Tower, Muroor Rd, Abu Dhabi"
icon={ChefHat}
- imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg?_wi=1"
+ imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"
imageAlt="Joon Restaurant ambiance and interior design"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -94,26 +87,11 @@ export default function HomePage() {
tagIcon={Sparkles}
products={[
{
- id: "1",
- name: "Chelo Kubab Kubideh",
- price: "AED 95",
- imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=1",
- imageAlt: "Chelo Kubab Kubideh with saffron rice",
- },
+ id: "1", name: "Chelo Kubab Kubideh", price: "AED 95", imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg", imageAlt: "Chelo Kubab Kubideh with saffron rice"},
{
- id: "2",
- name: "Grilled Lamb Chops",
- price: "AED 120",
- imageSrc: "http://img.b2bpic.net/free-photo/entrecote-kebab-served-with-arugula-sauce_141793-1171.jpg?_wi=1",
- imageAlt: "Premium grilled lamb chops",
- },
+ id: "2", name: "Grilled Lamb Chops", price: "AED 120", imageSrc: "http://img.b2bpic.net/free-photo/entrecote-kebab-served-with-arugula-sauce_141793-1171.jpg", imageAlt: "Premium grilled lamb chops"},
{
- id: "3",
- name: "Saffron Rice",
- price: "AED 45",
- imageSrc: "http://img.b2bpic.net/free-photo/piece-cabbage-finely-chopped-cabbage-bowl-marble-surface_114579-48420.jpg?_wi=1",
- imageAlt: "Traditional Persian saffron rice",
- },
+ id: "3", name: "Saffron Rice", price: "AED 45", imageSrc: "http://img.b2bpic.net/free-photo/piece-cabbage-finely-chopped-cabbage-bowl-marble-surface_114579-48420.jpg", imageAlt: "Traditional Persian saffron rice"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -130,26 +108,11 @@ export default function HomePage() {
tagIcon={Award}
metrics={[
{
- id: "1",
- title: "4.9 Star Rating",
- subtitle: "Based on 699 verified reviews from satisfied guests",
- category: "Customer Reviews",
- value: "Premium Rated",
- },
+ id: "1", title: "4.9 Star Rating", subtitle: "Based on 699 verified reviews from satisfied guests", category: "Customer Reviews", value: "Premium Rated"},
{
- id: "2",
- title: "Authentic Persian Cuisine",
- subtitle: "Traditional recipes with modern fine dining presentation",
- category: "Culinary Excellence",
- value: "Award-Winning",
- },
+ id: "2", title: "Authentic Persian Cuisine", subtitle: "Traditional recipes with modern fine dining presentation", category: "Culinary Excellence", value: "Award-Winning"},
{
- id: "3",
- title: "Multiple Services",
- subtitle: "Dine-in, drive-through, and contactless delivery available",
- category: "Convenience",
- value: "24/7 Available",
- },
+ id: "3", title: "Multiple Services", subtitle: "Dine-in, drive-through, and contactless delivery available", category: "Convenience", value: "24/7 Available"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -165,51 +128,25 @@ export default function HomePage() {
tagIcon={Star}
testimonials={[
{
- id: "1",
- name: "Sarah Al Mansouri",
- role: "Food Critic",
- company: "Abu Dhabi Dining Guide",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg?_wi=1",
- },
+ id: "1", name: "Sarah Al Mansouri", role: "Food Critic", company: "Abu Dhabi Dining Guide", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg"},
{
- id: "2",
- name: "Mohammed Al Shehhi",
- role: "Business Executive",
- company: "Emirates Corporate",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-business-woman-suit-looks-confident-stands-relaxed-street-poses-near-office-buil_1258-118780.jpg?_wi=1",
- },
+ id: "2", name: "Mohammed Al Shehhi", role: "Business Executive", company: "Emirates Corporate", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-business-woman-suit-looks-confident-stands-relaxed-street-poses-near-office-buil_1258-118780.jpg"},
{
- id: "3",
- name: "Fatima Al Zaabi",
- role: "Travel Influencer",
- company: "Explore UAE",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg?_wi=1",
- },
+ id: "3", name: "Fatima Al Zaabi", role: "Travel Influencer", company: "Explore UAE", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg"},
{
- id: "4",
- name: "Ahmed Al Mazrouei",
- role: "Hospitality Manager",
- company: "Luxury Hotels Group",
- rating: 5,
- imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1",
- },
+ id: "4", name: "Ahmed Al Mazrouei", role: "Hospitality Manager", company: "Luxury Hotels Group", rating: 5,
+ imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg"},
]}
kpiItems={[
{
- value: "699+",
- label: "Verified Reviews",
- },
+ value: "699+", label: "Verified Reviews"},
{
- value: "4.9/5",
- label: "Average Rating",
- },
+ value: "4.9/5", label: "Average Rating"},
{
- value: "15+",
- label: "Years Excellence",
- },
+ value: "15+", label: "Years Excellence"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -226,26 +163,16 @@ export default function HomePage() {
features={[
{
id: 1,
- title: "Dine-In Experience",
- description: "Immerse yourself in our elegant ambiance with impeccable service in our luxury dining room",
- imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg?_wi=2",
- },
+ title: "Dine-In Experience", description: "Immerse yourself in our elegant ambiance with impeccable service in our luxury dining room", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg"},
{
id: 2,
- title: "Drive-Through",
- description: "Convenient service for those on the go, without compromising on quality or presentation",
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg?_wi=1",
- },
+ title: "Drive-Through", description: "Convenient service for those on the go, without compromising on quality or presentation", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598352.jpg"},
{
id: 3,
- title: "Contactless Delivery",
- description: "Safe and reliable delivery of our premium dishes directly to your home or office",
- imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=2",
- },
+ title: "Contactless Delivery", description: "Safe and reliable delivery of our premium dishes directly to your home or office", imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
- mediaAnimation="slide-up"
/>
@@ -256,8 +183,7 @@ export default function HomePage() {
description="Experience exceptional Persian cuisine. Contact us at +971 50 401 9009 or reserve online. Located in The View Tower on Muroor Road, Abu Dhabi."
tagIcon={Phone}
background={{
- variant: "rotated-rays-animated-grid",
- }}
+ variant: "rotated-rays-animated-grid"}}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Reserve Now"
@@ -269,87 +195,51 @@ export default function HomePage() {
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..31ec4a6 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,81 @@
-"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;
+ fontSize?: number;
+ fontWeight?: number | string;
+ letterSpacing?: number;
+ config?: {
+ animationEnabled?: boolean;
+ animationDuration?: number;
+ animationDelay?: number;
+ };
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ textClassName = '',
+ fontSize = 48,
+ fontWeight = 700,
+ letterSpacing = 2,
+ config = {},
+}) => {
+ const {
+ animationEnabled = true,
+ animationDuration = 2,
+ animationDelay = 0,
+ } = config;
+
+ const textLength = text.length;
+ const estimatedWidth = textLength * (fontSize * 0.6) + letterSpacing * (textLength - 1);
+ const estimatedHeight = fontSize * 1.5;
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file