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

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 15:43:55 +00:00
parent 3c6b5b093b
commit 2986fbaffd
1 changed files with 55 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,126 +14,66 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Services",
id: "/services",
},
{
name: "Patients",
id: "/patients",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Noe Valley Smiles"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ 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">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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="services-list" data-section="services-list">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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: "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">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Services Stats"
description="Proven results for your dental care."
metrics={[
{
id: "s1",
icon: CheckCircle,
title: "Procedures",
value: "500+",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Services Stats"
description="Proven results for your dental care."
metrics={[
{ id: "s1", icon: CheckCircle, title: "Procedures", value: "500+" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/services",
},
{
label: "Patients",
href: "/patients",
},
],
},
{
items: [
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Noe Valley Smiles"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
{ items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
{ items: [{ label: "Contact", href: "/contact" }] }
]}
logoText="Noe Valley Smiles"
/>
</div>
</ReactLenis>
</ThemeProvider>
);