"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactText from '@/components/sections/contact/ContactText';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

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

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Bella Italia"
          navItems={navItems}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="We'd love to hear from you. Get in touch for reservations, events, or any inquiries."
          animationType="entrance-slide"
          buttons={[
            { text: 'Make a Reservation', href: '/reservations' },
            { text: 'Email Us' },
          ]}
          background={{ variant: 'plain' }}
          useInvertedBackground={false}
        />
      </div>
      <div id="location-hours" data-section="location-hours">
         <ContactText
          text="Visit Us at 123 Pasta Lane, Foodie City, Italy\nPhone: (555) 123-4567\nHours: Mon-Sat, 5 PM - 11 PM"
          animationType="entrance-slide"
          background={{ variant: 'plain' }}
          useInvertedBackground={true}
        />
      </div>
      <div id="team" data-section="team">
        <TeamCardTwo
          title="Our Friendly Staff"
          description="Our team is always here to ensure you have a wonderful experience."
          members={[
             {
              id: '2',
              name: 'Maria Rossi',
              role: 'Owner & Hostess',
              description: 'Maria ensures every guest feels at home with her warm hospitality and keen eye for detail.',
              imageSrc: 'https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg',
              imageAlt: 'Maria Rossi',
            },
            {
              id: '3',
              name: 'Antonio Verdi',
              role: 'Restaurant Manager',
              description: 'Antonio expertly oversees our daily operations, ensuring smooth service and an excellent dining atmosphere.',
              imageSrc: 'https://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg',
              imageAlt: 'Antonio Verdi',
            },
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <FooterLogoEmphasis
        logoText="Bella Italia"
        columns={[
          { items: [{ label: 'Home', href: '/' }, { label: 'Menu', href: '/menu' }, { label: 'Specials', href: '/menu' }] },
          { items: [{ label: 'About Us', href: '/about' }, { label: 'Our Team', href: '/about' }, { label: 'Testimonials', href: '/' }] },
          { items: [{ label: 'Reservations', href: '/reservations' }, { label: 'Contact', href: '/contact' }, { label: 'Location', href: '/contact' }] },
        ]}
      />
    </ThemeProvider>
  );
}