bender/01f7418d-9f9e-4f29-bf75-f4c35b5886d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-11 15:43:58 +00:00
parent 71a62a240e 2986fbaffd
commit c5f4668c40
5 changed files with 309 additions and 636 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
src/app/about/page.tsx
View File

@@ -13,112 +13,62 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Services", id: "/services" },
}, { name: "Patients", id: "/patients" },
{ { name: "Contact", id: "/contact" },
name: "About", ]}
id: "/about", brandName="Noe Valley Smiles"
}, />
{ </div>
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="about-body" data-section="about-body"> <div id="about-body" data-section="about-body">
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ { type: "text", content: "Our Mission" },
type: "text", { type: "image", src: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197258.jpg", alt: "Clinic Exterior" }
content: "Our Mission", ]}
}, />
{ </div>
type: "image",
src: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197258.jpg",
alt: "Clinic Exterior",
},
]}
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTwo <TeamCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
title="Our Leadership" title="Our Leadership"
description="The faces behind our practice." description="The faces behind our practice."
members={[ members={[
{ { id: "a1", name: "Dr. Jane Smith", role: "Director", description: "Committed to clinical excellence.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-hospital-interior_1398-731.jpg" }
id: "a1", ]}
name: "Dr. Jane Smith", />
role: "Director", </div>
description: "Committed to clinical excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-hospital-interior_1398-731.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
items: [ { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ { items: [{ label: "Contact", href: "/contact" }] }
label: "Home", ]}
href: "/", logoText="Noe Valley Smiles"
}, />
{ </div>
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

153
src/app/contact/page.tsx
View File

@@ -13,112 +13,63 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Services", id: "/services" },
}, { name: "Patients", id: "/patients" },
{ { name: "Contact", id: "/contact" },
name: "About", ]}
id: "/about", brandName="Noe Valley Smiles"
}, />
{ </div>
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="contact-section" data-section="contact-section"> <div id="contact-section" data-section="contact-section">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Contact"
}} title="Get in touch"
tag="Contact" description="Schedule your visit today."
title="Get in touch" mediaAnimation="slide-up"
description="Schedule your visit today." imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
mediaAnimation="slide-up" />
imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg" </div>
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Send Us a Message" title="Send Us a Message"
description="Our team will get back to you shortly." description="Our team will get back to you shortly."
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg" imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Your Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Your Email", required: true }
type: "text", ]}
placeholder: "Your Name", />
required: true, </div>
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
items: [ { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ { items: [{ label: "Contact", href: "/contact" }] }
label: "Home", ]}
href: "/", logoText="Noe Valley Smiles"
}, />
{ </div>
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

318
src/app/page.tsx
View File

@@ -17,233 +17,113 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Services", id: "/services" },
}, { name: "Patients", id: "/patients" },
{ { name: "Contact", id: "/contact" },
name: "About", ]}
id: "/about", brandName="Noe Valley Smiles"
}, />
{ </div>
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Your Smile, Our Passion"
}} description="Compassionate dental care for the whole family in the heart of Noe Valley."
title="Your Smile, Our Passion" buttons={[{ text: "Book Now", href: "/contact" }]}
description="Compassionate dental care for the whole family in the heart of Noe Valley." mediaItems={[
buttons={[ { imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-397.jpg", imageAlt: "Modern dentistry office" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg", imageAlt: "Friendly dentist" },
text: "Book Now", { imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg", imageAlt: "Clean clinic room" },
href: "/contact", { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg", imageAlt: "Braces equipment" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg", imageAlt: "Happy patient" },
]} { imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg", imageAlt: "Dental tech" }
mediaItems={[ ]}
{ />
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-397.jpg", </div>
imageAlt: "Modern dentistry office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg",
imageAlt: "Friendly dentist",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg",
imageAlt: "Clean clinic room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg",
imageAlt: "Braces equipment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg",
imageAlt: "Happy patient",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg",
imageAlt: "Dental tech",
},
]}
/>
</div>
<div id="testimonial" data-section="testimonial"> <div id="testimonial" data-section="testimonial">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Patient Stories" title="Patient Stories"
description="What our community says about their experience." description="What our community says about their experience."
testimonials={[ testimonials={[
{ { id: "t1", title: "Great care!", quote: "The team at Noe Valley Smiles is fantastic.", name: "Sarah J.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg" },
id: "t1", { id: "t2", title: "Professional", quote: "I felt very comfortable during my treatment.", name: "Mark D.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg" },
title: "Great care!", { id: "t3", title: "Highly Recommend", quote: "The best dental experience I've had in SF.", name: "Alice W.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" },
quote: "The team at Noe Valley Smiles is fantastic.", { id: "t4", title: "Excellent!", quote: "Gentle, kind, and very thorough.", name: "John B.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg" }
name: "Sarah J.", ]}
role: "Patient", />
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg", </div>
},
{
id: "t2",
title: "Professional",
quote: "I felt very comfortable during my treatment.",
name: "Mark D.",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
},
{
id: "t3",
title: "Highly Recommend",
quote: "The best dental experience I've had in SF.",
name: "Alice W.",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg",
},
{
id: "t4",
title: "Excellent!",
quote: "Gentle, kind, and very thorough.",
name: "John B.",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
},
]}
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Answers to common concerns about our clinic." description="Answers to common concerns about our clinic."
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ { id: "f1", title: "Do you accept new patients?", content: "Yes, we are currently accepting new patients of all ages." },
id: "f1", { id: "f2", title: "Is parking available?", content: "Street parking is available nearby, and we are close to public transit." }
title: "Do you accept new patients?", ]}
content: "Yes, we are currently accepting new patients of all ages.", />
}, </div>
{
id: "f2",
title: "Is parking available?",
content: "Street parking is available nearby, and we are close to public transit.",
},
]}
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTwo <TeamCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
title="Meet Our Dentists" title="Meet Our Dentists"
description="Meet our team of caring professionals." description="Meet our team of caring professionals."
members={[ members={[
{ { id: "m1", name: "Dr. Miller", role: "Lead Dentist", description: "Passionate about cosmetic dentistry.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15128.jpg" },
id: "m1", { id: "m2", name: "Dr. Davis", role: "Orthodontist", description: "Specializing in braces and Invisalign.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-standing-with-arms-crossed-clinic_107420-65658.jpg" }
name: "Dr. Miller", ]}
role: "Lead Dentist", />
description: "Passionate about cosmetic dentistry.", </div>
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15128.jpg",
},
{
id: "m2",
name: "Dr. Davis",
role: "Orthodontist",
description: "Specializing in braces and Invisalign.",
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-standing-with-arms-crossed-clinic_107420-65658.jpg",
},
]}
/>
</div>
<div id="metric" data-section="metric"> <div id="metric" data-section="metric">
<MetricCardThree <MetricCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Our Impact" title="Our Impact"
description="A glimpse into our success serving Noe Valley." description="A glimpse into our success serving Noe Valley."
metrics={[ metrics={[
{ { id: "m1", icon: Smile, title: "Happy Patients", value: "2,000+" },
id: "m1", { id: "m2", icon: Award, title: "Years Experience", value: "15" }
icon: Smile, ]}
title: "Happy Patients", />
value: "2,000+", </div>
},
{
id: "m2",
icon: Award,
title: "Years Experience",
value: "15",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
items: [ { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ { items: [{ label: "Contact", href: "/contact" }] }
label: "Home", ]}
href: "/", logoText="Noe Valley Smiles"
}, />
{ </div>
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

152
src/app/patients/page.tsx
View File

@@ -13,111 +13,63 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Services", id: "/services" },
}, { name: "Patients", id: "/patients" },
{ { name: "Contact", id: "/contact" },
name: "About", ]}
id: "/about", brandName="Noe Valley Smiles"
}, />
{ </div>
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Resources FAQ" title="Resources FAQ"
description="Useful tips for your dental health." description="Useful tips for your dental health."
faqsAnimation="opacity" faqsAnimation="opacity"
faqs={[ faqs={[
{ { id: "p1", title: "What insurance do you take?", content: "We work with most major PPO insurance providers." }
id: "p1", ]}
title: "What insurance do you take?", />
content: "We work with most major PPO insurance providers.", </div>
},
]}
/>
</div>
<div id="testimonial" data-section="testimonial"> <div id="testimonial" data-section="testimonial">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Resources Testimonials" title="Resources Testimonials"
description="Patient experiences using our resources." description="Patient experiences using our resources."
testimonials={[ testimonials={[
{ { id: "t1", title: "Great tools", quote: "The resources online were so helpful.", name: "Kelsey P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-pain-recovery-clinic-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-9533.jpg" }
id: "t1", ]}
title: "Great tools", />
quote: "The resources online were so helpful.", </div>
name: "Kelsey P.",
role: "Patient",
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-pain-recovery-clinic-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-9533.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
items: [ { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ { items: [{ label: "Contact", href: "/contact" }] }
label: "Home", ]}
href: "/", logoText="Noe Valley Smiles"
}, />
{ </div>
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

170
src/app/services/page.tsx
View File

@@ -14,126 +14,66 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Services", id: "/services" },
}, { name: "Patients", id: "/patients" },
{ { name: "Contact", id: "/contact" },
name: "About", ]}
id: "/about", brandName="Noe Valley Smiles"
}, />
{ </div>
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="services-list" data-section="services-list"> <div id="services-list" data-section="services-list">
<FeatureCardMedia <FeatureCardMedia
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "s1", title: "General Dentistry", description: "Preventive and restorative care.", tag: "General", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
id: "s1", { id: "s2", title: "Orthodontics", description: "Expert alignment solutions.", tag: "Ortho", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg" },
title: "General Dentistry", { id: "s3", title: "Invisalign", description: "Clear aligner therapy.", tag: "Invisible", imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg" }
description: "Preventive and restorative care.", ]}
tag: "General", title="Comprehensive Dental Services"
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg", description="Explore our expert dental care solutions."
}, />
{ </div>
id: "s2",
title: "Orthodontics",
description: "Expert alignment solutions.",
tag: "Ortho",
imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg",
},
{
id: "s3",
title: "Invisalign",
description: "Clear aligner therapy.",
tag: "Invisible",
imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",
},
]}
title="Comprehensive Dental Services"
description="Explore our expert dental care solutions."
/>
</div>
<div id="metric" data-section="metric"> <div id="metric" data-section="metric">
<MetricCardThree <MetricCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Services Stats" title="Services Stats"
description="Proven results for your dental care." description="Proven results for your dental care."
metrics={[ metrics={[
{ { id: "s1", icon: CheckCircle, title: "Procedures", value: "500+" }
id: "s1", ]}
icon: CheckCircle, />
title: "Procedures", </div>
value: "500+",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
items: [ { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ { items: [{ label: "Contact", href: "/contact" }] }
label: "Home", ]}
href: "/", logoText="Noe Valley Smiles"
}, />
{ </div>
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );