Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -35,9 +35,7 @@ export default function AboutPage() {
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
className="sticky top-0 z-50"
|
||||
/>
|
||||
</div>
|
||||
@@ -49,14 +47,12 @@ export default function AboutPage() {
|
||||
description="Established with a vision to deliver world-class healthcare, MediCare Hospital combines cutting-edge medical technology with compassionate patient care. Our team of experienced specialists is dedicated to providing personalized treatment and excellent outcomes for every patient. We believe in the power of compassion combined with clinical excellence to transform patient outcomes."
|
||||
tag="About Us"
|
||||
tagIcon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pediatric-dentist-looking-camera-smiling-while-man-assistand-speaking-with-patients-about-dental-hygiene-background-stomatologist-sitting-front-webcam-working-dentistry-clinic_482257-3289.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pediatric-dentist-looking-camera-smiling-while-man-assistand-speaking-with-patients-about-dental-hygiene-background-stomatologist-sitting-front-webcam-working-dentistry-clinic_482257-3289.jpg"
|
||||
imageAlt="MediCare Hospital facility"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "/",
|
||||
},
|
||||
text: "Explore Services", href: "/"},
|
||||
]}
|
||||
ariaLabel="About section - MediCare Hospital"
|
||||
/>
|
||||
@@ -68,32 +64,16 @@ export default function AboutPage() {
|
||||
title="Meet Our Expert Specialists and Medical Professionals"
|
||||
tag="Our Team"
|
||||
tagAnimation="slide-up"
|
||||
membersAnimation="entrance-slide"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Priya Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980790.jpg?_wi=1",
|
||||
imageAlt: "Dr. Priya Sharma - Gynecologist",
|
||||
},
|
||||
id: "1", name: "Dr. Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980790.jpg", imageAlt: "Dr. Priya Sharma - Gynecologist"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Rajesh Kumar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-woman-working-healthcare-system-having-care-job_23-2151237605.jpg?_wi=1",
|
||||
imageAlt: "Dr. Rajesh Kumar - General Medicine",
|
||||
},
|
||||
id: "2", name: "Dr. Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-woman-working-healthcare-system-having-care-job_23-2151237605.jpg", imageAlt: "Dr. Rajesh Kumar - General Medicine"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Anita Patel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg?_wi=1",
|
||||
imageAlt: "Dr. Anita Patel - Orthopedics",
|
||||
},
|
||||
id: "3", name: "Dr. Anita Patel", imageSrc: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg", imageAlt: "Dr. Anita Patel - Orthopedics"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dr. Vikram Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indiian-businessman_1098-16877.jpg?_wi=1",
|
||||
imageAlt: "Dr. Vikram Singh - Surgery",
|
||||
},
|
||||
id: "4", name: "Dr. Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indiian-businessman_1098-16877.jpg", imageAlt: "Dr. Vikram Singh - Surgery"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
useInvertedBackground={false}
|
||||
@@ -105,35 +85,17 @@ export default function AboutPage() {
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What makes MediCare Hospital unique?",
|
||||
content: "MediCare Hospital stands out due to our combination of experienced specialists, state-of-the-art facilities, patient-centric approach, and 24/7 emergency services. We prioritize personalized care and maintain the highest standards of medical ethics.",
|
||||
},
|
||||
id: "1", title: "What makes MediCare Hospital unique?", content: "MediCare Hospital stands out due to our combination of experienced specialists, state-of-the-art facilities, patient-centric approach, and 24/7 emergency services. We prioritize personalized care and maintain the highest standards of medical ethics."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your mission and vision?",
|
||||
content: "Our mission is to deliver compassionate, high-quality healthcare to every patient. Our vision is to be the leading multispeciality hospital in Gujarat, known for medical excellence, patient satisfaction, and innovation.",
|
||||
},
|
||||
id: "2", title: "What is your mission and vision?", content: "Our mission is to deliver compassionate, high-quality healthcare to every patient. Our vision is to be the leading multispeciality hospital in Gujarat, known for medical excellence, patient satisfaction, and innovation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How many years of experience do your doctors have?",
|
||||
content: "Our team comprises highly experienced specialists with 10-25+ years of clinical practice. Many of our doctors are recognized leaders in their respective fields with national and international credentials.",
|
||||
},
|
||||
id: "3", title: "How many years of experience do your doctors have?", content: "Our team comprises highly experienced specialists with 10-25+ years of clinical practice. Many of our doctors are recognized leaders in their respective fields with national and international credentials."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What accreditations and certifications does the hospital have?",
|
||||
content: "We maintain accreditations from leading healthcare bodies and comply with all national healthcare standards. Our staff undergoes continuous professional development and training.",
|
||||
},
|
||||
id: "4", title: "What accreditations and certifications does the hospital have?", content: "We maintain accreditations from leading healthcare bodies and comply with all national healthcare standards. Our staff undergoes continuous professional development and training."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How does the hospital ensure patient safety?",
|
||||
content: "Patient safety is our top priority. We follow strict infection control protocols, maintain state-of-the-art equipment, conduct regular safety audits, and train all staff on best practices and emergency procedures.",
|
||||
},
|
||||
id: "5", title: "How does the hospital ensure patient safety?", content: "Patient safety is our top priority. We follow strict infection control protocols, maintain state-of-the-art equipment, conduct regular safety audits, and train all staff on best practices and emergency procedures."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you offer follow-up care and rehabilitation services?",
|
||||
content: "Yes, we provide comprehensive follow-up care, rehabilitation services, and post-operative monitoring. Our dedicated rehabilitation team ensures smooth recovery and return to normal activities.",
|
||||
},
|
||||
id: "6", title: "Do you offer follow-up care and rehabilitation services?", content: "Yes, we provide comprehensive follow-up care, rehabilitation services, and post-operative monitoring. Our dedicated rehabilitation team ensures smooth recovery and return to normal activities."},
|
||||
]}
|
||||
title="About Our Hospital"
|
||||
description="Learn more about MediCare Hospital's commitment to excellence, our team, and our approach to patient care"
|
||||
@@ -152,8 +114,7 @@ export default function AboutPage() {
|
||||
copyrightText="© 2025 MediCare Hospital. All rights reserved. Excellence in Healthcare."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Departments", href: "/#departments" },
|
||||
{ label: "Specialists", href: "/#team" },
|
||||
{ label: "Appointment", href: "/#contact" },
|
||||
@@ -161,8 +122,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
@@ -170,20 +130,13 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: +91-XXXX-XXXX-XX",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
},
|
||||
label: "Phone: +91-XXXX-XXXX-XX", href: "tel:+91XXXXXXXXXX"},
|
||||
{
|
||||
label: "Email: info@medicarehospital.com",
|
||||
href: "mailto:info@medicarehospital.com",
|
||||
},
|
||||
label: "Email: info@medicarehospital.com", href: "mailto:info@medicarehospital.com"},
|
||||
{
|
||||
label: "Emergency: +91-XXXX-XXXX-XX",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
},
|
||||
label: "Emergency: +91-XXXX-XXXX-XX", href: "tel:+91XXXXXXXXXX"},
|
||||
{ label: "Location: Ahmedabad, Gujarat", href: "#" },
|
||||
],
|
||||
},
|
||||
|
||||
@@ -35,9 +35,7 @@ export default function DoctorsPage() {
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
className="sticky top-0 z-50"
|
||||
/>
|
||||
</div>
|
||||
@@ -48,32 +46,16 @@ export default function DoctorsPage() {
|
||||
title="Meet Our Expert Specialists and Medical Professionals"
|
||||
tag="Our Team"
|
||||
tagAnimation="slide-up"
|
||||
membersAnimation="entrance-slide"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Priya Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980790.jpg?_wi=2",
|
||||
imageAlt: "Dr. Priya Sharma - Gynecologist",
|
||||
},
|
||||
id: "1", name: "Dr. Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-health-worker_23-2148980790.jpg", imageAlt: "Dr. Priya Sharma - Gynecologist"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Rajesh Kumar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-woman-working-healthcare-system-having-care-job_23-2151237605.jpg?_wi=2",
|
||||
imageAlt: "Dr. Rajesh Kumar - General Medicine",
|
||||
},
|
||||
id: "2", name: "Dr. Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-portrait-woman-working-healthcare-system-having-care-job_23-2151237605.jpg", imageAlt: "Dr. Rajesh Kumar - General Medicine"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Anita Patel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg?_wi=2",
|
||||
imageAlt: "Dr. Anita Patel - Orthopedics",
|
||||
},
|
||||
id: "3", name: "Dr. Anita Patel", imageSrc: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg", imageAlt: "Dr. Anita Patel - Orthopedics"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dr. Vikram Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indiian-businessman_1098-16877.jpg?_wi=2",
|
||||
imageAlt: "Dr. Vikram Singh - Surgery",
|
||||
},
|
||||
id: "4", name: "Dr. Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indiian-businessman_1098-16877.jpg", imageAlt: "Dr. Vikram Singh - Surgery"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
useInvertedBackground={false}
|
||||
@@ -92,22 +74,13 @@ export default function DoctorsPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Dr. Priya Sharma - Gynaecologist",
|
||||
description: "Specializing in women's health with 15+ years of experience in obstetrics, gynecology, and maternal care. Dedicated to providing compassionate healthcare for all stages of women's life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-having-caesarean-surgery-pushing-hard-while-medical-team-delivery-baby-hopsital-ward-pregnant-woman-having-paniful-contractions-giving-birth-child-being-comforting-by-husband_482257-70920.jpg?_wi=3",
|
||||
},
|
||||
title: "Dr. Priya Sharma - Gynaecologist", description: "Specializing in women's health with 15+ years of experience in obstetrics, gynecology, and maternal care. Dedicated to providing compassionate healthcare for all stages of women's life.", imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-having-caesarean-surgery-pushing-hard-while-medical-team-delivery-baby-hopsital-ward-pregnant-woman-having-paniful-contractions-giving-birth-child-being-comforting-by-husband_482257-70920.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Dr. Rajesh Kumar - General Medicine",
|
||||
description: "Expert in internal medicine and preventive care with 18+ years of clinical practice. Focuses on comprehensive diagnosis and management of medical conditions with a patient-first approach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medic-reviews-health-result-clipboard_482257-123515.jpg?_wi=3",
|
||||
},
|
||||
title: "Dr. Rajesh Kumar - General Medicine", description: "Expert in internal medicine and preventive care with 18+ years of clinical practice. Focuses on comprehensive diagnosis and management of medical conditions with a patient-first approach.", imageSrc: "http://img.b2bpic.net/free-photo/medic-reviews-health-result-clipboard_482257-123515.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Dr. Anita Patel - Orthopedic Surgeon",
|
||||
description: "Specialized in orthopedic surgery and musculoskeletal disorders with 20+ years of surgical expertise. Expert in joint replacement, arthroscopy, and sports medicine interventions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/my-patients-are-most-important-me_329181-2179.jpg?_wi=3",
|
||||
},
|
||||
title: "Dr. Anita Patel - Orthopedic Surgeon", description: "Specialized in orthopedic surgery and musculoskeletal disorders with 20+ years of surgical expertise. Expert in joint replacement, arthroscopy, and sports medicine interventions.", imageSrc: "http://img.b2bpic.net/free-photo/my-patients-are-most-important-me_329181-2179.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,53 +90,17 @@ export default function DoctorsPage() {
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Patel",
|
||||
handle: "@rajesh_ahmedabad",
|
||||
testimonial: "Dr. Vikram Singh's orthopedic expertise transformed my health. The surgical procedure was successful and his post-operative guidance was invaluable. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=2",
|
||||
imageAlt: "Rajesh Patel",
|
||||
},
|
||||
id: "1", name: "Rajesh Patel", handle: "@rajesh_ahmedabad", testimonial: "Dr. Vikram Singh's orthopedic expertise transformed my health. The surgical procedure was successful and his post-operative guidance was invaluable. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Rajesh Patel"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anjali Sharma",
|
||||
handle: "@anjali_wellness",
|
||||
testimonial: "Dr. Priya Sharma's holistic approach to gynecological care made me feel supported and heard throughout my treatment. Her expertise and compassion are truly remarkable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detective-specialist_1098-15356.jpg?_wi=2",
|
||||
imageAlt: "Anjali Sharma",
|
||||
},
|
||||
id: "2", name: "Anjali Sharma", handle: "@anjali_wellness", testimonial: "Dr. Priya Sharma's holistic approach to gynecological care made me feel supported and heard throughout my treatment. Her expertise and compassion are truly remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/detective-specialist_1098-15356.jpg", imageAlt: "Anjali Sharma"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vikram Desai",
|
||||
handle: "@vikram_d",
|
||||
testimonial: "Dr. Rajesh Kumar's diagnostic skills and thorough approach helped identify and resolve my health issues. His attentive care and clear explanations gave me confidence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16033.jpg?_wi=2",
|
||||
imageAlt: "Vikram Desai",
|
||||
},
|
||||
id: "3", name: "Vikram Desai", handle: "@vikram_d", testimonial: "Dr. Rajesh Kumar's diagnostic skills and thorough approach helped identify and resolve my health issues. His attentive care and clear explanations gave me confidence.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16033.jpg", imageAlt: "Vikram Desai"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Priya Gupta",
|
||||
handle: "@priya_health",
|
||||
testimonial: "Dr. Anita Patel is exceptional! She explained my orthopedic condition clearly and provided personalized treatment recommendations that led to complete recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-presenting-recovery-treatment_23-2148813416.jpg?_wi=2",
|
||||
imageAlt: "Priya Gupta",
|
||||
},
|
||||
id: "4", name: "Priya Gupta", handle: "@priya_health", testimonial: "Dr. Anita Patel is exceptional! She explained my orthopedic condition clearly and provided personalized treatment recommendations that led to complete recovery.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-presenting-recovery-treatment_23-2148813416.jpg", imageAlt: "Priya Gupta"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Arun Kumar",
|
||||
handle: "@arun_fitness",
|
||||
testimonial: "The medical team here is world-class. Each doctor I consulted was professional, knowledgeable, and genuinely invested in my recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medic-doing-signature-checkup-papers-give-prescription-medicine-patient-woman-doctor-signing-documents-after-healthcare-consultation-giving-treatment-senior-man-with-disease_482257-38502.jpg?_wi=2",
|
||||
imageAlt: "Arun Kumar",
|
||||
},
|
||||
id: "5", name: "Arun Kumar", handle: "@arun_fitness", testimonial: "The medical team here is world-class. Each doctor I consulted was professional, knowledgeable, and genuinely invested in my recovery.", imageSrc: "http://img.b2bpic.net/free-photo/medic-doing-signature-checkup-papers-give-prescription-medicine-patient-woman-doctor-signing-documents-after-healthcare-consultation-giving-treatment-senior-man-with-disease_482257-38502.jpg", imageAlt: "Arun Kumar"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Meera Singh",
|
||||
handle: "@meera_wellness",
|
||||
testimonial: "The doctors at MediCare combine cutting-edge medical knowledge with genuine compassion. I felt completely cared for throughout my treatment journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-senior-woman_23-2149031340.jpg?_wi=2",
|
||||
imageAlt: "Meera Singh",
|
||||
},
|
||||
id: "6", name: "Meera Singh", handle: "@meera_wellness", testimonial: "The doctors at MediCare combine cutting-edge medical knowledge with genuine compassion. I felt completely cared for throughout my treatment journey.", imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-senior-woman_23-2149031340.jpg", imageAlt: "Meera Singh"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Patients' Experience with Our Doctors"
|
||||
@@ -183,8 +120,7 @@ export default function DoctorsPage() {
|
||||
copyrightText="© 2025 MediCare Hospital. All rights reserved. Excellence in Healthcare."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Departments", href: "/#departments" },
|
||||
{ label: "Specialists", href: "#team" },
|
||||
{ label: "Appointment", href: "/#contact" },
|
||||
@@ -192,8 +128,7 @@ export default function DoctorsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
@@ -201,20 +136,13 @@ export default function DoctorsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone: +91-XXXX-XXXX-XX",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
},
|
||||
label: "Phone: +91-XXXX-XXXX-XX", href: "tel:+91XXXXXXXXXX"},
|
||||
{
|
||||
label: "Email: info@medicarehospital.com",
|
||||
href: "mailto:info@medicarehospital.com",
|
||||
},
|
||||
label: "Email: info@medicarehospital.com", href: "mailto:info@medicarehospital.com"},
|
||||
{
|
||||
label: "Emergency: +91-XXXX-XXXX-XX",
|
||||
href: "tel:+91XXXXXXXXXX",
|
||||
},
|
||||
label: "Emergency: +91-XXXX-XXXX-XX", href: "tel:+91XXXXXXXXXX"},
|
||||
{ label: "Location: Ahmedabad, Gujarat", href: "#" },
|
||||
],
|
||||
},
|
||||
|
||||
@@ -1,51 +1,31 @@
|
||||
"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;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
className={className}
|
||||
viewBox="0 0 200 60"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-label={text}
|
||||
>
|
||||
<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%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
fontSize="24"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user