bender/faff7229-e513-433f-954a-844303fd784c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-10 19:10:47 +00:00
Conversation 0 Commits 2 Files Changed 2 +66 -59
2 changed files with 66 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/page.tsx
View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -43,7 +43,7 @@ export default function LandingPage() {
<HeroSplitKpi
title="Your Smile, Our Expertise"
description="Experience world-class dental care in a luxury setting. From routine cleanings to advanced cosmetic procedures, we deliver exceptional results with personalized attention."
background={{ variant: "aurora" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "20+", label: "Years of Excellence" },
{ value: "5000+", label: "Satisfied Patients" },
@@ -58,7 +58,7 @@ export default function LandingPage() {
{ text: "Learn More", href: "#about" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/female-dentist-treats-patients-teeth-stomatologist-working-with-professional-equipment_169016-67020.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/female-dentist-treats-patients-teeth-stomatologist-working-with-professional-equipment_169016-67020.jpg"
imageAlt="Modern luxury dental office"
mediaAnimation="slide-up"
imagePosition="right"
@@ -77,11 +77,11 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Cosmetic Solutions", name: "Professional Teeth Whitening", price: "From $299", rating: 5,
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg?_wi=1", imageAlt: "Professional teeth whitening procedure"
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg", imageAlt: "Professional teeth whitening procedure"
},
{
id: "2", brand: "Restorative Care", name: "Dental Implants", price: "From $1,599", rating: 5,
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-explaining-proper-dental-hygiene-using-teeth-skeleton-stomatology-appointment_482257-4910.jpg?_wi=1", imageAlt: "Advanced dental implant procedure"
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-explaining-proper-dental-hygiene-using-teeth-skeleton-stomatology-appointment_482257-4910.jpg", imageAlt: "Advanced dental implant procedure"
},
{
id: "3", brand: "Orthodontic Experts", name: "Modern Braces & Aligners", price: "From $3,499", rating: 5,
@@ -120,16 +120,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Advanced Technology", description: "State-of-the-art digital imaging and CAD/CAM technology for precise, efficient treatments.", imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-explaining-proper-dental-hygiene-using-teeth-skeleton-stomatology-appointment_482257-4910.jpg?_wi=2", imageAlt: "Advanced dental technology"
title: "Advanced Technology", description: "State-of-the-art digital imaging and CAD/CAM technology for precise, efficient treatments.", imageSrc: "http://img.b2bpic.net/free-photo/stomatologist-explaining-proper-dental-hygiene-using-teeth-skeleton-stomatology-appointment_482257-4910.jpg", imageAlt: "Advanced dental technology"
},
{
title: "Expert Team", description: "Board-certified dentists with decades of combined experience in all specialties.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treats-patients-teeth-stomatologist-working-with-professional-equipment_169016-67020.jpg?_wi=2", imageAlt: "Professional dental team"
title: "Expert Team", description: "Board-certified dentists with decades of combined experience in all specialties.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treats-patients-teeth-stomatologist-working-with-professional-equipment_169016-67020.jpg", imageAlt: "Professional dental team"
},
{
title: "Comfort First", description: "Relaxing environment with sedation options to ensure your complete peace of mind.", imageSrc: "http://img.b2bpic.net/free-vector/office-interior-realistic-composition-with-reception-counter-leather-sofa-journal-table_1284-58643.jpg?_wi=1", imageAlt: "Comfortable dental setting"
title: "Comfort First", description: "Relaxing environment with sedation options to ensure your complete peace of mind.", imageSrc: "http://img.b2bpic.net/free-vector/office-interior-realistic-composition-with-reception-counter-leather-sofa-journal-table_1284-58643.jpg", imageAlt: "Comfortable dental setting"
},
{
title: "Preventive Care", description: "Comprehensive wellness programs to maintain optimal oral health for life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg?_wi=2", imageAlt: "Preventive dental care"
title: "Preventive Care", description: "Comprehensive wellness programs to maintain optimal oral health for life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3962.jpg", imageAlt: "Preventive dental care"
}
]}
gridVariant="two-columns-alternating-heights"
@@ -146,10 +146,10 @@ export default function LandingPage() {
animationType="slide-up"
testimonials={[
{
id: "1", name: "Sarah Mitchell", handle: "Marketing Director", testimonial: "Dr. Chen transformed my smile completely. The professionalism and care exceeded all expectations. Highly recommend Radiance Dental!", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2758.jpg?_wi=1", imageAlt: "Sarah Mitchell"
id: "1", name: "Sarah Mitchell", handle: "Marketing Director", testimonial: "Dr. Chen transformed my smile completely. The professionalism and care exceeded all expectations. Highly recommend Radiance Dental!", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2758.jpg", imageAlt: "Sarah Mitchell"
},
{
id: "2", name: "Michael Torres", handle: "Business Executive", testimonial: "After years of hesitation, I finally got my implants done here. The entire process was seamless and painless. Best decision ever!", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg?_wi=1", imageAlt: "Michael Torres"
id: "2", name: "Michael Torres", handle: "Business Executive", testimonial: "After years of hesitation, I finally got my implants done here. The entire process was seamless and painless. Best decision ever!", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg", imageAlt: "Michael Torres"
},
{
id: "3", name: "Jennifer Adams", handle: "Healthcare Professional", testimonial: "The team's attention to detail and patient-centric approach is remarkable. My teeth have never looked better, and I feel so confident.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-while-having-coffee-working_23-2148661181.jpg", imageAlt: "Jennifer Adams"
@@ -158,10 +158,10 @@ export default function LandingPage() {
id: "4", name: "David Rodriguez", handle: "Financial Advisor", testimonial: "I've visited many dental practices, but Radiance stands out for their expertise and genuine care. Staff made me feel valued every visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-mature-man_23-2148465219.jpg", imageAlt: "David Rodriguez"
},
{
id: "5", name: "Michelle Wong", handle: "Entrepreneur", testimonial: "The cosmetic work they did is absolutely stunning. I get compliments on my smile constantly. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2758.jpg?_wi=2", imageAlt: "Michelle Wong"
id: "5", name: "Michelle Wong", handle: "Entrepreneur", testimonial: "The cosmetic work they did is absolutely stunning. I get compliments on my smile constantly. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-outdoor-with-headphones_624325-2758.jpg", imageAlt: "Michelle Wong"
},
{
id: "6", name: "James Bennett", handle: "Attorney", testimonial: "Professional, courteous, and results-oriented. This is exactly what you want in a dental practice. Five stars, no question.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg?_wi=2", imageAlt: "James Bennett"
id: "6", name: "James Bennett", handle: "Attorney", testimonial: "Professional, courteous, and results-oriented. This is exactly what you want in a dental practice. Five stars, no question.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg", imageAlt: "James Bennett"
}
]}
speed={40}
@@ -175,9 +175,9 @@ export default function LandingPage() {
description="Join hundreds of satisfied patients who have discovered the Radiance Dental difference. Book your consultation today and take the first step toward your best smile."
tagIcon={Calendar}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/office-interior-realistic-composition-with-reception-counter-leather-sofa-journal-table_1284-58643.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-vector/office-interior-realistic-composition-with-reception-counter-leather-sofa-journal-table_1284-58643.jpg"
imageAlt="Dental office reception"
mediaAnimation="slide-up"
mediaPosition="right"

95
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,58 @@
"use client";
import React, { SVGProps } from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text?: string;
width?: number;
height?: number;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
>
<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"
}}
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
(
{
text = 'Logo',
width = 200,
height = 100,
fontSize = 32,
fontFamily = 'Arial, sans-serif',
fontWeight = 'bold',
fill = 'currentColor',
className = '',
...props
},
ref
) => {
return (
<svg
ref={ref}
width={width}
height={height}
viewBox={`0 0 ${width} ${height}`}
xmlns="http://www.w3.org/2000/svg"
className={className}
{...props}
>
{logoText}
</text>
</svg>
);
});
<text
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
>
{text}
</text>
</svg>
);
}
);
SvgTextLogo.displayName = "SvgTextLogo";
SvgTextLogo.displayName = 'SvgTextLogo';
export default SvgTextLogo;
export default SvgTextLogo;