diff --git a/src/app/page.tsx b/src/app/page.tsx index aabedcd..5bd2994 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa import FaqDouble from '@/components/sections/faq/FaqDouble'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; -import { Activity, CheckCircle, Clock, DollarSign, Heart, Lightbulb, Shield, Smile, Sparkles, Star, Tooth, Zap } from 'lucide-react'; +import { Activity, CheckCircle, Clock, DollarSign, Heart, HelpCircle, Lightbulb, Shield, Smile, Sparkles, Star, Zap } from 'lucide-react'; export default function LandingPage() { return ( @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumSmall" sizing="medium" - background="aurora" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -45,7 +45,7 @@ export default function LandingPage() { description="Professional dental care for families in Fairless Hills. Experience modern dentistry with compassionate care and state-of-the-art technology." tag="Expert Dental Care" tagIcon={Smile} - background={{ variant: "aurora" }} + background={{ variant: "plain" }} buttons={[ { text: "Schedule Visit", href: "contact" }, { text: "Learn More", href: "services" } @@ -67,7 +67,7 @@ export default function LandingPage() { tagIcon={Sparkles} features={[ { - icon: Tooth, + icon: Lightbulb, title: "Dental Implants", description: "Permanent and natural looking tooth replacement solutions for missing teeth." }, { @@ -121,10 +121,10 @@ export default function LandingPage() { tagIcon={Star} testimonials={[ { - id: "1", name: "Sarah M., Local Business Owner", date: "Date: 15 November 2024", title: "Best dentist experience ever", quote: "Best dentist experience ever. The staff was incredibly friendly and professional. Dr. made me feel completely comfortable throughout the entire visit. I highly recommend USA Dental Care to anyone looking for quality dental services.", tag: "General Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", avatarAlt: "happy patient portrait smiling teeth", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg?_wi=1", imageAlt: "happy patient portrait smiling teeth" + id: "1", name: "Sarah M., Local Business Owner", date: "Date: 15 November 2024", title: "Best dentist experience ever", quote: "Best dentist experience ever. The staff was incredibly friendly and professional. Dr. made me feel completely comfortable throughout the entire visit. I highly recommend USA Dental Care to anyone looking for quality dental services.", tag: "General Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", avatarAlt: "happy patient portrait smiling teeth", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", imageAlt: "happy patient portrait smiling teeth" }, { - id: "2", name: "James K., Engineer", date: "Date: 20 October 2024", title: "Excellent cosmetic dentistry results", quote: "Highly recommend this clinic for implants and cosmetic dentistry. The attention to detail was exceptional, and the results exceeded my expectations. My new smile has completely boosted my confidence!", tag: "Cosmetic Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", avatarAlt: "professional headshot smiling person", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg?_wi=1", imageAlt: "professional headshot smiling person" + id: "2", name: "James K., Engineer", date: "Date: 20 October 2024", title: "Excellent cosmetic dentistry results", quote: "Highly recommend this clinic for implants and cosmetic dentistry. The attention to detail was exceptional, and the results exceeded my expectations. My new smile has completely boosted my confidence!", tag: "Cosmetic Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", avatarAlt: "professional headshot smiling person", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", imageAlt: "professional headshot smiling person" }, { id: "3", name: "Olivia R., Educator", date: "Date: 25 September 2024", title: "Compassionate and thorough care", quote: "The dentist explained everything in detail and made me feel completely at ease. I was anxious about my root canal, but the team's expertise and care made it a smooth experience. Thank you for restoring my tooth and my confidence!", tag: "Root Canal Therapy", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", avatarAlt: "smiling person professional headshot", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "smiling person professional headshot" @@ -133,10 +133,10 @@ export default function LandingPage() { id: "4", name: "Michael T., Attorney", date: "Date: 10 September 2024", title: "Professional team, outstanding results", quote: "I chose USA Dental Care for my Invisalign treatment and couldn't be happier. The team is knowledgeable, the office is modern and clean, and my teeth have transformed beautifully. Absolutely worth the investment in my smile!", tag: "Orthodontics", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32510.jpg", avatarAlt: "person portrait smiling professional", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32510.jpg", imageAlt: "person portrait smiling professional" }, { - id: "5", name: "Jennifer L., Healthcare Professional", date: "Date: 28 August 2024", title: "Preventive care made easy", quote: "I appreciate how the team emphasizes preventive care. My routine cleanings and checkups are always thorough, and they educate me on maintaining my oral health. This is real dental care that makes a difference.", tag: "Preventive Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", avatarAlt: "happy patient portrait smiling teeth", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg?_wi=2", imageAlt: "happy patient portrait smiling teeth" + id: "5", name: "Jennifer L., Healthcare Professional", date: "Date: 28 August 2024", title: "Preventive care made easy", quote: "I appreciate how the team emphasizes preventive care. My routine cleanings and checkups are always thorough, and they educate me on maintaining my oral health. This is real dental care that makes a difference.", tag: "Preventive Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", avatarAlt: "happy patient portrait smiling teeth", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", imageAlt: "happy patient portrait smiling teeth" }, { - id: "6", name: "David P., Business Manager", date: "Date: 15 August 2024", title: "Emergency dental care saved the day", quote: "I had a dental emergency on a Saturday and was impressed that USA Dental Care could fit me in. The care was prompt, professional, and pain-relieving. Their 24/7 emergency service is truly valuable to our community.", tag: "Emergency Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", avatarAlt: "professional headshot smiling person", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg?_wi=2", imageAlt: "professional headshot smiling person" + id: "6", name: "David P., Business Manager", date: "Date: 15 August 2024", title: "Emergency dental care saved the day", quote: "I had a dental emergency on a Saturday and was impressed that USA Dental Care could fit me in. The care was prompt, professional, and pain-relieving. Their 24/7 emergency service is truly valuable to our community.", tag: "Emergency Dentistry", avatarSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", avatarAlt: "professional headshot smiling person", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", imageAlt: "professional headshot smiling person" } ]} textboxLayout="default" @@ -243,9 +243,3 @@ export default function LandingPage() { ); } - -// Missing icon import: HelpCircle -// This icon is used in the faq section but not imported from lucide-react -// Adding to imports for completeness - but note this was missing from lucide-react imports -// Update: Removing FaqDouble rendering - HelpCircle icon is not in standard lucide-react -// Re-adding with proper import \ No newline at end of file diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..1930b6e 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; + size?: 'sm' | 'md' | 'lg' | 'xl'; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ text, size = 'md', className = '' }) => { + const sizeMap = { + sm: { width: 200, height: 60, fontSize: 24 }, + md: { width: 300, height: 80, fontSize: 32 }, + lg: { width: 400, height: 100, fontSize: 40 }, + xl: { width: 500, height: 120, fontSize: 48 }, + }; + + const { width, height, fontSize } = sizeMap[size]; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;