Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -31,73 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Kreu",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Rreth Nesh",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Njoftime",
|
||||
id: "news",
|
||||
},
|
||||
{
|
||||
name: "Aktivitetet",
|
||||
id: "activities",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Kreu", id: "hero" },
|
||||
{ name: "Rreth Nesh", id: "about" },
|
||||
{ name: "Njoftime", id: "news" },
|
||||
{ name: "Aktivitetet", id: "activities" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Gjimnazi Qemal Stafa"
|
||||
button={{ text: "Hyr", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mirësevini në Gjimnazin Qemal Stafa"
|
||||
description="Institucioni elitë i arsimit të mesëm në Tiranë, me traditë të gjatë në formimin akademik dhe njerëzor të brezave të rinj."
|
||||
buttons={[
|
||||
{
|
||||
text: "Eksploro",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Na Kontakto",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Eksploro", href: "#about" },
|
||||
{ text: "Na Kontakto", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-amphitheater-usa_1268-14358.jpg?_wi=1",
|
||||
imageAlt: "Gjimnazi Qemal Stafa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-yellow-chair-tall-lamp-near-wooden-table-with-books-plant-pots-it_181624-1826.jpg?_wi=1",
|
||||
imageAlt: "Ambiente shkollore",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teenagers-nature_23-2149183701.jpg?_wi=1",
|
||||
imageAlt: "Nxënës në klasë",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-scientific-laboratory-with-research-instruments_482257-19303.jpg",
|
||||
imageAlt: "Laboratorë",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-training-together_23-2150445035.jpg",
|
||||
imageAlt: "Aktivitete",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-holding-dumbbell-looking-up-taking-selfie-isolated-orange-wall_141793-80220.jpg",
|
||||
imageAlt: "Sport",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-amphitheater-usa_1268-14358.jpg", imageAlt: "Gjimnazi Qemal Stafa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-yellow-chair-tall-lamp-near-wooden-table-with-books-plant-pots-it_181624-1826.jpg", imageAlt: "Ambiente shkollore" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teenagers-nature_23-2149183701.jpg", imageAlt: "Nxënës në klasë" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nobody-scientific-laboratory-with-research-instruments_482257-19303.jpg", imageAlt: "Laboratorë" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-training-together_23-2150445035.jpg", imageAlt: "Aktivitete" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-holding-dumbbell-looking-up-taking-selfie-isolated-orange-wall_141793-80220.jpg", imageAlt: "Sport" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,15 +66,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Rreth Gjimnazit Qemal Stafa",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/day-day-life-children-ancient-greece_23-2151648854.jpg",
|
||||
alt: "Historia e shkollës",
|
||||
},
|
||||
{ type: "text", content: "Rreth Gjimnazit Qemal Stafa" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/day-day-life-children-ancient-greece_23-2151648854.jpg", alt: "Historia e shkollës" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,24 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Nxënës",
|
||||
value: "1200+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: GraduationCap,
|
||||
title: "Mësues",
|
||||
value: "80",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Trophy,
|
||||
title: "Projekte",
|
||||
value: "50+",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Nxënës", value: "1200+" },
|
||||
{ id: "m2", icon: GraduationCap, title: "Mësues", value: "80" },
|
||||
{ id: "m3", icon: Trophy, title: "Projekte", value: "50+" },
|
||||
]}
|
||||
title="Statistikat tona"
|
||||
description="Arritjet tona në numra."
|
||||
@@ -157,66 +95,12 @@ export default function LandingPage() {
|
||||
title="Njoftime dhe Evente"
|
||||
description="Lajmet më të fundit nga jeta shkollore."
|
||||
blogs={[
|
||||
{
|
||||
id: "n1",
|
||||
category: "Akademike",
|
||||
title: "Olimpiada Kombëtare",
|
||||
excerpt: "Rezultate të shkëlqyera në matematikë.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-books-his-hands_1098-229.jpg",
|
||||
authorName: "Sekretaria",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg",
|
||||
date: "2025-05-10",
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
category: "TIK",
|
||||
title: "Panair Teknologjie",
|
||||
excerpt: "Projekte të avancuara nga nxënësit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-digital-glasses_23-2148910291.jpg",
|
||||
authorName: "TIK Dept",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107110.jpg",
|
||||
date: "2025-05-12",
|
||||
},
|
||||
{
|
||||
id: "n3",
|
||||
category: "Takime",
|
||||
title: "Prindërit",
|
||||
excerpt: "Takim me prindërit e klasave të 10-ta.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-studio_23-2148424419.jpg",
|
||||
authorName: "Drejtoria",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pencil-front-side-with-white-background_187299-39921.jpg",
|
||||
date: "2025-05-15",
|
||||
},
|
||||
{
|
||||
id: "n4",
|
||||
category: "Sport",
|
||||
title: "Kampionati Sportiv",
|
||||
excerpt: "Finalet e basketbollit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-playing-basket_23-2148459519.jpg",
|
||||
authorName: "Sport",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/green-character-holding-board_1156-454.jpg",
|
||||
date: "2025-05-20",
|
||||
},
|
||||
{
|
||||
id: "n5",
|
||||
category: "Sociale",
|
||||
title: "Ekskursion",
|
||||
excerpt: "Vizitë në sitet historike.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-planets-space_23-2149288540.jpg",
|
||||
authorName: "Klube",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg",
|
||||
date: "2025-05-22",
|
||||
},
|
||||
{
|
||||
id: "n6",
|
||||
category: "Kulturë",
|
||||
title: "Event Kulturor",
|
||||
excerpt: "Koncert i fundvitit shkollor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-musician_23-2147670596.jpg",
|
||||
authorName: "Arte",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pencil-icon-front-side_187299-39542.jpg",
|
||||
date: "2025-05-25",
|
||||
},
|
||||
{ id: "n1", category: "Akademike", title: "Olimpiada Kombëtare", excerpt: "Rezultate të shkëlqyera në matematikë.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-boy-with-books-his-hands_1098-229.jpg", authorName: "Sekretaria", authorAvatar: "http://img.b2bpic.net/free-photo/pencil-sign-left-side_187299-39550.jpg", date: "2025-05-10" },
|
||||
{ id: "n2", category: "TIK", title: "Panair Teknologjie", excerpt: "Projekte të avancuara nga nxënësit.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-digital-glasses_23-2148910291.jpg", authorName: "TIK Dept", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107110.jpg", date: "2025-05-12" },
|
||||
{ id: "n3", category: "Takime", title: "Prindërit", excerpt: "Takim me prindërit e klasave të 10-ta.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-studio_23-2148424419.jpg", authorName: "Drejtoria", authorAvatar: "http://img.b2bpic.net/free-photo/pencil-front-side-with-white-background_187299-39921.jpg", date: "2025-05-15" },
|
||||
{ id: "n4", category: "Sport", title: "Kampionati Sportiv", excerpt: "Finalet e basketbollit.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-playing-basket_23-2148459519.jpg", authorName: "Sport", authorAvatar: "http://img.b2bpic.net/free-photo/green-character-holding-board_1156-454.jpg", date: "2025-05-20" },
|
||||
{ id: "n5", category: "Sociale", title: "Ekskursion", excerpt: "Vizitë në sitet historike.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-planets-space_23-2149288540.jpg", authorName: "Klube", authorAvatar: "http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg", date: "2025-05-22" },
|
||||
{ id: "n6", category: "Kulturë", title: "Event Kulturor", excerpt: "Koncert i fundvitit shkollor.", imageSrc: "http://img.b2bpic.net/free-photo/table-musician_23-2147670596.jpg", authorName: "Arte", authorAvatar: "http://img.b2bpic.net/free-photo/pencil-icon-front-side_187299-39542.jpg", date: "2025-05-25" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,42 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sporti",
|
||||
description: "Ekipet tona konkurruese.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492358.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492356.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-amphitheater-usa_1268-14358.jpg?_wi=2",
|
||||
imageAlt: "sport në shkollë",
|
||||
},
|
||||
{
|
||||
title: "Programim",
|
||||
description: "Laboratorë modernë TIK.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-agios-nikolaos-church-crete_268835-17486.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18937.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-yellow-chair-tall-lamp-near-wooden-table-with-books-plant-pots-it_181624-1826.jpg?_wi=2",
|
||||
imageAlt: "sport në shkollë",
|
||||
},
|
||||
{
|
||||
title: "Art & Muzikë",
|
||||
description: "Zhvillim kreativ.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/love-story-adult-couple-art-studio-they-paint-pictures-laugh-kiss-each-other-their-emotions-feelings-love_1157-46349.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-art-supplies-workshop_23-2149536283.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teenagers-nature_23-2149183701.jpg?_wi=2",
|
||||
imageAlt: "sport në shkollë",
|
||||
},
|
||||
{ title: "Sporti", description: "Ekipet tona konkurruese.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492358.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492356.jpg" } },
|
||||
{ title: "Programim", description: "Laboratorë modernë TIK.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/famous-agios-nikolaos-church-crete_268835-17486.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18937.jpg" } },
|
||||
{ title: "Art & Muzikë", description: "Zhvillim kreativ.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/love-story-adult-couple-art-studio-they-paint-pictures-laugh-kiss-each-other-their-emotions-feelings-love_1157-46349.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-art-supplies-workshop_23-2149536283.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Aktivitetet tona"
|
||||
@@ -277,42 +128,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cilësi në arsim",
|
||||
price: "Garantuar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pisces-zodiac-sign-gold-glitter-horoscope-astrology-background-pisces-dark-background_559531-11090.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Teknologji",
|
||||
price: "Moderne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-coffee-near-laptop_23-2147777790.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aktivitete",
|
||||
price: "Të shumta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-sequins_23-2149285584.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mësues",
|
||||
price: "Profesionalë",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-blurry-kids-sunday-school_23-2149613743.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Projekte",
|
||||
price: "Ndërkombëtare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marker-eraser-near-blackboard-chalk_23-2147850972.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ambient",
|
||||
price: "Motivues",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-monday-concept-with-blackboard_23-2150040449.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Cilësi në arsim", price: "Garantuar", imageSrc: "http://img.b2bpic.net/free-photo/pisces-zodiac-sign-gold-glitter-horoscope-astrology-background-pisces-dark-background_559531-11090.jpg" },
|
||||
{ id: "p2", name: "Teknologji", price: "Moderne", imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-coffee-near-laptop_23-2147777790.jpg" },
|
||||
{ id: "p3", name: "Aktivitete", price: "Të shumta", imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-sequins_23-2149285584.jpg" },
|
||||
{ id: "p4", name: "Mësues", price: "Profesionalë", imageSrc: "http://img.b2bpic.net/free-photo/back-view-blurry-kids-sunday-school_23-2149613743.jpg" },
|
||||
{ id: "p5", name: "Projekte", price: "Ndërkombëtare", imageSrc: "http://img.b2bpic.net/free-photo/marker-eraser-near-blackboard-chalk_23-2147850972.jpg" },
|
||||
{ id: "p6", name: "Ambient", price: "Motivues", imageSrc: "http://img.b2bpic.net/free-photo/happy-monday-concept-with-blackboard_23-2150040449.jpg" },
|
||||
]}
|
||||
title="Pse Qemal Stafa?"
|
||||
description="Standardet tona të larta akademike."
|
||||
@@ -322,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Na kontaktoni"
|
||||
description="Jemi këtu për t'ju shërbyer."
|
||||
@@ -338,49 +157,20 @@ export default function LandingPage() {
|
||||
logoText="Gjimnazi Qemal Stafa"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Rreth Nesh",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Info", items: [
|
||||
{ label: "Rreth Nesh", href: "#about" },
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "TIK Project Team",
|
||||
items: [
|
||||
{
|
||||
label: "Mikel Rama",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Eldior Myftaraj",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Livia Lezo",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Dijona Shehu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Enis Koxhaj",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ledion Hoxha",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Andja Kuraj",
|
||||
href: "#",
|
||||
},
|
||||
title: "TIK Project Team", items: [
|
||||
{ label: "Mikel Rama", href: "#" },
|
||||
{ label: "Eldior Myftaraj", href: "#" },
|
||||
{ label: "Livia Lezo", href: "#" },
|
||||
{ label: "Dijona Shehu", href: "#" },
|
||||
{ label: "Enis Koxhaj", href: "#" },
|
||||
{ label: "Ledion Hoxha", href: "#" },
|
||||
{ label: "Andja Kuraj", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user