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 ( + + {animationEnabled && ( + + )} + - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file