Add src/app/services/page.tsx

This commit is contained in:
2026-05-15 05:05:45 +00:00
parent f641687b50
commit bbdf8b2673

64
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="largeSmall"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Facilities", id: "/facilities" },
{ name: "Patient Portal", id: "/patient-portal" },
]}
brandName="Dent Cent"
/>
</div>
<main className="py-20">
<FeatureCardTwentyNine
title="Our Specialized Treatments"
description="Advanced dental care solutions tailored to your comfort and health."
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
features={[
{
title: "Electrical Anesthesia", description: "State-of-the-art electronic anesthesia delivery for a painless, stress-free dental experience.", imageSrc: "https://images.unsplash.com/photo-1606811841689-23dfddce3e95?q=80&w=800", titleImageSrc: "", buttonText: "Learn More"
},
{
title: "Advanced Dental Care", description: "Comprehensive dental treatments including restorative, cosmetic, and preventative care.", imageSrc: "https://images.unsplash.com/photo-1588776814546-1ff537259a42?q=80&w=800", titleImageSrc: "", buttonText: "View Treatments"
}
]}
/>
</main>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Dent Cent Clinic"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Kirkuk, Baghdad Rd", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}