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