"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';

export const metadata = {
  title: "ReservaFlow: Integrations & Multi-Language Support",  description: "Set up email notifications, WhatsApp integration, SMS architecture, and multi-language support for your restaurant with ReservaFlow."};

export default function IntegrationsPage() {
  const navItems = [
    { name: "Home", id: "#home" },
    { name: "About", id: "#about" },
    { name: "Features", id: "#features" },
    { name: "Solutions", id: "#solutions" },
    { name: "Pricing", id: "#pricing" },
    { name: "Testimonials", id: "#testimonials" },
    { name: "Integrations", id: "/integrations" },
    { name: "Contact", id: "#contact" },
  ];

  const footerColumns = [
    {
      title: "Platform",      items: [
        { label: "Reservation Management", href: "#features" },
        { label: "Online Ordering", href: "#features" },
        { label: "Loyalty Programs", href: "#features" },
        { label: "Admin Analytics", href: "#features" },
      ],
    },
    {
      title: "Solutions",      items: [
        { label: "Fine Dining", href: "#solutions" },
        { label: "Hotels & Resorts", href: "#solutions" },
        { label: "Cafés & Casual", href: "#solutions" },
      ],
    },
    {
      title: "Company",      items: [
        { label: "About Us", href: "#about" },
        { label: "Pricing", href: "#pricing" },
        { label: "Testimonials", href: "#testimonials" },
        { label: "Integrations", href: "/integrations" },
        { label: "Contact", href: "#contact" },
      ],
    },
    {
      title: "Legal",      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={navItems}
            brandName="ReservaFlow"
            button={{ text: "Start Free Trial", href: "#contact" }}
          />
        </div>

        <div id="integrations-hero" data-section="integrations-hero">
          <FeatureCardSeven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Seamless Integrations & Global Reach"
            description="Expand your capabilities with powerful integrations for communication and multi-language support, designed to enhance customer engagement and operational efficiency."
            features={[
              {
                title: "Email Notifications (Firebase Cloud Functions)",                description: "Automate alerts, confirmations, marketing emails, and personalized communications to your customers directly through Firebase Cloud Functions for reliable delivery.",                imageSrc: "http://img.b2bpic.net/free-photo/email_1312354.jpg?_wi=1",                imageAlt: "Email icon graphic"
              },
              {
                title: "WhatsApp Integration",                description: "Enable direct, real-time customer communication for bookings, order updates, special offers, and support inquiries via WhatsApp, enhancing engagement and convenience.",                imageSrc: "http://img.b2bpic.net/free-photo/social-media-whatsapp_1047-384.jpg?_wi=1",                imageAlt: "WhatsApp logo graphic"
              },
              {
                title: "SMS-Ready Architecture",                description: "Future-proof your communications with a robust, SMS-ready architecture. Easily send crucial alerts, reminders, and promotional messages to customers as needed.",                imageSrc: "http://img.b2bpic.net/free-photo/phone-with-sms-message_1232-1678.jpg?_wi=1",                imageAlt: "SMS text message graphic"
              },
              {
                title: "Multi-Language Support System",                description: "Serve a diverse, global audience by offering your platform and content in multiple languages. Enhance user experience and accessibility for all your customers.",                imageSrc: "http://img.b2bpic.net/free-photo/translate_2112836.jpg?_wi=1",                imageAlt: "Globe and language icon graphic"
              }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseReveal
            logoText="ReservaFlow"
            columns={footerColumns}
            copyrightText="© 2023 ReservaFlow. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}