Update src/app/quizzes/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user