export const dynamic = "force-dynamic";

import React from "react";
import Navbar from "../components/Navbar/Navbar";
import HeroSection from "../components/HeroSection";
import Footer from "../components/Footer";
import { Card, CardContent, CardTitle } from "@/components/ui/card";
import Link from "next/link";
import { Button } from "@/components/ui/button";
import Image from "next/image";
import { ServicesPageMainContent } from "../components/servicesPageComponents/ServicesPageMainContent";
import HeroParent from "../components/HeroParent";


const ServicesPage = () => {
  return (
    <div className="">
      <Navbar />
      <main className="pb-7 md:pb-10 lg:pb-14">
        {/* <HeroSection
          head="Services"
          title="Explore Our Services"
          titleHighlight=""
          description="We offer a full range of real estate solutions tailored to meet your needs. From property buying and selling to rentals and investment advisory, our experienced team is here to guide you through every step with transparency, local expertise, and dedicated support."
        /> */}
        <HeroParent isServices/>

        <ServicesPageMainContent />
      </main>
      <Footer />
    </div>
  );
};

export default ServicesPage;
