Merge version_1_1781986064453 into main
Merge version_1_1781986064453 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -5,298 +5,153 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
|
||||
import { BookOpen, Minus, Plus, Star } from "lucide-react";
|
||||
import FooterMinimal from '@/components/sections/footer/FooterMinimal';
|
||||
import { BookOpen, Minus, Plus, Star, Divide, Instagram, Facebook, Twitter } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Matematikë për fëmijë"
|
||||
title="Mëso matematikën duke luajtur!"
|
||||
description="Ushtrohu me mbledhjen, zbritjen, shumëzimin dhe pjesëtimin përmes aktiviteteve argëtuese."
|
||||
primaryButton={{
|
||||
text: "Fillo ushtrimet",
|
||||
href: "#fillo",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Luaj kuizin",
|
||||
href: "#kuize",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641214.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Matematikë për fëmijë"
|
||||
title="Mëso matematikën duke luajtur!"
|
||||
description="Ushtrohu me mbledhjen, zbritjen, shumëzimin dhe pjesëtimin përmes aktiviteteve argëtuese."
|
||||
primaryButton={{
|
||||
text: "Fillo ushtrimet", href: "#fillo"}}
|
||||
secondaryButton={{
|
||||
text: "Luaj kuizin", href: "#kuize"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641214.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="kategorite" data-section="kategorite">
|
||||
<SectionErrorBoundary name="kategorite">
|
||||
<div id="kategorite" data-section="kategorite">
|
||||
<SectionErrorBoundary name="kategorite">
|
||||
<FeaturesBento
|
||||
tag="Kategoritë kryesore"
|
||||
title="Zgjidh ushtrimin që të pëlqen"
|
||||
description="Mëso matematikën hap pas hapi me sfida të reja."
|
||||
features={[
|
||||
{
|
||||
title: "Mbledhja",
|
||||
description: "Ushtrohu me mbledhje nga numrat 1 deri në 20.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Plus,
|
||||
label: "Niveli",
|
||||
value: "1-20",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Temat",
|
||||
value: "Mbledhje",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Statusi",
|
||||
value: "Aktiv",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-student-math-class_23-2151641220.jpg",
|
||||
imageAlt: "Cartoon student in a math class",
|
||||
},
|
||||
{
|
||||
title: "Zbritja",
|
||||
description: "Zbritje deri në 20 me lojëra interaktive.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Minus,
|
||||
label: "Niveli",
|
||||
value: "1-20",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Temat",
|
||||
value: "Zbritje",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Statusi",
|
||||
value: "Aktiv",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641214.jpg?_wi=2",
|
||||
imageAlt: "Cartoon student in a math class",
|
||||
},
|
||||
{
|
||||
title: "Shumëzimi",
|
||||
description: "Mëso tabelën e shumëzimit nga 1 deri në 10.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: "X",
|
||||
label: "Niveli",
|
||||
value: "1-10",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Temat",
|
||||
value: "Shumëzim",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Statusi",
|
||||
value: "Aktiv",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-with-gold-medal-around-neck-holding-trimmer-trophy-smiling-with-happy-face_141793-37112.jpg?_wi=1",
|
||||
imageAlt: "Cartoon student in a math class",
|
||||
},
|
||||
{
|
||||
title: "Pjesëtimi",
|
||||
description: "Pjesëtimi i thjeshtë për fillestarët.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Divide,
|
||||
label: "Niveli",
|
||||
value: "Fillestar",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Temat",
|
||||
value: "Pjesëtim",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Statusi",
|
||||
value: "Aktiv",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/good-job-stickers-collection_23-2148929277.jpg?_wi=1",
|
||||
imageAlt: "Cartoon student in a math class",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kategoritë kryesore"
|
||||
title="Zgjidh ushtrimin që të pëlqen"
|
||||
description="Mëso matematikën hap pas hapi me sfida të reja."
|
||||
features={[
|
||||
{
|
||||
title: "Mbledhja", description: "Ushtrohu me mbledhje nga numrat 1 deri në 20.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Plus", label: "Niveli", value: "1-20" },
|
||||
{ icon: "BookOpen", label: "Temat", value: "Mbledhje" },
|
||||
{ icon: "Star", label: "Statusi", value: "Aktiv" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Zbritja", description: "Zbritje deri në 20 me lojëra interaktive.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Minus", label: "Niveli", value: "1-20" },
|
||||
{ icon: "BookOpen", label: "Temat", value: "Zbritje" },
|
||||
{ icon: "Star", label: "Statusi", value: "Aktiv" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shumëzimi", description: "Mëso tabelën e shumëzimit nga 1 deri në 10.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "X", label: "Niveli", value: "1-10" },
|
||||
{ icon: "BookOpen", label: "Temat", value: "Shumëzim" },
|
||||
{ icon: "Star", label: "Statusi", value: "Aktiv" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pjesëtimi", description: "Pjesëtimi i thjeshtë për fillestarët.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Divide", label: "Niveli", value: "Fillestar" },
|
||||
{ icon: "BookOpen", label: "Temat", value: "Pjesëtim" },
|
||||
{ icon: "Star", label: "Statusi", value: "Aktiv" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="tabela-shumezimit" data-section="tabela-shumezimit">
|
||||
<SectionErrorBoundary name="tabela-shumezimit">
|
||||
<div id="tabela-shumezimit" data-section="tabela-shumezimit">
|
||||
<SectionErrorBoundary name="tabela-shumezimit">
|
||||
<FeaturesImageBento
|
||||
tag="Shumëzimi"
|
||||
title="Tabela e shumëzimit interaktive"
|
||||
description="Zgjidh një tabelë dhe fillo të mësosh."
|
||||
items={[
|
||||
{
|
||||
title: "Tabela e 1-shit",
|
||||
description: "1 x 1 = 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-with-gold-medal-around-neck-holding-trimmer-trophy-smiling-with-happy-face_141793-37112.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Tabela e 2-shit",
|
||||
description: "2 x 1 = 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/good-job-stickers-collection_23-2148929277.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Tabela e 3-shit",
|
||||
description: "3 x 1 = 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-website-bookmark_53876-9216.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tabela e 4-shit",
|
||||
description: "4 x 1 = 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/circle-star-three-styles_78370-1124.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tabela e 5-shit",
|
||||
description: "5 x 1 = 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-medals-awards-blue-background_23-2151965938.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tabela e 6-shit",
|
||||
description: "6 x 1 = 6",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/star-logo-geometric-design-favorite-winner-award-logotype_126523-2762.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tabela e 7-shit",
|
||||
description: "7 x 1 = 7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Shumëzimi"
|
||||
title="Tabela e shumëzimit interaktive"
|
||||
description="Zgjidh një tabelë dhe fillo të mësosh."
|
||||
items={[
|
||||
{ title: "Tabela e 1-shit", description: "1 x 1 = 1", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-with-gold-medal-around-neck-holding-trimmer-trophy-smiling-with-happy-face_141793-37112.jpg" },
|
||||
{ title: "Tabela e 2-shit", description: "2 x 1 = 2", imageSrc: "http://img.b2bpic.net/free-vector/good-job-stickers-collection_23-2148929277.jpg" },
|
||||
{ title: "Tabela e 3-shit", description: "3 x 1 = 3", imageSrc: "http://img.b2bpic.net/free-vector/illustration-website-bookmark_53876-9216.jpg" },
|
||||
{ title: "Tabela e 4-shit", description: "4 x 1 = 4", imageSrc: "http://img.b2bpic.net/free-vector/circle-star-three-styles_78370-1124.jpg" },
|
||||
{ title: "Tabela e 5-shit", description: "5 x 1 = 5", imageSrc: "http://img.b2bpic.net/free-photo/military-medals-awards-blue-background_23-2151965938.jpg" },
|
||||
{ title: "Tabela e 6-shit", description: "6 x 1 = 6", imageSrc: "http://img.b2bpic.net/free-vector/star-logo-geometric-design-favorite-winner-award-logotype_126523-2762.jpg" },
|
||||
{ title: "Tabela e 7-shit", description: "7 x 1 = 7", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="kuiz" data-section="kuiz">
|
||||
<SectionErrorBoundary name="kuiz">
|
||||
<div id="kuiz" data-section="kuiz">
|
||||
<SectionErrorBoundary name="kuiz">
|
||||
<PricingSimpleCards
|
||||
tag="Kuizi Matematikor"
|
||||
title="Testo njohuritë e tua"
|
||||
description="Luaj kuizin me 10 pyetje dhe fito pikë."
|
||||
plans={[
|
||||
{
|
||||
tag: "Lehtë",
|
||||
price: "10 Pyetje",
|
||||
description: "Për fillestarët që po mësojnë.",
|
||||
features: [
|
||||
"Mbledhje",
|
||||
"Zbritje",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Mesatar",
|
||||
price: "10 Pyetje",
|
||||
description: "Për ata që duan më shumë sfida.",
|
||||
features: [
|
||||
"Mbledhje",
|
||||
"Zbritje",
|
||||
"Shumëzim",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Vështirë",
|
||||
price: "10 Pyetje",
|
||||
description: "Për kampionët e matematikës.",
|
||||
features: [
|
||||
"Gjithçka",
|
||||
"Kohë e kufizuar",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kuizi Matematikor"
|
||||
title="Testo njohuritë e tua"
|
||||
description="Luaj kuizin me 10 pyetje dhe fito pikë."
|
||||
plans={[
|
||||
{ tag: "Lehtë", price: "10 Pyetje", description: "Për fillestarët që po mësojnë.", features: ["Mbledhje", "Zbritje"] },
|
||||
{ tag: "Mesatar", price: "10 Pyetje", description: "Për ata që duan më shumë sfida.", features: ["Mbledhje", "Zbritje", "Shumëzim"] },
|
||||
{ tag: "Vështirë", price: "10 Pyetje", description: "Për kampionët e matematikës.", features: ["Gjithçka", "Kohë e kufizuar"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="arritjet" data-section="arritjet">
|
||||
<SectionErrorBoundary name="arritjet">
|
||||
<div id="arritjet" data-section="arritjet">
|
||||
<SectionErrorBoundary name="arritjet">
|
||||
<MetricsSimpleCards
|
||||
tag="Arritjet"
|
||||
title="Statistikat e tua"
|
||||
description="Shiko se sa larg ke arritur në rrugëtimin tënd."
|
||||
metrics={[
|
||||
{
|
||||
value: "150",
|
||||
description: "Ushtrime të përfunduara",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
description: "Tabela të mësuara",
|
||||
},
|
||||
{
|
||||
value: "5",
|
||||
description: "Distinktivë të fituar",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
description: "Saktësia mesatare",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Arritjet"
|
||||
title="Statistikat e tua"
|
||||
description="Shiko se sa larg ke arritur në rrugëtimin tënd."
|
||||
metrics={[
|
||||
{ value: "150", description: "Ushtrime të përfunduara" },
|
||||
{ value: "10", description: "Tabela të mësuara" },
|
||||
{ value: "5", description: "Distinktivë të fituar" },
|
||||
{ value: "98%", description: "Saktësia mesatare" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="materiale" data-section="materiale">
|
||||
<SectionErrorBoundary name="materiale">
|
||||
<div id="materiale" data-section="materiale">
|
||||
<SectionErrorBoundary name="materiale">
|
||||
<FaqTwoColumn
|
||||
tag="Materiale"
|
||||
title="Fletë pune për printim"
|
||||
description="Shkarko dhe printo materialet për të ushtruar në shtëpi."
|
||||
items={[
|
||||
{
|
||||
question: "Fletë pune Mbledhje",
|
||||
answer: "Ushtrime me mbledhje për çdo nivel.",
|
||||
},
|
||||
{
|
||||
question: "Fletë pune Zbritje",
|
||||
answer: "Zbritje deri në 100.",
|
||||
},
|
||||
{
|
||||
question: "Tabela e shumëzimit",
|
||||
answer: "Tabela e plotë për ta printuar.",
|
||||
},
|
||||
{
|
||||
question: "Teste matematike",
|
||||
answer: "Përmbledhje e të gjitha temave.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Materiale"
|
||||
title="Fletë pune për printim"
|
||||
description="Shkarko dhe printo materialet për të ushtruar në shtëpi."
|
||||
items={[
|
||||
{ question: "Fletë pune Mbledhje", answer: "Ushtrime me mbledhje për çdo nivel." },
|
||||
{ question: "Fletë pune Zbritje", answer: "Zbritje deri në 100." },
|
||||
{ question: "Tabela e shumëzimit", answer: "Tabela e plotë për ta printuar." },
|
||||
{ question: "Teste matematike", answer: "Përmbledhje e të gjitha temave." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="kontakti" data-section="kontakti">
|
||||
<SectionErrorBoundary name="kontakti">
|
||||
<div id="kontakti" data-section="kontakti">
|
||||
<SectionErrorBoundary name="kontakti">
|
||||
<ContactCta
|
||||
tag="Kontakti"
|
||||
text="A ke ndonjë pyetje ose sugjerim për ne? Na shkruaj!"
|
||||
primaryButton={{
|
||||
text: "Na shkruaj një email",
|
||||
href: "mailto:info@matematikaargetuese.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Na ndiq në Instagram",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontakti"
|
||||
text="A ke ndonjë pyetje ose sugjerim për ne? Na shkruaj!"
|
||||
primaryButton={{ text: "Na shkruaj një email", href: "mailto:info@matematikaargetuese.com" }}
|
||||
secondaryButton={{ text: "Na ndiq në Instagram", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FooterMinimal
|
||||
brand="Matematika Argëtuese"
|
||||
copyright="© 2024 Matematika Argëtuese. Të gjitha të drejtat të rezervuara."
|
||||
socialLinks={[
|
||||
{ icon: "Instagram", href: "#" },
|
||||
{ icon: "Facebook", href: "#" },
|
||||
{ icon: "Twitter", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user