"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Heart, Music, ChefHat } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Menu", id: "menu" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Navigation",
      items: [
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Menu", href: "/menu" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Dining",
      items: [
        { label: "Reservations", href: "/contact" },
        { label: "Private Events", href: "#" },
        { label: "Catering", href: "#" },
        { label: "Gift Cards", href: "#" },
      ],
    },
    {
      title: "Connect",
      items: [
        { label: "Instagram", href: "#" },
        { label: "Facebook", href: "#" },
        { label: "Contact Us", href: "/contact" },
        { label: "Newsletter", href: "#" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Donacio" navItems={navItems} />
      </div>

      <div id="about-detail" data-section="about-detail">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Our Heritage" },
            {
              type: "text",
              content: "Donacio was born from a passion for culinary excellence and genuine hospitality. For years, our founders dreamed of creating a space where fine dining meets warmth, where every guest feels valued, and where exceptional food becomes a shared memory. Today, we stand as a testament to that vision, continuously evolving while honoring the core values that define us. Our commitment to sourcing the finest ingredients, training our team to excellence, and creating an ambiance of elegance and comfort remains unwavering.",
            },
          ]}
          buttons={[
            { text: "Reserve Your Table", href: "/contact" },
            { text: "View Full Menu", href: "/menu" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="Donacio heritage section"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardTwentySix
          title="Our Core Values"
          description="Three principles guide every decision and interaction at Donacio."
          features={[
            {
              title: "Quality First",
              description: "We source premium ingredients from trusted suppliers, ensuring every dish meets our exacting standards. Our commitment to quality extends beyond food to every aspect of your experience.",
              imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727974.jpg?_wi=2",
              imageAlt: "Chef preparing premium ingredients with care",
              buttonIcon: ChefHat,
              buttonHref: "#",
            },
            {
              title: "Genuine Care",
              description: "Our team treats every guest like family. We listen, anticipate needs, and go the extra mile to ensure your comfort and satisfaction from the moment you arrive.",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-smart-phone-paying-bill-waiter-while-being-with-his-girlfriend-restaurant_637285-663.jpg?_wi=2",
              imageAlt: "Staff providing genuine attentive service",
              buttonIcon: Heart,
              buttonHref: "#",
            },
            {
              title: "Passion & Artistry",
              description: "Every plate is a work of art created by passionate chefs who believe cooking is a form of expression. Our culinary team continuously innovates while respecting tradition.",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musicians-working-studio_23-2150206709.jpg?_wi=2",
              imageAlt: "Musicians performing live with passion",
              buttonIcon: Music,
              buttonHref: "#",
            },
          ]}
          tag="Philosophy"
          tagAnimation="none"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Donacio core values"
        />
      </div>

      <div id="testimonials-about" data-section="testimonials-about">
        <TestimonialCardFifteen
          testimonial="Visitamos Donacio para celebrar nuestro aniversario. Fue una experiencia perfecta—la comida exquisita, el ambiente mágico, y la atención del equipo simplemente incomparable. ¡Volveremos sin dudarlo!"
          rating={5}
          author="Carlos & Elena Rivera"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
              alt: "Customer avatar",
            },
            {
              src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
              alt: "Customer avatar",
            },
            {
              src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-close-up-street_1321-10.jpg",
              alt: "Customer avatar",
            },
            {
              src: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",
              alt: "Customer avatar",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonial about Donacio"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2024 Donacio. All rights reserved. Crafted with passion for exceptional dining experiences."
          ariaLabel="Footer"
        />
      </div>
    </ThemeProvider>
  );
}