149 lines
5.4 KiB
TypeScript
149 lines
5.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import { Shield, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Clínica de Belém"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-details" data-section="services-details">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "General Dentistry", description: "Professional dental exams and care for long-term oral health.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-talking-patient-showing-dental-jaw_23-2147862033.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-tooth-brush-alternatives_23-2149165688.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Medical Consultation", description: "Attentive and specialized medical guidance tailored for you.", icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-working_23-2147642729.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/detective-specialist_1098-15356.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Preventive Care", description: "Diagnostics and maintenance for your total well-being.", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/toothbrush-composition-with-towel_23-2147817634.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-looking-through-microscope_23-2147906021.jpg"},
|
|
],
|
|
},
|
|
]}
|
|
title="Comprehensive Healthcare"
|
|
description="Our dedicated services cover both medical and dental needs with professional precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Treatment Plans"
|
|
description="Transparent pricing for all our care services."
|
|
plans={[
|
|
{
|
|
id: "p1", badge: "Essential", price: "€50", subtitle: "Basic checkup", features: [
|
|
"Exam", "X-ray"],
|
|
},
|
|
{
|
|
id: "p2", badge: "Pro", price: "€150", subtitle: "Advanced care", features: [
|
|
"Cleaning", "Whitening", "Checkup"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Reach"
|
|
description="Healthcare metrics across our clinics."
|
|
metrics={[
|
|
{
|
|
id: "met1", value: "5000", title: "Patients", description: "Served annually", imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149500960.jpg"},
|
|
{
|
|
id: "met2", value: "20", title: "Offices", description: "Across city", imageSrc: "http://img.b2bpic.net/free-photo/decorative-hygiene-composition_23-2147693214.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "About", href: "/about"},
|
|
{
|
|
label: "Services", href: "/services"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Rua Tristão Vaz 13A, 1400-350 Lisboa", href: "#"},
|
|
{
|
|
label: "+351 21 301 6474", href: "tel:+351213016474"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Clínica Médica e Dentária de Belém"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|