Add src/app/pricing/page.tsx

This commit is contained in:
2026-06-03 10:47:35 +00:00
parent 14a39d3469
commit c2cdbb878d

108
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,108 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
const commonNavbarProps = {
navItems: [
{ name: "Home", id: "/" },
{ name: "About Us", id: "/#about" }, { name: "Services", id: "/#services" },
{ name: "Results", id: "/#achievements" },
{ name: "Pricing", id: "/pricing" },
{ name: "Team", id: "/team" },
{ name: "Testimonials", id: "/testimonials" },
{ name: "FAQ", id: "/#faq" }
],
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", brandName: "Maryam Dental Clinic", button: {
text: "Book Consultation", href: "/#contact"
}
};
const commonFooterProps = {
logoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3ws6w", logoAlt: "Maryam Dental Clinic Logo", logoText: "Maryam Dental Clinic", copyrightText: "© 2025 Maryam Dental Clinic. All rights reserved.", columns: [
{
title: "Company", items: [
{ label: "About Us", href: "/#about" },
{ label: "Team", href: "/team" },
{ label: "Careers", href: "#" }
]
},
{
title: "Services", items: [
{ label: "Pricing", href: "/pricing" },
{ label: "Dental Care", href: "/#services" },
{ label: "Testimonials", href: "/testimonials" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "FAQ", href: "/#faq" }
]
}
]
};
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline {...commonNavbarProps} />
</div>
<div id="pricing-page-content" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Flexible Dental Plans for Every Smile"
description="Choose the perfect plan that fits your needs, offering comprehensive care and exceptional value."
plans={[
{
id: "basic", title: "Basic Care", price: "$49", period: "/month", features: [
"Annual Check-up", "Basic Cleaning", "2 X-Rays per year", "Emergency Consultation"
],
button: { text: "Choose Basic", href: "/#contact" },
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-blue-background_23-2150935579.jpg"
},
{
id: "standard", title: "Standard Plan", price: "$89", period: "/month", features: [
"Annual Check-up", "Deep Cleaning (2x/year)", "4 X-Rays per year", "Emergency Consultation", "10% off Fillings"
],
button: { text: "Choose Standard", href: "/#contact" },
imageSrc: "http://img.b2bpic.net/free-photo/dentist-making-procedure-dental-clinic-woman-receptionist-with-patient-waiting-her-turn-cabinet-dental-health-care_613910-15336.jpg"
},
{
id: "premium", title: "Premium Plan", price: "$149", period: "/month", features: [
"Bi-Annual Check-up", "Deep Cleaning (4x/year)", "Full Mouth X-Rays", "Priority Emergency Care", "20% off Cosmetic Procedures", "Free Teeth Whitening Kit"
],
button: { text: "Choose Premium", href: "/#contact" },
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-teeth-dental-practice-dental-hygiene-dentist-healthy-teeth_613910-14902.jpg"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase {...commonFooterProps} />
</div>
</ReactLenis>
</ThemeProvider>
);
}