Merge version_1 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -9,7 +9,7 @@ import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Heart, Home, Paw, Sparkles, Wallet, Phone, Sun, Star, Crown } from "lucide-react";
|
||||
import { Heart, Home, Sparkles, Wallet, Phone, Sun, Star, Crown } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -22,8 +22,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "الخدمات",
|
||||
items: [
|
||||
title: "الخدمات", items: [
|
||||
{ label: "الإقامة", href: "#services" },
|
||||
{ label: "الحضانة النهارية", href: "#services" },
|
||||
{ label: "التجميل", href: "#services" },
|
||||
@@ -31,8 +30,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "شركة",
|
||||
items: [
|
||||
title: "شركة", items: [
|
||||
{ label: "عن Loving Homes", href: "#about" },
|
||||
{ label: "الحزم والأسعار", href: "#pricing" },
|
||||
{ label: "التقييمات", href: "#testimonials" },
|
||||
@@ -40,8 +38,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "معلومات",
|
||||
items: [
|
||||
title: "معلومات", items: [
|
||||
{ label: "سياسة الخصوصية", href: "#" },
|
||||
{ label: "شروط الخدمة", href: "#" },
|
||||
{ label: "الأسئلة الشائعة", href: "#" },
|
||||
@@ -57,7 +54,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -76,7 +73,7 @@ export default function HomePage() {
|
||||
<HeroBillboard
|
||||
title="مرحباً بك في Loving Homes"
|
||||
description="أفضل فندق وجليسة عناية بالحيوانات الأليفة - توفير رعاية آمنة وراحة عالية لكلبك عندما تكون بعيداً"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="رعاية متميزة"
|
||||
tagIcon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-closeup-shot-cute-golden-retriever-looking-right-sunny-day_181624-2963.jpg"
|
||||
@@ -87,17 +84,11 @@ export default function HomePage() {
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6415.jpg",
|
||||
alt: "مالك كلب سعيد",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6415.jpg", alt: "مالك كلب سعيد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg",
|
||||
alt: "صاحب حيوان أليف",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg", alt: "صاحب حيوان أليف"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-having-fun-with-her-dog-garden_23-2147902039.jpg",
|
||||
alt: "عميل راضي",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-having-fun-with-her-dog-garden_23-2147902039.jpg", alt: "عميل راضي"},
|
||||
]}
|
||||
avatarText="موثوق به من قبل 500+ مالك كلب"
|
||||
/>
|
||||
@@ -110,8 +101,8 @@ export default function HomePage() {
|
||||
title="نحن هنا لنوفر البيت الثاني لحبيبك"
|
||||
description="نحن نفهم أن حيوانك الأليف هو جزء من عائلتك"
|
||||
subdescription="Loving Homes - رعاية بحب وأمان منذ 2015"
|
||||
icon={Paw}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/schooling-dog-demands-lot-patience_329181-8138.jpg?_wi=1"
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/schooling-dog-demands-lot-patience_329181-8138.jpg"
|
||||
imageAlt="منطقة لعب الكلاب الحديثة"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -126,44 +117,20 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: "accommodation",
|
||||
label: "الإقامة",
|
||||
title: "فنادق فاخرة مريحة وآمنة",
|
||||
items: [
|
||||
"غرف مكيفة وفاخرة",
|
||||
"الفراش الناعم والمريح",
|
||||
"مراقبة 24/7 آمنة",
|
||||
],
|
||||
id: "accommodation", label: "الإقامة", title: "فنادق فاخرة مريحة وآمنة", items: [
|
||||
"غرف مكيفة وفاخرة", "الفراش الناعم والمريح", "مراقبة 24/7 آمنة"],
|
||||
},
|
||||
{
|
||||
id: "daycare",
|
||||
label: "الحضانة",
|
||||
title: "رعاية نهارية نشطة وممتعة",
|
||||
items: [
|
||||
"ألعاب وأنشطة تفاعلية",
|
||||
"الإشراف المهني",
|
||||
"التنشئة الاجتماعية الآمنة",
|
||||
],
|
||||
id: "daycare", label: "الحضانة", title: "رعاية نهارية نشطة وممتعة", items: [
|
||||
"ألعاب وأنشطة تفاعلية", "الإشراف المهني", "التنشئة الاجتماعية الآمنة"],
|
||||
},
|
||||
{
|
||||
id: "grooming",
|
||||
label: "التجميل",
|
||||
title: "خدمات عناية وتجميل احترافية",
|
||||
items: [
|
||||
"استحمام وتنظيف احترافي",
|
||||
"قص شعر متخصص",
|
||||
"علاجات صحية وعطرية",
|
||||
],
|
||||
id: "grooming", label: "التجميل", title: "خدمات عناية وتجميل احترافية", items: [
|
||||
"استحمام وتنظيف احترافي", "قص شعر متخصص", "علاجات صحية وعطرية"],
|
||||
},
|
||||
{
|
||||
id: "health",
|
||||
label: "الصحة",
|
||||
title: "رعاية صحية شاملة ومتابعة",
|
||||
items: [
|
||||
"فحوصات صحية منتظمة",
|
||||
"إسعافات أولية متقدمة",
|
||||
"استشارات بيطرية",
|
||||
],
|
||||
id: "health", label: "الصحة", title: "رعاية صحية شاملة ومتابعة", items: [
|
||||
"فحوصات صحية منتظمة", "إسعافات أولية متقدمة", "استشارات بيطرية"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -180,46 +147,19 @@ export default function HomePage() {
|
||||
tagIcon={Wallet}
|
||||
plans={[
|
||||
{
|
||||
id: "daycare",
|
||||
badge: "شعبي",
|
||||
badgeIcon: Sun,
|
||||
price: "150 ر.س/يوم",
|
||||
subtitle: "مثالي لرعاية النهار النشطة",
|
||||
features: [
|
||||
"ساعات 8:00 - 17:00",
|
||||
"ألعاب وأنشطة تفاعلية",
|
||||
"وجبات صحية ومشروبات",
|
||||
"تقارير يومية",
|
||||
],
|
||||
id: "daycare", badge: "شعبي", badgeIcon: Sun,
|
||||
price: "150 ر.س/يوم", subtitle: "مثالي لرعاية النهار النشطة", features: [
|
||||
"ساعات 8:00 - 17:00", "ألعاب وأنشطة تفاعلية", "وجبات صحية ومشروبات", "تقارير يومية"],
|
||||
},
|
||||
{
|
||||
id: "classic",
|
||||
badge: "الأكثر اختياراً",
|
||||
badgeIcon: Star,
|
||||
price: "350 ر.س/ليلة",
|
||||
subtitle: "الرعاية الكاملة والمريحة",
|
||||
features: [
|
||||
"غرفة نظيفة ومريحة",
|
||||
"طعام عالي الجودة",
|
||||
"مراقبة 24/7",
|
||||
"ألعاب وتمارين",
|
||||
"حمام شامبو مجاني",
|
||||
],
|
||||
id: "classic", badge: "الأكثر اختياراً", badgeIcon: Star,
|
||||
price: "350 ر.س/ليلة", subtitle: "الرعاية الكاملة والمريحة", features: [
|
||||
"غرفة نظيفة ومريحة", "طعام عالي الجودة", "مراقبة 24/7", "ألعاب وتمارين", "حمام شامبو مجاني"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "فاخر",
|
||||
badgeIcon: Crown,
|
||||
price: "550 ر.س/ليلة",
|
||||
subtitle: "الفخامة والعناية المتميزة",
|
||||
features: [
|
||||
"جناح فاخر خاص",
|
||||
"خدمة طعام مخصصة",
|
||||
"تدليك وعلاج استرخاء",
|
||||
"جلسات تدريب شخصية",
|
||||
"مستلزمات عطرية وتجميل",
|
||||
"استشارة بيطرية مجانية",
|
||||
],
|
||||
id: "premium", badge: "فاخر", badgeIcon: Crown,
|
||||
price: "550 ر.س/ليلة", subtitle: "الفخامة والعناية المتميزة", features: [
|
||||
"جناح فاخر خاص", "خدمة طعام مخصصة", "تدليك وعلاج استرخاء", "جلسات تدريب شخصية", "مستلزمات عطرية وتجميل", "استشارة بيطرية مجانية"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -232,65 +172,29 @@ export default function HomePage() {
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "فاطمة محمد",
|
||||
handle: "@فاطمة_الرياض",
|
||||
testimonial:
|
||||
"Loving Homes غيرت طريقة تركي لكلبي. لا قلق بعد الآن عندما أكون بعيدة، فهو في أيد آمنة وحنونة",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6415.jpg?_wi=1",
|
||||
imageAlt: "فاطمة محمد",
|
||||
},
|
||||
id: "1", name: "فاطمة محمد", handle: "@فاطمة_الرياض", testimonial:
|
||||
"Loving Homes غيرت طريقة تركي لكلبي. لا قلق بعد الآن عندما أكون بعيدة، فهو في أيد آمنة وحنونة", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6415.jpg", imageAlt: "فاطمة محمد"},
|
||||
{
|
||||
id: "2",
|
||||
name: "أحمد السديري",
|
||||
handle: "@احمد_الدوح",
|
||||
testimonial:
|
||||
"الفريق المحترف والعناية الفائقة. كلبي عاد سعيد جداً وممتلئاً بالطاقة. شكراً Loving Homes",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg?_wi=1",
|
||||
imageAlt: "أحمد السديري",
|
||||
},
|
||||
id: "2", name: "أحمد السديري", handle: "@احمد_الدوح", testimonial:
|
||||
"الفريق المحترف والعناية الفائقة. كلبي عاد سعيد جداً وممتلئاً بالطاقة. شكراً Loving Homes", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg", imageAlt: "أحمد السديري"},
|
||||
{
|
||||
id: "3",
|
||||
name: "نور علي",
|
||||
handle: "@نور_الكويت",
|
||||
testimonial:
|
||||
"أفضل فندق للحيوانات الأليفة جربته. المرافق نظيفة والموظفون ودودون جداً ومحترفون",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-happy-woman-having-fun-with-her-dog-garden_23-2147902039.jpg?_wi=1",
|
||||
imageAlt: "نور علي",
|
||||
},
|
||||
id: "3", name: "نور علي", handle: "@نور_الكويت", testimonial:
|
||||
"أفضل فندق للحيوانات الأليفة جربته. المرافق نظيفة والموظفون ودودون جداً ومحترفون", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-happy-woman-having-fun-with-her-dog-garden_23-2147902039.jpg", imageAlt: "نور علي"},
|
||||
{
|
||||
id: "4",
|
||||
name: "محمد الخليفة",
|
||||
handle: "@محمد_جدة",
|
||||
testimonial:
|
||||
"كنت قلقاً أول مرة لكن التحديثات اليومية والصور أريحتني جداً. فريق ممتاز وجدير بالثقة",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-cute-smart-dog-gives-paw-his-owner-handsome-man-with-his-golden-retriever-sitting-pet-friendly-cafe_1258-314242.jpg?_wi=1",
|
||||
imageAlt: "محمد الخليفة",
|
||||
},
|
||||
id: "4", name: "محمد الخليفة", handle: "@محمد_جدة", testimonial:
|
||||
"كنت قلقاً أول مرة لكن التحديثات اليومية والصور أريحتني جداً. فريق ممتاز وجدير بالثقة", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-cute-smart-dog-gives-paw-his-owner-handsome-man-with-his-golden-retriever-sitting-pet-friendly-cafe_1258-314242.jpg", imageAlt: "محمد الخليفة"},
|
||||
{
|
||||
id: "5",
|
||||
name: "سارة الشهري",
|
||||
handle: "@سارة_صنعاء",
|
||||
testimonial:
|
||||
"Loving Homes هو الخيار الأول والأخير لنا. خدمة متميزة وعناية حقيقية بالحيوان الأليف",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6415.jpg?_wi=2",
|
||||
imageAlt: "سارة الشهري",
|
||||
},
|
||||
id: "5", name: "سارة الشهري", handle: "@سارة_صنعاء", testimonial:
|
||||
"Loving Homes هو الخيار الأول والأخير لنا. خدمة متميزة وعناية حقيقية بالحيوان الأليف", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-blonde-girl-walking-playing-with-beagle-dog-park_176420-6415.jpg", imageAlt: "سارة الشهري"},
|
||||
{
|
||||
id: "6",
|
||||
name: "علي بن عبدالله",
|
||||
handle: "@علي_مسقط",
|
||||
testimonial:
|
||||
"أنصح كل صاحب كلب بـ Loving Homes. الفريق يعاملهم مثل أطفالهم. شكراً على الرعاية الممتازة",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg?_wi=2",
|
||||
imageAlt: "علي بن عبدالله",
|
||||
},
|
||||
id: "6", name: "علي بن عبدالله", handle: "@علي_مسقط", testimonial:
|
||||
"أنصح كل صاحب كلب بـ Loving Homes. الفريق يعاملهم مثل أطفالهم. شكراً على الرعاية الممتازة", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog_23-2149047318.jpg", imageAlt: "علي بن عبدالله"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="تقييمات العملاء"
|
||||
|
||||
@@ -6,7 +6,7 @@ import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Sparkles, Home, Paw, Phone, Heart } from "lucide-react";
|
||||
import { Sparkles, Home, Phone, Heart } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ServicesPage() {
|
||||
@@ -20,8 +20,7 @@ export default function ServicesPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "الخدمات",
|
||||
items: [
|
||||
title: "الخدمات", items: [
|
||||
{ label: "الإقامة", href: "/services" },
|
||||
{ label: "الحضانة النهارية", href: "/services" },
|
||||
{ label: "التجميل", href: "/services" },
|
||||
@@ -29,8 +28,7 @@ export default function ServicesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "شركة",
|
||||
items: [
|
||||
title: "شركة", items: [
|
||||
{ label: "عن Loving Homes", href: "/" },
|
||||
{ label: "الحزم والأسعار", href: "/pricing" },
|
||||
{ label: "التقييمات", href: "/" },
|
||||
@@ -38,8 +36,7 @@ export default function ServicesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "معلومات",
|
||||
items: [
|
||||
title: "معلومات", items: [
|
||||
{ label: "سياسة الخصوصية", href: "#" },
|
||||
{ label: "شروط الخدمة", href: "#" },
|
||||
{ label: "الأسئلة الشائعة", href: "#" },
|
||||
@@ -55,7 +52,7 @@ export default function ServicesPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -74,43 +71,23 @@ export default function ServicesPage() {
|
||||
<FeatureCardTwelve
|
||||
features={[
|
||||
{
|
||||
id: "accommodation",
|
||||
label: "الإقامة",
|
||||
title: "فنادق فاخرة مريحة وآمنة",
|
||||
items: [
|
||||
"غرف مكيفة وفاخرة",
|
||||
"الفراش الناعم والمريح",
|
||||
"مراقبة 24/7 آمنة"
|
||||
id: "accommodation", label: "الإقامة", title: "فنادق فاخرة مريحة وآمنة", items: [
|
||||
"غرف مكيفة وفاخرة", "الفراش الناعم والمريح", "مراقبة 24/7 آمنة"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "daycare",
|
||||
label: "الحضانة",
|
||||
title: "رعاية نهارية نشطة وممتعة",
|
||||
items: [
|
||||
"ألعاب وأنشطة تفاعلية",
|
||||
"الإشراف المهني",
|
||||
"التنشئة الاجتماعية الآمنة"
|
||||
id: "daycare", label: "الحضانة", title: "رعاية نهارية نشطة وممتعة", items: [
|
||||
"ألعاب وأنشطة تفاعلية", "الإشراف المهني", "التنشئة الاجتماعية الآمنة"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "grooming",
|
||||
label: "التجميل",
|
||||
title: "خدمات عناية وتجميل احترافية",
|
||||
items: [
|
||||
"استحمام وتنظيف احترافي",
|
||||
"قص شعر متخصص",
|
||||
"علاجات صحية وعطرية"
|
||||
id: "grooming", label: "التجميل", title: "خدمات عناية وتجميل احترافية", items: [
|
||||
"استحمام وتنظيف احترافي", "قص شعر متخصص", "علاجات صحية وعطرية"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "health",
|
||||
label: "الصحة",
|
||||
title: "رعاية صحية شاملة ومتابعة",
|
||||
items: [
|
||||
"فحوصات صحية منتظمة",
|
||||
"إسعافات أولية متقدمة",
|
||||
"استشارات بيطرية"
|
||||
id: "health", label: "الصحة", title: "رعاية صحية شاملة ومتابعة", items: [
|
||||
"فحوصات صحية منتظمة", "إسعافات أولية متقدمة", "استشارات بيطرية"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -131,8 +108,8 @@ export default function ServicesPage() {
|
||||
title="نحن هنا لنوفر البيت الثاني لحبيبك"
|
||||
description="نحن نفهم أن حيوانك الأليف هو جزء من عائلتك"
|
||||
subdescription="Loving Homes - رعاية بحب وأمان منذ 2015"
|
||||
icon={Paw}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/schooling-dog-demands-lot-patience_329181-8138.jpg?_wi=3"
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/schooling-dog-demands-lot-patience_329181-8138.jpg"
|
||||
imageAlt="منطقة لعب الكلاب الحديثة"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
|
||||
@@ -1,51 +1,34 @@
|
||||
"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;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export function SvgTextLogo({
|
||||
text,
|
||||
className = '',
|
||||
textClassName = '',
|
||||
}: SvgTextLogoProps) {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 500 100"
|
||||
className={`w-full h-auto ${className}`}
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
>
|
||||
<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"
|
||||
className={`text-4xl font-bold ${textClassName}`}
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user