"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function FeaturesPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              {
                name: "Home",                id: "/"},
              {
                name: "About Us",                id: "/about"},
              {
                name: "Features",                id: "/features"},
              {
                name: "Products",                id: "/products"},
              {
                name: "Pricing",                id: "#pricing"},
              {
                name: "Testimonials",                id: "#testimonials"},
              {
                name: "FAQ",                id: "#faq"},
              {
                name: "Contact",                id: "#contact"},
            ]}
            brandName="SMESolutions"
            button={{
              text: "Get a Quote",              href: "#contact"}}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentyNine
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            features={[
              {
                title: "Integrated CRM & Sales Automation",                description: "Manage customer relationships, automate sales processes, and improve your conversion rates with our powerful CRM tools. Track leads from first contact to closed deal.",                imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg?_wi=2",                imageAlt: "CRM system illustration",                titleImageSrc: "http://img.b2bpic.net/free-photo/social-media-still-life-flat-lay_23-2149019145.jpg",                buttonText: "Learn More"},
              {
                title: "Advanced Data Analytics & Reporting",                description: "Gain deep insights into your business performance with comprehensive data analytics and customizable reporting dashboards. Make data-driven decisions confidently.",                imageSrc: "http://img.b2bpic.net/free-photo/map-statistical-information-with-smartwatch-background_1134-389.jpg?_wi=2",                imageAlt: "Data analytics illustration",                titleImageSrc: "http://img.b2bpic.net/free-vector/flat-elements-about-seo_1045-246.jpg",                buttonText: "Discover Insights"},
              {
                title: "Cloud Infrastructure & Security",                description: "Ensure your data is secure and accessible with robust cloud infrastructure and cutting-edge cybersecurity measures. Scale your operations reliably and safely.",                imageSrc: "http://img.b2bpic.net/free-photo/employee-using-laptop-oversee-data-center-machines_482257-125806.jpg?_wi=2",                imageAlt: "Cloud infrastructure illustration",                titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg",                buttonText: "Explore Security"},
            ]}
            title="Streamline Operations, Maximize Impact"
            description="Discover our core solutions designed to simplify your daily tasks and drive significant growth for your business. We offer integrated tools to boost efficiency and profitability."
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/high-rise-buildings-modern-city_1359-899.jpg?_wi=3"
            imageAlt="Panoramic cityscape at night"
            logoText="SMESolutions"
            columns={[
              {
                title: "Solutions",                items: [
                  {
                    label: "CRM & Sales",                    href: "/features"},
                  {
                    label: "Analytics",                    href: "/features"},
                  {
                    label: "Cloud & Security",                    href: "/features"},
                  {
                    label: "Products",                    href: "/products"},
                ],
              },
              {
                title: "Company",                items: [
                  {
                    label: "About Us",                    href: "/about"},
                  {
                    label: "Pricing",                    href: "#pricing"},
                  {
                    label: "Contact",                    href: "#contact"},
                  {
                    label: "Testimonials",                    href: "#testimonials"},
                ],
              },
              {
                title: "Resources",                items: [
                  {
                    label: "FAQ",                    href: "#faq"},
                  {
                    label: "Support",                    href: "#contact"},
                  {
                    label: "Terms of Service",                    href: "#"},
                  {
                    label: "Privacy Policy",                    href: "#"},
                ],
              },
            ]}
            copyrightText="© 2024 SMESolutions. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
