diff --git a/src/app/page.tsx b/src/app/page.tsx index c1164b8..68d72f5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import FaqBase from '@/components/sections/faq/FaqBase'; import ContactCenter from '@/components/sections/contact/ContactCenter'; import FooterSimple from '@/components/sections/footer/FooterSimple'; -import { Calendar, Flame, Gamepad2, HelpCircle, Heart, Home, Moon, Sparkles, Trees, Utensils, UtensilsCrossed, Users, Wind } from 'lucide-react'; +import { Calendar, Flame, Gamepad2, HelpCircle, Heart, Home, Moon, Sparkles, Trees, Utensils, UtensilsCrossed, Users, Wind, Layers, Music } from 'lucide-react'; export default function LandingPage() { return ( @@ -52,20 +52,16 @@ export default function LandingPage() { background={{ variant: "glowing-orb" }} testimonials={[ { - name: "Fatima Al Mansouri", handle: "Family of 4", testimonial: "The most memorable Iftar experience we've ever had. The terrace atmosphere is magical!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1324.jpg", imageAlt: "happy woman family dinner portrait photography" + name: "Fatima Al Mansouri", handle: "Family of 4", testimonial: "The most memorable Iftar experience we've ever had. The terrace atmosphere is magical!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1324.jpg", imageAlt: "happy woman family dinner portrait photography" }, { - name: "Ahmed Hassan", handle: "Business Group", testimonial: "Perfect venue for our corporate Iftar gathering. Exceptional service and food quality.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/angry-handsome-blonde-man-looks-front-isolated-purple-wall_141793-66190.jpg", imageAlt: "professional man business dinner portrait" + name: "Ahmed Hassan", handle: "Business Group", testimonial: "Perfect venue for our corporate Iftar gathering. Exceptional service and food quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/angry-handsome-blonde-man-looks-front-isolated-purple-wall_141793-66190.jpg", imageAlt: "professional man business dinner portrait" }, { - name: "Layla Al Mansoori", handle: "Frequent Guest", testimonial: "The kids love the game zone, and we love the ambiance. FOMO is our new Ramadan tradition.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg", imageAlt: "cheerful woman family dining portrait" + name: "Layla Al Mansoori", handle: "Frequent Guest", testimonial: "The kids love the game zone, and we love the ambiance. FOMO is our new Ramadan tradition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg", imageAlt: "cheerful woman family dining portrait" }, { - name: "Rashid Al Maktoum", handle: "Food Enthusiast", testimonial: "Incredible international buffet selection. Every dish is prepared with excellence.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628493.jpg", imageAlt: "satisfied customer male portrait restaurant" + name: "Rashid Al Maktoum", handle: "Food Enthusiast", testimonial: "Incredible international buffet selection. Every dish is prepared with excellence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628493.jpg", imageAlt: "satisfied customer male portrait restaurant" } ]} testimonialRotationInterval={5000} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..84b0e20 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,53 @@ -"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; + fontFamily?: string; + fontWeight?: number | string; + fill?: string; + letterSpacing?: number; + wordSpacing?: 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 = '', + fontSize = 48, + fontFamily = 'Arial, sans-serif', + fontWeight = 700, + fill = '#000000', + letterSpacing = 0, + wordSpacing = 0, +}) => { + const padding = 20; + const estimatedWidth = text.length * (fontSize * 0.6) + padding * 2; + const estimatedHeight = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;