105 lines
3.8 KiB
TypeScript
105 lines
3.8 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: 'Home', id: '/' },
|
|
{ name: 'About', id: '/about' },
|
|
{ name: 'Services', id: '/services' },
|
|
{ name: 'Booking', id: '/booking' },
|
|
{ name: 'Contact', id: '/contact' }
|
|
];
|
|
|
|
const services = [
|
|
{
|
|
id: 's1',
|
|
name: 'General Check-up',
|
|
price: '$99',
|
|
imageSrc: 'https://images.unsplash.com/photo-1579684385137-d2e0717208d2?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
imageAlt: 'General Check-up'
|
|
},
|
|
{
|
|
id: 's2',
|
|
name: 'Dental Care',
|
|
price: '$120',
|
|
imageSrc: 'https://images.unsplash.com/photo-1599026466632-a567636e0996?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
imageAlt: 'Dental Care'
|
|
},
|
|
{
|
|
id: 's3',
|
|
name: 'Pediatric Services',
|
|
price: '$110',
|
|
imageSrc: 'https://images.unsplash.com/photo-1576091160418-e39b65e90069?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
imageAlt: 'Pediatric Services'
|
|
},
|
|
{
|
|
id: 's4',
|
|
name: 'Dermatology',
|
|
price: '$150',
|
|
imageSrc: 'https://images.unsplash.com/photo-1591130635956-fcf97f374776?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
imageAlt: 'Dermatology'
|
|
},
|
|
{
|
|
id: 's5',
|
|
name: 'Cardiology',
|
|
price: '$200',
|
|
imageSrc: 'https://images.unsplash.com/photo-1582719266395-5d55aa6ce124?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
|
|
imageAlt: 'Cardiology'
|
|
}
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<NavbarStyleApple navItems={navItems} brandName="ClinicName" />
|
|
<main className="flex min-h-screen flex-col items-center justify-between">
|
|
<div id="services-offerings" data-section="services-offerings">
|
|
<ProductCardOne
|
|
title="Our Comprehensive Services"
|
|
description="Explore our range of healthcare services designed to meet your every need. From routine check-ups to specialized treatments, our experts are here for you."
|
|
products={services}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
</main>
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: 'Company',
|
|
items: [
|
|
{ label: 'Home', href: '/' },
|
|
{ label: 'About Us', href: '/about' },
|
|
{ label: 'Booking', href: '/booking' },
|
|
{ label: 'Contact', href: '/contact' }
|
|
]
|
|
},
|
|
{
|
|
title: 'Legal',
|
|
items: [{ label: 'Privacy Policy' }, { label: 'Terms of Service' }]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 ClinicName. All rights reserved."
|
|
bottomRightText="Built with Webild"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|