feat: customize README for Tibia Trade marketplace and enhance page accessibility

- Rewrote README.md to describe the Tibia Trade project, including features, setup instructions, technologies, and SEO keywords in Portuguese
- Removed "Pagodera" from thank you page text for rebranding
- Added role and aria-label to main element in home page for better accessibility
- Added metadata generation with localized titles and descriptions to prices page for improved SEO and user experience

components/Header.tsx

@@ -33,7 +33,7 @@ export default function Header() {
         <div className="flex items-center gap-2">
           <Link href="/">
             <WordRotate
-              words={["Pagodera", "Tibia Trade"]}
+              words={["Tibia Trade"]}
               className="text-lg font-semibold tracking-tight hover:text-primary transition-colors"
             />
           </Link>

components/breadcrumbs.tsx

@@ -0,0 +1,43 @@
+import { ChevronRight } from "lucide-react";
+import Link from "next/link";
+
+interface BreadcrumbItem {
+  label: string;
+  href: string;
+}
+
+interface BreadcrumbsProps {
+  items: BreadcrumbItem[];
+}
+
+export function Breadcrumbs({ items }: BreadcrumbsProps) {
+  return (
+    <nav aria-label="Breadcrumb" className="py-4">
+      <ol
+        itemScope
+        itemType="https://schema.org/BreadcrumbList"
+        className="flex items-center gap-2 text-sm text-muted-foreground"
+      >
+        {items.map((item, index) => (
+          <li
+            key={item.href}
+            itemProp="itemListElement"
+            itemScope
+            itemType="https://schema.org/ListItem"
+            className="flex items-center gap-2"
+          >
+            <Link
+              href={item.href}
+              itemProp="item"
+              className="hover:text-foreground transition-colors"
+            >
+              <span itemProp="name">{item.label}</span>
+            </Link>
+            <meta itemProp="position" content={String(index + 1)} />
+            {index < items.length - 1 && <ChevronRight className="w-4 h-4" />}
+          </li>
+        ))}
+      </ol>
+    </nav>
+  );
+}

components/sections/escrow-explanation.tsx

@@ -100,6 +100,23 @@ export function EscrowExplanation() {
 
   return (
     <section className="py-20 bg-muted/30">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "FAQPage",
+            mainEntity: faqItems.map((item) => ({
+              "@type": "Question",
+              name: item.question,
+              acceptedAnswer: {
+                "@type": "Answer",
+                text: item.answer,
+              },
+            })),
+          }),
+        }}
+      />
       <div className="container">
         {/* Título e Subtítulo */}
         <BlurFade delay={0.1}>

components/sections/hero-section.tsx

@@ -13,9 +13,11 @@ export function HeroSection() {
     <section className="relative min-h-[600px] flex items-center justify-center overflow-hidden bg-gradient-to-br from-background to-muted/20 px-4">
       <div className="w-full max-w-4xl mx-auto flex flex-col items-center justify-center text-center space-y-8">
         <BlurFade delay={0.2}>
-          <AnimatedGradientText className="text-5xl md:text-7xl font-bold">
-            {t("title")}
-          </AnimatedGradientText>
+          <h1>
+            <AnimatedGradientText className="text-5xl md:text-7xl font-bold">
+              {t("title")}
+            </AnimatedGradientText>
+          </h1>
         </BlurFade>
 
         <BlurFade delay={0.4}>

components/sections/how-it-works.tsx

@@ -50,7 +50,15 @@ export function HowItWorks() {
           <h2 className="text-4xl font-bold mb-4">{t("title")}</h2>
           <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
             Descubra como funciona nossa plataforma de trading segura e
-            eficiente
+            eficiente.{" "}
+            <a href="/market" className="text-primary hover:underline">
+              Explore o mercado
+            </a>{" "}
+            ou conheça nosso{" "}
+            <a href="#escrow" className="text-primary hover:underline">
+              sistema de escrow
+            </a>
+            .
           </p>
         </div>
 

components/share-button.tsx

@@ -7,8 +7,8 @@ export function ShareButton() {
   const handleShare = () => {
     if (navigator.share) {
       navigator.share({
-        title: "Tibia Trade Pagodera",
-        text: "Conheça o marketplace mais seguro para negociar itens no servidor Pagodera!",
+        title: "Tibia Trade",
+        text: "Conheça o marketplace multi-servidor mais seguro para negociar itens de Tibia!",
         url: window.location.origin,
       });
     } else {