"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

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="blog-articles" data-section="blog-articles">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      title="Latest Insights from Our Health Experts"
      description="Stay informed with our health blog, covering a wide range of topics from wellness tips to medical breakthroughs."
      blogs={[
        {
          id: "1",
          category: "Nutrition",
          title: "The Power of Plant-Based Diets for Heart Health",
          excerpt: "Discover how incorporating more plant-based foods can significantly improve your cardiovascular well-being and overall vitality.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-food_23-2148125091.jpg",
          imageAlt: "Plant-based diet for heart health",
          authorName: "Dr. Anya Singh",
          authorAvatar: "http://img.b2bpic.net/free-photo/doctor-holding-ripe-pear_1098-21341.jpg",
          date: "Oct 26, 2024",
        },
        {
          id: "2",
          category: "Fitness",
          title: "Maximising Your Workout: Tips for Optimal Performance",
          excerpt: "Unlock your full fitness potential with expert advice on exercise routines, recovery strategies, and injury prevention.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-beach-sunset_1321-827.jpg",
          imageAlt: "Workout tips for optimal performance",
          authorName: "Dr. Liam O'Brien",
          authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-holding-face-mask_23-2149455895.jpg",
          date: "Oct 20, 2024",
        },
        {
          id: "3",
          category: "Mental Health",
          title: "Mindfulness in Minutes: Quick Practices for Daily Calm",
          excerpt: "Integrate simple mindfulness techniques into your busy schedule to reduce stress and cultivate a greater sense of peace.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-doing-yoga-nature_1139-915.jpg",
          imageAlt: "Mindfulness practices for daily calm",
          authorName: "Dr. Chloe Davis",
          authorAvatar: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
          date: "Oct 15, 2024",
        },
        {
          id: "4",
          category: "Sleep",
          title: "The Science of Sleep: How to Improve Your Rest",
          excerpt: "Explore the crucial role of sleep in health and learn practical strategies to achieve more restful and restorative nights.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-laid-bed-with-laptop_23-2148435512.jpg",
          imageAlt: "Science of sleep for better rest",
          authorName: "Dr. Kian Shah",
          authorAvatar: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13212.jpg",
          date: "Oct 10, 2024",
        },
      ]}
    />
  </div>

  <div id="blog-faq" data-section="blog-faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Can I suggest a topic for the blog?",
          content: "Yes, we welcome suggestions for blog topics! Please send your ideas to our editorial team through the contact page, and we'll consider them for future articles.",
        },
        {
          id: "2",
          title: "Are the blog articles written by medical professionals?",
          content: "All our blog articles are either written by NovaCare Clinic's medical professionals or rigorously reviewed by them to ensure accuracy and reliability.",
        },
        {
          id: "3",
          title: "How often is new content published?",
          content: "We strive to publish new blog content weekly, keeping you up-to-date with the latest in health and wellness. Subscribe to our newsletter for updates!",
        },
      ]}
      sideTitle="Blog Support & Information"
      sideDescription="Get answers to common questions about our health blog content and submissions."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </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>
  );
}
