Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3c647d4ee3 | |||
| c1c291623c |
230
src/app/page.tsx
230
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ClinicSys DZ"
|
||||
/>
|
||||
@@ -50,99 +44,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Digitize Your Clinic in Algeria"
|
||||
description="Streamline patient scheduling, records, and billing with our tailored clinic management system."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatolog-nurse-tooth-clinic-checking-patient-appointment-looking-computer-monitor-stomatology-assistant-teeth-doctor-discussing-reception-dental-office_482257-11962.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stomatolog-nurse-tooth-clinic-checking-patient-appointment-looking-computer-monitor-stomatology-assistant-teeth-doctor-discussing-reception-dental-office_482257-11962.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiologists-team-analyze-x-rays-discuss-treatment-options-medical-office_482257-112854.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/radiologists-team-analyze-x-rays-discuss-treatment-options-medical-office_482257-112854.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-119088.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-119088.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bone-doctor-explaining-clinical-facts-tablet-patient-orthopedic-medical-consultation-orthopedist-modern-clinic-office-african-american-woman-medical-checkup_482257-64941.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bone-doctor-explaining-clinical-facts-tablet-patient-orthopedic-medical-consultation-orthopedist-modern-clinic-office-african-american-woman-medical-checkup_482257-64941.jpg"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-specialist-discuss-hydrating-mousse-skincare-options_482257-122805.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-specialist-discuss-hydrating-mousse-skincare-options_482257-122805.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-professional-sharing-her-medical-expertise-with-patient_482257-101674.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-professional-sharing-her-medical-expertise-with-patient_482257-101674.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-cervical-neck-collar-being-pain-after-accident-asking-receptionist-help-checkup-visit-consultation-hospital-counter-desk-health-care-support-service-concept_482257-61795.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-cervical-neck-collar-being-pain-after-accident-asking-receptionist-help-checkup-visit-consultation-hospital-counter-desk-health-care-support-service-concept_482257-61795.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-typing-computer-keyboard-consultation_482257-20170.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-typing-computer-keyboard-consultation_482257-20170.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-face-masks-back-work-office-with-new-normal-team-working-workspace-personal-corporate-company-typing-computer-keyboard-looking-desktop-respecting-social-distancing_482257-12863.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-face-masks-back-work-office-with-new-normal-team-working-workspace-personal-corporate-company-typing-computer-keyboard-looking-desktop-respecting-social-distancing_482257-12863.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Setup",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Setup", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-patient-with-neck-collar-explaining-symptoms-physician-doctor-asking-painkillers-hospital-waiting-area-injured-man-with-cervical-foam-waiting-attend-checkup-visit-consultation_482257-61796.jpg",
|
||||
alt: "Doctor team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-patient-with-neck-collar-explaining-symptoms-physician-doctor-asking-painkillers-hospital-waiting-area-injured-man-with-cervical-foam-waiting-attend-checkup-visit-consultation_482257-61796.jpg", alt: "Doctor team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/physician-recommending-sunscreen-lotion-with-spf-50-extra-protection_482257-119096.jpg",
|
||||
alt: "Doctor team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/physician-recommending-sunscreen-lotion-with-spf-50-extra-protection_482257-119096.jpg", alt: "Doctor team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
alt: "Doctor team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", alt: "Doctor team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neuroscience-expert-reviewing-mri-brain-scan-results-with-doctors_482257-123131.jpg",
|
||||
alt: "Doctor team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/neuroscience-expert-reviewing-mri-brain-scan-results-with-doctors_482257-123131.jpg", alt: "Doctor team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg",
|
||||
alt: "Doctor team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medic-expert-analyzing-ct-scan-result-examine-organs-condition_482257-112102.jpg", alt: "Doctor team"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ clinics across Algeria"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medic-expert-uses-thermometer-find-right-diagnostic-symptoms_482257-122834.jpg", alt: "Logo 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/healthcare-professionals-review-mri-scan-test-results-neurology-x-rays_482257-123104.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/healthcare-professionals-review-mri-scan-test-results-neurology-x-rays_482257-123104.jpg", alt: "Logo 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/healthcare-professional-sharing-expertise-interpreting-mri-scans-results_482257-126359.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/healthcare-professional-sharing-expertise-interpreting-mri-scans-results_482257-126359.jpg", alt: "Logo 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-nurses-learning-practice-from-doctor-expert-cabinet_482257-113728.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/team-young-nurses-learning-practice-from-doctor-expert-cabinet_482257-113728.jpg", alt: "Logo 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-hospital-with-laptop-diagnostic-tools-set-up_482257-124868.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-hospital-with-laptop-diagnostic-tools-set-up_482257-124868.jpg", alt: "Logo 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,14 +108,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for Local Healthcare",
|
||||
},
|
||||
type: "text", content: "Built for Local Healthcare"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-beautiful-female-doctor-working-her-office_329181-408.jpg",
|
||||
alt: "Doctor",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/blonde-beautiful-female-doctor-working-her-office_329181-408.jpg", alt: "Doctor"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,26 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Scheduling",
|
||||
description: "Automated patient appointments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-examination-report-history-history_53876-123855.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/healthcare-wellness-wellbeing-first-aid-box-word-graphic_53876-132151.jpg",
|
||||
buttonText: "Learn",
|
||||
},
|
||||
title: "Scheduling", description: "Automated patient appointments.", imageSrc: "http://img.b2bpic.net/free-photo/medical-examination-report-history-history_53876-123855.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/healthcare-wellness-wellbeing-first-aid-box-word-graphic_53876-132151.jpg", buttonText: "Learn"},
|
||||
{
|
||||
title: "E-Records",
|
||||
description: "Digital patient history charts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-stethoscope-chart-file-desktop-mobile-medical-handheld-doctor-concepts_1387-44.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-using-tablet-prevent-system-overload-close-up-employee-server-room-ensuring-there-is-enough-network-connectivity-smooth-operations-blurry-background_482257-72822.jpg",
|
||||
buttonText: "Learn",
|
||||
},
|
||||
title: "E-Records", description: "Digital patient history charts.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-phone-stethoscope-chart-file-desktop-mobile-medical-handheld-doctor-concepts_1387-44.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-using-tablet-prevent-system-overload-close-up-employee-server-room-ensuring-there-is-enough-network-connectivity-smooth-operations-blurry-background_482257-72822.jpg", buttonText: "Learn"},
|
||||
{
|
||||
title: "Billing",
|
||||
description: "Seamless payment integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-physician-taking-ntoes-checkup-visit-with-wheelchair-user-doing-consultation-medical-office-doctor-examining-senior-patient-with-chronic-disability-impairment_482257-50458.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/physician-meeting-with-patient-discuss-medical-test-results-cabinet_482257-118507.jpg",
|
||||
buttonText: "Learn",
|
||||
},
|
||||
title: "Billing", description: "Seamless payment integration.", imageSrc: "http://img.b2bpic.net/free-photo/female-physician-taking-ntoes-checkup-visit-with-wheelchair-user-doing-consultation-medical-office-doctor-examining-senior-patient-with-chronic-disability-impairment_482257-50458.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/physician-meeting-with-patient-discuss-medical-test-results-cabinet_482257-118507.jpg", buttonText: "Learn"},
|
||||
]}
|
||||
title="System Capabilities"
|
||||
description="Powerful tools for daily clinic operations."
|
||||
@@ -205,37 +141,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "5000 DZD",
|
||||
period: "/mo",
|
||||
description: "Essential features for new practices.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"1 User",
|
||||
"Booking System",
|
||||
"Basic Support",
|
||||
],
|
||||
id: "basic", tag: "Basic", price: "Free", period: "/mo", description: "Essential features for new practices.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"1 User", "Booking System", "Basic Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "12000 DZD",
|
||||
period: "/mo",
|
||||
description: "Complete suite for established clinics.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Advanced Analytics",
|
||||
"Automated Billing",
|
||||
"Data Backup",
|
||||
],
|
||||
id: "pro", tag: "Professional", price: "12000 DZD", period: "/mo", description: "Complete suite for established clinics.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Unlimited Users", "Advanced Analytics", "Automated Billing", "Data Backup"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans"
|
||||
@@ -250,45 +165,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Ahmed",
|
||||
handle: "@clinicdz",
|
||||
testimonial: "Excellent system.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg",
|
||||
},
|
||||
id: "1", name: "Dr. Ahmed", handle: "@clinicdz", testimonial: "Excellent system.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Fatma",
|
||||
handle: "@meddz",
|
||||
testimonial: "Very efficient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg",
|
||||
},
|
||||
id: "2", name: "Dr. Fatma", handle: "@meddz", testimonial: "Very efficient.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Karim",
|
||||
handle: "@healthdz",
|
||||
testimonial: "Easy to use.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-desk-work-with-medical-tools-his-thumb-up-isolated-green-background_141793-63436.jpg",
|
||||
},
|
||||
id: "3", name: "Dr. Karim", handle: "@healthdz", testimonial: "Easy to use.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-desk-work-with-medical-tools-his-thumb-up-isolated-green-background_141793-63436.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dr. Sarah",
|
||||
handle: "@care",
|
||||
testimonial: "Simplified everything.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-medical-team-standing-together-hospital-corridor_107420-84830.jpg",
|
||||
},
|
||||
id: "4", name: "Dr. Sarah", handle: "@care", testimonial: "Simplified everything.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-medical-team-standing-together-hospital-corridor_107420-84830.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dr. Omar",
|
||||
handle: "@dzcare",
|
||||
testimonial: "Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg",
|
||||
},
|
||||
id: "5", name: "Dr. Omar", handle: "@dzcare", testimonial: "Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Doctors"
|
||||
@@ -302,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, all data is encrypted and backed up daily.",
|
||||
},
|
||||
id: "1", title: "Is it secure?", content: "Yes, all data is encrypted and backed up daily."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is it compatible?",
|
||||
content: "Works on all modern browsers and tablets.",
|
||||
},
|
||||
id: "2", title: "Is it compatible?", content: "Works on all modern browsers and tablets."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How to get started?",
|
||||
content: "Click the contact button and we will setup your account.",
|
||||
},
|
||||
id: "3", title: "How to get started?", content: "Click the contact button and we will setup your account."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about our system."
|
||||
@@ -327,14 +208,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to transform your clinic? Fill out the details below via Formspree to start."
|
||||
buttons={[
|
||||
{
|
||||
text: "Go to Formspree",
|
||||
href: "https://formspree.io/f/your-form-id",
|
||||
},
|
||||
text: "Go to Formspree", href: "https://formspree.io/f/your-form-id"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,4 +226,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user