"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Properties", id: "/properties" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Schedule Viewing", href: "/contact" }}
          brandName="LUXE DUBAI"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureProcessSteps 
          title="Comprehensive Real Estate Solutions"
          description="From initial consultation to final ownership, we provide end-to-end luxury real estate services tailored to international investors and discerning buyers"
          tag="Our Services"
          steps={[
            {
              number: "01",
              title: "Investment Consultation",
              tag: "Strategy",
              description: "Personalized investment strategy development based on your financial goals, risk tolerance, and Dubai market opportunities"
            },
            {
              number: "02",
              title: "Property Sourcing",
              tag: "Discovery",
              description: "Access to exclusive off-market properties and pre-launch developments through our extensive developer network"
            },
            {
              number: "03",
              title: "Transaction Management",
              tag: "Execution",
              description: "Complete transaction support including legal documentation, financing coordination, and ownership transfer"
            },
            {
              number: "04",
              title: "After-Sales Support",
              tag: "Ongoing",
              description: "Property management services, rental optimization, and investment portfolio monitoring for maximum returns"
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule Consultation", href: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout 
          title="Specialized Expertise for International Clients"
          description="Our multilingual team understands the unique needs of international investors, providing comprehensive support for visa requirements, banking relationships, and property management. We make Dubai real estate investment accessible and straightforward."
          tag="International Focus"
          imageSrc="https://img.b2bpic.net/free-photo/palm-trees-line-water_23-2148107102.jpg"
          imageAlt="International client consultation at LUXE DUBAI"
          buttons={[
            { text: "Learn About Our Process", href: "/about" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen 
          title="Service Excellence Recognition"
          description="Feedback from international clients who've experienced our comprehensive real estate services"
          testimonials={[
            {
              id: "1",
              name: "Alexander Petrov",
              handle: "@petrov_properties",
              testimonial: "The comprehensive service package made my Dubai property investment seamless. From initial consultation to property handover, every detail was expertly managed.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-wearing-fashion-eyeglasses-stylish-suit-sitting-sofa-modern-studio_496169-1399.jpg",
              imageAlt: "Alexander Petrov"
            },
            {
              id: "2",
              name: "Catherine Williams",
              handle: "@catherine_invests",
              testimonial: "Outstanding after-sales support and property management. My investment continues to perform exceptionally well thanks to their ongoing guidance and market insights.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              imageAlt: "Catherine Williams"
            },
            {
              id: "3",
              name: "Hassan Al-Mahmoud",
              handle: "@hassan_dubai",
              testimonial: "Their expertise in luxury developments and understanding of market trends helped me secure an exceptional property at the right price. Professional service throughout.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
              imageAlt: "Hassan Al-Mahmoud"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterMedia 
        imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
        imageAlt="Dubai skyline at night"
        logoText="LUXE DUBAI"
        columns={[
          {
            title: "Properties",
            items: [
              { label: "All Properties", href: "/properties" },
              { label: "Villas", href: "/properties" },
              { label: "Apartments", href: "/properties" },
              { label: "Penthouses", href: "/properties" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Services", href: "/services" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Get in Touch", href: "/contact" },
              { label: "Schedule Viewing", href: "/contact" },
              { label: "Support", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 LUXE DUBAI. All rights reserved."
      />
    </ThemeProvider>
  );
}