diff --git a/src/app/page.tsx b/src/app/page.tsx index 747beab..505e514 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="compact" sizing="medium" - background="noise" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="gradient" secondaryButtonStyle="radial-glow" @@ -47,7 +47,7 @@ export default function LandingPage() { tag="Trusted Care" tagIcon={Shield} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} buttons={[ { text: "Book Appointment", href: "contact" }, { text: "Call Now", href: "tel:+919999999999" } @@ -55,10 +55,10 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/unfocused-lobby-with-shiny-floor_1203-598.jpg", imageAlt: "Modern dental clinic interior with welcoming atmosphere" }, - { imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg?_wi=1", imageAlt: "Dr. Uttam - Experienced Dentist" }, - { imageSrc: "http://img.b2bpic.net/free-photo/dental-fillings-dental-fillings-with-ultraviolet-light-female-dentist-treating-girls-tooth_169016-66927.jpg?_wi=1", imageAlt: "Professional teeth cleaning service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg?_wi=1", imageAlt: "Beautiful bright white smile after treatment" }, - { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212469.jpg?_wi=1", imageAlt: "Perfectly aligned teeth after braces" } + { imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg", imageAlt: "Dr. Uttam - Experienced Dentist" }, + { imageSrc: "http://img.b2bpic.net/free-photo/dental-fillings-dental-fillings-with-ultraviolet-light-female-dentist-treating-girls-tooth_169016-66927.jpg", imageAlt: "Professional teeth cleaning service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg", imageAlt: "Beautiful bright white smile after treatment" }, + { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212469.jpg", imageAlt: "Perfectly aligned teeth after braces" } ]} mediaAnimation="slide-up" ariaLabel="Hero section - Best Dental Clinic in Ramgarh Cantt" @@ -74,7 +74,7 @@ export default function LandingPage() { description="Dr. Uttam Sharma" subdescription="BDS (Bachelor of Dental Surgery) | 12+ Years Experience | Ramgarh Cantt" icon={Award} - imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg" imageAlt="Dr. Uttam Sharma - Experienced Dentist" mediaAnimation="slide-up" useInvertedBackground={true} @@ -91,7 +91,7 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "cleaning", title: "Professional Cleaning", description: "Painless professional teeth cleaning and scaling with advanced ultrasonic technology to remove plaque and tartar buildup.", tag: "Preventive", imageSrc: "http://img.b2bpic.net/free-photo/dental-fillings-dental-fillings-with-ultraviolet-light-female-dentist-treating-girls-tooth_169016-66927.jpg?_wi=2", imageAlt: "Professional dental cleaning service" + id: "cleaning", title: "Professional Cleaning", description: "Painless professional teeth cleaning and scaling with advanced ultrasonic technology to remove plaque and tartar buildup.", tag: "Preventive", imageSrc: "http://img.b2bpic.net/free-photo/dental-fillings-dental-fillings-with-ultraviolet-light-female-dentist-treating-girls-tooth_169016-66927.jpg", imageAlt: "Professional dental cleaning service" }, { id: "extraction", title: "Emergency Extraction", description: "Fast, painless emergency tooth extraction with same-day appointments available. Gentle techniques ensure minimal discomfort.", tag: "Emergency", imageSrc: "http://img.b2bpic.net/free-photo/otolaryngologist-preparing-medical-examination-procedure_1157-45484.jpg", imageAlt: "Emergency dental extraction treatment" @@ -103,7 +103,7 @@ export default function LandingPage() { id: "root-canal", title: "Root Canal Therapy", description: "Painless root canal treatment using the latest endodontic techniques to save your natural tooth and eliminate pain.", tag: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/dentist-treats-childs-tooth-using-rubber-dam-closeup-tooth-treatment_169016-67010.jpg", imageAlt: "Root canal treatment procedure" }, { - id: "cosmetic", title: "Cosmetic Dentistry", description: "Teeth whitening, veneers, and smile design services to enhance your confidence. Before-after results available upon request.", tag: "Cosmetic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg?_wi=2", imageAlt: "Bright white teeth cosmetic treatment" + id: "cosmetic", title: "Cosmetic Dentistry", description: "Teeth whitening, veneers, and smile design services to enhance your confidence. Before-after results available upon request.", tag: "Cosmetic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg", imageAlt: "Bright white teeth cosmetic treatment" } ]} animationType="slide-up" @@ -125,13 +125,13 @@ export default function LandingPage() { id: "whitening", name: "Professional Teeth Whitening", price: "₹3,999", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-woman-with-red-eyeliner_23-2149089077.jpg", imageAlt: "Before professional whitening treatment" }, { - id: "whitening-after", name: "After Whitening - Brilliant Results", price: "Results in 1 visit", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg?_wi=3", imageAlt: "After professional whitening - bright white smile" + id: "whitening-after", name: "After Whitening - Brilliant Results", price: "Results in 1 visit", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-living-room_329181-2448.jpg", imageAlt: "After professional whitening - bright white smile" }, { id: "braces", name: "Orthodontic Braces Treatment", price: "₹25,000+", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gold-gilded-sweater-black-pants-putting-index-fingers-near-mouth-forcing-smile-looking-happy-front-view_176474-50572.jpg", imageAlt: "Before braces - crooked misaligned teeth" }, { - id: "braces-after", name: "Perfect Alignment - Beautiful Results", price: "12-18 months", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212469.jpg?_wi=2", imageAlt: "After braces - perfectly aligned smile" + id: "braces-after", name: "Perfect Alignment - Beautiful Results", price: "12-18 months", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212469.jpg", imageAlt: "After braces - perfectly aligned smile" }, { id: "implant", name: "Dental Implant Restoration", price: "₹35,000+", imageSrc: "http://img.b2bpic.net/free-photo/crop-portrait-female-face_1301-2294.jpg", imageAlt: "Before implant - missing tooth gap" @@ -267,7 +267,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Ready for Your Smile Transformation?" description="Book your appointment today or call us for emergency care. We're here to serve families and individuals in Ramgarh Cantt with affordable, painless dental treatments." - background={{ variant: "noise" }} + background={{ variant: "plain" }} useInvertedBackground={true} inputPlaceholder="Enter your phone number" buttonText="Book Now" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..a5941c0 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,42 @@ -"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; + fontWeight?: number | string; + fill?: string; + dominantBaseline?: 'auto' | 'text-top' | 'hanging' | 'middle' | 'central' | 'text-bottom' | 'ideographic' | 'mathematical'; } -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, + fontWeight = 'bold', + fill = 'currentColor', + dominantBaseline = 'central' +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file