feat(storefront): update FAQ and legal documentation

- Added new FAQ sections for account security, ordering and checkout, returns, shipping, and contact information.
- Introduced legal documents including privacy policy, terms of service, data protection, and general terms and conditions.
- Updated package dependencies to include gray-matter and remark-gfm for enhanced markdown support.
This commit is contained in:
2026-03-13 21:39:25 +03:00
parent f1dbf0b6ee
commit c8f5d8d096
52 changed files with 2273 additions and 261 deletions

View File

@@ -0,0 +1,44 @@
import Link from "next/link";
import { FaqPageView } from "@/components/support/FaqPageView";
import { getFaqSections } from "@/lib/faq/getFaqSections";
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "FAQs",
description:
"Frequently asked questions about ordering, shipping, returns, your account, and how to contact The Pet Loft.",
};
export default function FaqsPage() {
const sections = getFaqSections();
return (
<main className="mx-auto max-w-4xl px-4 py-8 md:px-6 md:py-12">
<Link
href="/shop"
className="mb-6 inline-flex items-center gap-1 text-sm text-[#3d5554] transition-colors hover:text-[#236f6b]"
>
Back to Shop
</Link>
<h1 className="font-[family-name:var(--font-fraunces)] text-2xl font-bold text-[#1a2e2d] md:text-3xl">
Frequently asked questions
</h1>
<p className="mt-2 text-[#3d5554]">
Select a topic below to see common questions and answers.
</p>
<div className="mt-8">
<FaqPageView sections={sections} lastUpdated="March 2025" />
</div>
<p className="mt-10 text-sm text-[#3d5554]">
Can&apos;t find what you need?{" "}
<Link
href="/support/contact-us"
className="font-medium text-[#38a99f] underline transition-colors hover:text-[#236f6b]"
>
Contact us
</Link>
.
</p>
</main>
);
}