From d74fd50c93a04d72d8f78ee2949de2e0e382a8ce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 21:33:38 +0000
Subject: [PATCH] Update src/app/quizzes/page.tsx

---
 src/app/quizzes/page.tsx | 149 ++++++++++-----------------------------
 1 file changed, 37 insertions(+), 112 deletions(-)

diff --git a/src/app/quizzes/page.tsx b/src/app/quizzes/page.tsx
index b2dbe8e..c47b4f2 100644
--- a/src/app/quizzes/page.tsx
+++ b/src/app/quizzes/page.tsx
@@ -2,12 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
-export default function LandingPage() {
+export default function QuizzesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -22,116 +20,43 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Quizzes",
-          id: "/quizzes",
-        },
-      ]}
-      brandName="Beacon Hills Hub"
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Quizzes", id: "/quizzes" },
+            ]}
+            brandName="Beacon Hills Hub"
+        />
+        
+        <main className="container mx-auto px-4 py-20 flex gap-12">
+          <aside className="w-64 hidden md:block">
+            <nav className="sticky top-24 space-y-4">
+              <h2 className="text-xl font-bold mb-4">Categorias</h2>
+              <ul className="space-y-2">
+                <li><a href="#" className="hover:text-primary">Personagens</a></li>
+                <li><a href="#" className="hover:text-primary">História</a></li>
+                <li><a href="#" className="hover:text-primary">Criaturas</a></li>
+              </ul>
+            </nav>
+          </aside>
 
-  <div id="quiz-main" data-section="quiz-main">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Modo Interativo"
-      title="Quiz: Quanto você sabe?"
-      description="Selecione um quiz abaixo para começar sua jornada."
-    />
-  </div>
+          <div className="flex-1">
+            <h1 className="text-4xl font-bold mb-8">Quizzes de Beacon Hills</h1>
+            <div className="grid gap-6">
+               {/* Quiz Placeholder */}
+               <div className="p-8 border border-white/10 rounded-2xl bg-white/5">
+                 <h3 className="text-2xl font-bold mb-2">Quanto você sabe sobre o Scott?</h3>
+                 <p className="text-muted-foreground mb-4">Teste seus conhecimentos sobre o True Alpha.</p>
+                 <button className="px-6 py-2 rounded-full bg-primary text-white font-medium">Iniciar Quiz</button>
+               </div>
+            </div>
+          </div>
+        </main>
 
-  <div id="quiz-list" data-section="quiz-list">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Fácil",
-          title: "Scott McCall",
-          subtitle: "Iniciantes",
-          description: "Teste seu conhecimento básico sobre o protagonista.",
-          imageSrc: "http://img.b2bpic.net/free-photo/leather-craft-tools-wooden-background-leather-craftmans-work-desk_8353-6073.jpg?_wi=1",
-        },
-        {
-          tag: "Médio",
-          title: "Lendas de Beacon Hills",
-          subtitle: "Intermediário",
-          description: "História detalhada sobre os seres sobrenaturais.",
-          imageSrc: "http://img.b2bpic.net/free-vector/esoteric-elements-pack_23-2148564361.jpg?_wi=1",
-        },
-        {
-          tag: "Difícil",
-          title: "Mistérios de Stiles",
-          subtitle: "Avançado",
-          description: "Perguntas complexas sobre os casos do Stiles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-map-magnifying-glass_23-2148610432.jpg?_wi=1",
-        },
-      ]}
-      title="Nossos Quizzes"
-      description="Escolha um tema e mostre que você é um especialista."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Quiz: Quanto você sabe?"
-      description="Selecione um quiz abaixo para começar sua jornada."
-      tag="Modo Interativo"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Nossos Quizzes"
-      description="Escolha um tema e mostre que você é um especialista."
-      features={[
-        {
-          tag: "Fácil",
-          title: "Scott McCall",
-          subtitle: "Iniciantes",
-          description: "Teste seu conhecimento básico sobre o protagonista.",
-          imageSrc: "http://img.b2bpic.net/free-photo/leather-craft-tools-wooden-background-leather-craftmans-work-desk_8353-6073.jpg?_wi=2",
-        },
-        {
-          tag: "Médio",
-          title: "Lendas de Beacon Hills",
-          subtitle: "Intermediário",
-          description: "História detalhada sobre os seres sobrenaturais.",
-          imageSrc: "http://img.b2bpic.net/free-vector/esoteric-elements-pack_23-2148564361.jpg?_wi=2",
-        },
-        {
-          tag: "Difícil",
-          title: "Mistérios de Stiles",
-          subtitle: "Avançado",
-          description: "Perguntas complexas sobre os casos do Stiles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-map-magnifying-glass_23-2148610432.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Beacon Hills Hub"
-      copyrightText="© 2025 | Fã-site não oficial"
-    />
-  </div>
+        <FooterCard
+            logoText="Beacon Hills Hub"
+            copyrightText="© 2025 | Fã-site não oficial"
+        />
       </ReactLenis>
     </ThemeProvider>
   );