Update src/app/services/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user