// site/services.jsx — Services page
const SERVICES = [
  {
    img: "https://images.unsplash.com/photo-1554224154-26032ffc0d07?w=1100&q=80&auto=format&fit=crop",
    alt: "Wealth planning documents",
    title: "Wealth Planning",
    body: "In today's complex world as taxation becomes more complex, we work closely with you and third party advisors to provide you with solutions that will stand the test of time. From ISA's, Pensions, Tax wrappers to more complex Inheritance Tax Planning solutions, we are able to provide all the solutions that are available in the market, either directly ourselves or then through our external service providers.",
  },
  {
    img: "https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=1100&q=80&auto=format&fit=crop",
    alt: "Residential property",
    title: "Real Estate",
    body: "We work with multiple business partners to help you in identifying and buying your residential property, whether this is going to be your home or an investment property. We are also able to offer opportunities to invest in development projects or in funds that lend to others. We also offer opportunities to co-invest along with other investors in various real estate projects.",
  },
  {
    img: "https://images.unsplash.com/photo-1444653614773-995cb1ef9efa?w=1100&q=80&auto=format&fit=crop",
    alt: "Business district at dusk",
    title: "Business Finance",
    body: "We work with PE firms, Fund houses, Banks and Alternative finance solutions to be able to offer you business finance for your growing business interest in the UK or elsewhere. We understand your requirements and guide you to get the right solutions from the wider market. These can be trade finance, business loans, invoice discounting, factoring or even PE participation.",
  },
  {
    img: "https://images.unsplash.com/photo-1511895426328-dc8714191300?w=1100&q=80&auto=format&fit=crop",
    alt: "Family",
    title: "Insurance",
    body: "Whether it is Life, Property or Business, we are able to provide solutions from across the market. We delve deeper into your requirements and offer solutions which form part of a broader Wealth Planning solution or simply to cover the risks of day to day life.",
  },
  {
    img: "https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1100&q=80&auto=format&fit=crop",
    alt: "Investment charts",
    title: "Investment Planning",
    body: "With a keen eye for detail, we focus on performance, costs, diversification and aim to achieve your investment goals — be it income or capital growth. We work with all asset classes in the liquid markets. We also offer the opportunity to invest in private markets for the right client.",
  },
  {
    img: "https://images.unsplash.com/photo-1568605114967-8130f3a36994?w=1100&q=80&auto=format&fit=crop",
    alt: "Family home",
    title: "Mortgages",
    body: "Buying a home is likely to be the single biggest purchase you'll ever make. We're all under time pressure, so having a financial adviser to guide you through the mortgage maze can really take the weight off your shoulders and give you confidence in your decision. We also assist with property portfolio loans and commercial property loans.",
    extra: (
      <>
        If you are looking to borrow against UK real estate, we can lend from our partner company{" "}
        <a
          href="https://invest.daksfirst.com/"
          target="_blank"
          rel="noopener noreferrer"
          className="svc-link"
        >
          Daksfirst
        </a>.
      </>
    ),
  },
];

function ServicesPage() {
  const gridRef = useReveal();
  return (
    <div data-screen-label="03 Services">
      <PageHeading
        eyebrow="What we do"
        title="Our Services"
        sub="We offer solutions tailored to your needs."
      />

      <section className="section-navy" data-comment-anchor="services-grid">
        <div className="container">
          <div ref={gridRef} className="svc-grid stagger-grid">
            {SERVICES.map((s) => (
              <article key={s.title} className="svc-card">
                <EditorialPhoto src={s.img} alt={s.alt} ratio="16 / 10" />
                <div className="svc-body">
                  <h3>{s.title}</h3>
                  <span className="svc-rule" aria-hidden="true"></span>
                  <p>{s.body}</p>
                  {s.extra && <p>{s.extra}</p>}
                </div>
              </article>
            ))}
          </div>
        </div>
      </section>
    </div>
  );
}

window.ServicesPage = ServicesPage;