From 44efa542e94feed32c772b8c740e03b1281249d7 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 15:21:47 +0000 Subject: [PATCH 1/5] Update src/app/about/page.tsx --- src/app/about/page.tsx | 101 +++++++++++------------------------------ 1 file changed, 26 insertions(+), 75 deletions(-) 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() { Date: Wed, 11 Mar 2026 15:21:47 +0000 Subject: [PATCH 2/5] Update src/app/menu/page.tsx --- src/app/menu/page.tsx | 69 +++++++++++-------------------------------- 1 file changed, 17 insertions(+), 52 deletions(-) diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index 3de4c24..b2ad6dd 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -21,8 +21,7 @@ export default function MenuPage() { const footerColumns = [ { - title: "Navigation", - items: [ + title: "Navigation", items: [ { label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }, @@ -30,8 +29,7 @@ export default function MenuPage() { ], }, { - title: "Services", - items: [ + title: "Services", items: [ { label: "Dine-In", href: "#" }, { label: "Drive-Through", href: "#" }, { label: "Delivery", href: "#" }, @@ -39,8 +37,7 @@ export default function MenuPage() { ], }, { - title: "Contact", - items: [ + title: "Contact", items: [ { label: "Phone: +971 50 401 9009", href: "tel:+971504019009" }, { label: "The View Tower, Muroor Rd", href: "#" }, { label: "Abu Dhabi, UAE", href: "#" }, @@ -48,8 +45,7 @@ export default function MenuPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -79,9 +75,7 @@ export default function MenuPage() { id: item.id, }))} button={{ - text: "Reserve Table", - href: "/reservation", - }} + text: "Reserve Table", href: "/reservation"}} animateOnLoad={true} /> @@ -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" /> -- 2.49.1 From 203ccb44015875cae43e4c61f77dbd3357420005 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 15:21:48 +0000 Subject: [PATCH 3/5] Update src/app/page.tsx --- src/app/page.tsx | 204 +++++++++++------------------------------------ 1 file changed, 47 insertions(+), 157 deletions(-) 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() { Date: Wed, 11 Mar 2026 15:21:48 +0000 Subject: [PATCH 4/5] Update src/app/reservation/page.tsx --- src/app/reservation/page.tsx | 42 ++++++++++++------------------------ 1 file changed, 14 insertions(+), 28 deletions(-) diff --git a/src/app/reservation/page.tsx b/src/app/reservation/page.tsx index 90563f7..af439ba 100644 --- a/src/app/reservation/page.tsx +++ b/src/app/reservation/page.tsx @@ -20,8 +20,7 @@ export default function ReservationPage() { const footerColumns = [ { - title: "Navigation", - items: [ + title: "Navigation", items: [ { label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }, @@ -29,8 +28,7 @@ export default function ReservationPage() { ], }, { - title: "Services", - items: [ + title: "Services", items: [ { label: "Dine-In", href: "#" }, { label: "Drive-Through", href: "#" }, { label: "Delivery", href: "#" }, @@ -38,8 +36,7 @@ export default function ReservationPage() { ], }, { - title: "Contact", - items: [ + title: "Contact", items: [ { label: "Phone: +971 50 401 9009", href: "tel:+971504019009" }, { label: "The View Tower, Muroor Rd", href: "#" }, { label: "Abu Dhabi, UAE", href: "#" }, @@ -47,8 +44,7 @@ export default function ReservationPage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }, @@ -85,7 +81,7 @@ export default function ReservationPage() { description="Experience the finest Persian cuisine in an atmosphere of elegance and sophistication. Book your reservation now and immerse yourself in culinary luxury at Abu Dhabi's premier fine dining destination." tag="Luxury Dining" background={{ variant: "glowing-orb" }} - imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg?_wi=7" + imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg" imageAlt="Joon Persian Restaurant reservation experience" imagePosition="right" buttons={[ @@ -105,32 +101,22 @@ export default function ReservationPage() { 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=8", - }, + 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=4", - }, + 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=6", - }, + 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" /> -- 2.49.1 From efe067484432f5b773ae20eae91d1edda6ffe62f Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 15:21:49 +0000 Subject: [PATCH 5/5] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 102 +++++++++++------- 1 file changed, 66 insertions(+), 36 deletions(-) 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 -- 2.49.1