"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import { ArrowRight, BarChart, CalendarCheck, FileText, MessageSquare, Share2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Doctors",
          id: "/doctors",
        },
        {
          name: "Book Appointment",
          id: "/book-appointment",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
        {
          name: "Dashboard",
          id: "/dashboard",
        },
      ]}
      button={{
        text: "Book Appointment",
        href: "/book-appointment",
      }}
      topBarButton={{
        text: "Emergency Contact",
        href: "/contact#emergency",
      }}
      brandName="NovaCare Clinic"
    />
  </div>

  <div id="patient-dashboard-overview" data-section="patient-dashboard-overview">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Upcoming Appointments",
          description: "View and manage all your scheduled visits with our specialists, complete with date, time, and doctor details.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-with-medical-mask-holding-stay-home-notebook_23-2148734896.jpg",
            imageAlt: "Upcoming Appointments",
          },
          items: [
            {
              icon: CalendarCheck,
              text: "View Schedule",
            },
            {
              icon: MessageSquare,
              text: "Reschedule",
            },
            {
              icon: ArrowRight,
              text: "Get Directions",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-discussing-digital-tablet_107420-84814.jpg",
          imageAlt: "digital calendar appointment interface",
        },
        {
          title: "Health Reports & Results",
          description: "Access your lab results, diagnostic images, and comprehensive health reports securely at your convenience.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
            imageAlt: "Health Reports & Results",
          },
          items: [
            {
              icon: FileText,
              text: "Download Reports",
            },
            {
              icon: BarChart,
              text: "View Trends",
            },
            {
              icon: Share2,
              text: "Share with Doctors",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/lively-african-american-nurse-pointing-copy-space-tablet-x-ray_482257-122300.jpg",
          imageAlt: "digital calendar appointment interface",
        },
      ]}
      title="Welcome to Your Patient Dashboard"
      description="Manage your healthcare with ease: view upcoming appointments, access your medical reports, and stay updated on your health journey."
    />
  </div>

  <div id="prescriptions-billing" data-section="prescriptions-billing">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "med-1",
          name: "Amoxicillin 500mg",
          price: "Prescribed",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg",
          imageAlt: "Amoxicillin Prescription",
        },
        {
          id: "med-2",
          name: "Ibuprofen 200mg",
          price: "Prescribed",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-patient-receiving-bottle-pills-from-doctor-annual-checkup-visit-sick-woman-getting-flask-medicine-prescription-treatment-from-medic-cure-illness_482257-42652.jpg",
          imageAlt: "Ibuprofen Prescription",
        },
        {
          id: "med-3",
          name: "Vitamin D Supplement",
          price: "Recommended",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-thinking-woman-lying-bed-with-pills-holding-medication-mobile-phone-searching_1258-204985.jpg",
          imageAlt: "Vitamin D Supplement",
        },
        {
          id: "bill-1",
          name: "Consultation Fee",
          price: "$150.00",
          imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-nurse-with-stethoscope-analyzing-healthcare-treatment_482257-19380.jpg",
          imageAlt: "Consultation Fee",
        },
        {
          id: "bill-2",
          name: "Lab Test Fee",
          price: "$75.00",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-filling-document-high-angle_23-2149355027.jpg",
          imageAlt: "Lab Test Fee",
        },
        {
          id: "bill-3",
          name: "Radiology Service",
          price: "$200.00",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-insurance-form-with-stethoscope-car-wooden-background_1921-19.jpg",
          imageAlt: "Radiology Service",
        },
      ]}
      title="Your Prescriptions and Billing Details"
      description="Effortlessly manage your medication history and track all your medical expenses and payment information."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861962.jpg"
      imageAlt="Modern Clinic at Sunset"
      logoText="NovaCare Clinic"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "Doctors",
              href: "/doctors",
            },
          ],
        },
        {
          title: "Departments",
          items: [
            {
              label: "General Medicine",
              href: "/services#general-medicine",
            },
            {
              label: "Dental Care",
              href: "/services#dental-care",
            },
            {
              label: "Cardiology",
              href: "/services#cardiology",
            },
            {
              label: "Orthopedics",
              href: "/services#orthopedics",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Book Appointment",
              href: "/book-appointment",
            },
            {
              label: "Patient Dashboard",
              href: "/dashboard",
            },
            {
              label: "Emergency: +1 (123) 456-7890",
              href: "tel:+11234567890",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 NovaCare Clinic. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
