"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: 'Properties', id: 'properties' },
            { name: 'About', id: 'about' },
            { name: 'Services', id: 'services' },
            { name: 'Contact', id: 'contact' }
          ]}
          button={{ text: 'Schedule Tour', href: 'contact' }}
          brandName="Prestige Dubai"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Premium Services"
          description="Comprehensive real estate expertise tailored to discerning clients seeking exceptional Dubai properties"
          tag="Expert Services"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Property Sourcing",
              description: "Exclusive access to off-market luxury properties before public release through our extensive developer and owner networks.",
              imageSrc: "https://img.b2bpic.net/free-photo/professionals-discussing-project-with-boss-workplace-watching-presentation-pc-monitor-business-communication-concept_74855-11934.jpg",
              imageAlt: "real-estate agent professional office consultation"
            },
            {
              id: 2,
              title: "Investment Advisory",
              description: "Strategic guidance on market trends, ROI potential, and portfolio diversification from our team of seasoned real estate analysts.",
              imageSrc: "https://img.b2bpic.net/free-photo/serious-boss-manager-discussing-report-talking-while-sitting-standing-workplace-with-panoramic-window-business-communication-concept_74855-11957.jpg",
              imageAlt: "market data analytics chart growth"
            },
            {
              id: 3,
              title: "Concierge Support",
              description: "White-glove service including property management, legal documentation, and lifestyle coordination for seamless ownership experience.",
              imageSrc: "https://img.b2bpic.net/free-photo/professionals-discussing-project-with-boss-workplace-watching-presentation-pc-monitor-business-communication-concept_74855-11934.jpg",
              imageAlt: "real-estate agent professional office consultation"
            }
          ]}
        />
      </div>

      <FooterLogoReveal logoText="Prestige Dubai" />
    </ThemeProvider>
  );
}