Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e9cb940f67 | |||
| f05aaf5f90 | |||
| b29e33acea | |||
| 4bf354cb1b | |||
| 56477d2644 | |||
| 36edc86c47 | |||
| 4df4bea43e | |||
| 05faf1f11d | |||
| e54a7ae1a5 | |||
| 9a790ce244 | |||
| 6003803bf0 | |||
| 30b8173f30 | |||
| 722e82e2cf |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Nunito_Sans } from "next/font/google";
|
||||
import { Libre_Baskerville } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -24,8 +25,14 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
const nunitoSans = Nunito_Sans({
|
||||
variable: "--font-nunito-sans",
|
||||
|
||||
const libreBaskerville = Libre_Baskerville({
|
||||
variable: "--font-libre-baskerville",
|
||||
subsets: ["latin"],
|
||||
weight: ["400", "700"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
@@ -37,7 +44,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${nunitoSans.variable} antialiased`}>
|
||||
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
226
src/app/page.tsx
226
src/app/page.tsx
@@ -31,26 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Quali",
|
||||
id: "#quali",
|
||||
},
|
||||
{
|
||||
name: "Sistemi e reti",
|
||||
id: "#sistemi",
|
||||
},
|
||||
{
|
||||
name: "Informatica",
|
||||
id: "#informatica",
|
||||
},
|
||||
{
|
||||
name: "Telecomunicazioni",
|
||||
id: "#telecomunicazioni",
|
||||
},
|
||||
{
|
||||
name: "TPSIT",
|
||||
id: "#tpsit",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "TPSIT", id: "/tpsit" },
|
||||
{ name: "Telecomunicazioni", id: "/telecomunicazioni" },
|
||||
]}
|
||||
brandName="EduCivica"
|
||||
/>
|
||||
@@ -59,35 +42,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Educazione Civica Digitale"
|
||||
description="Esplora le discipline fondamentali per comprendere la società moderna attraverso un percorso didattico chiaro e interattivo."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-education-concept-youtube-cover_23-2150292964.jpg?_wi=1",
|
||||
imageAlt: "Educazione digitale",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-education-concept-youtube-cover_23-2150292964.jpg?_wi=1", imageAlt: "Educazione digitale"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-skilful-goodlooking-redhead-female-denim-shirt-picking-colored-pencils-smiling-think_1258-144415.jpg?_wi=1",
|
||||
imageAlt: "Apprendimento",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-korean-woman-medical-mask-holding-flight-tickets-passport-standing-wit_1258-140592.jpg",
|
||||
imageAlt: "Sistemi",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-serious-university-student-spectacles-hat-writes-notes-from-tablet_273609-8252.jpg",
|
||||
imageAlt: "Tecnologia",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-headphones-works-laptop-girl-with-laptop_169016-66092.jpg",
|
||||
imageAlt: "Futuro",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-girl-with-detergent-her-hands-created-with-generative-ai-technology_185193-162612.jpg",
|
||||
imageAlt: "Civica",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-skilful-goodlooking-redhead-female-denim-shirt-picking-colored-pencils-smiling-think_1258-144415.jpg?_wi=1", imageAlt: "Apprendimento"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,18 +60,8 @@ export default function LandingPage() {
|
||||
title="Il Nostro Obiettivo"
|
||||
description="Forniamo materiali didattici di alta qualità per supportare gli studenti nel loro percorso accademico, con un focus particolare sulle materie tecnologiche."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Moduli Didattici",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Studenti Attivi",
|
||||
},
|
||||
{
|
||||
value: "5",
|
||||
title: "Materie Trattate",
|
||||
},
|
||||
{ value: "15+", title: "Moduli Didattici" },
|
||||
{ value: "200+", title: "Studenti Attivi" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-shot-administrative-manger-sits-lotus-pose-floor-studies-contract_273609-18031.jpg?_wi=1"
|
||||
imageAlt="About education"
|
||||
@@ -124,36 +76,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Area 1",
|
||||
title: "Sistemi e reti",
|
||||
items: [
|
||||
"Topologia",
|
||||
"Protocolli",
|
||||
"Routing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Area 2",
|
||||
title: "Informatica",
|
||||
items: [
|
||||
"Algoritmi",
|
||||
"Java",
|
||||
"Database",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Area 3",
|
||||
title: "Telecomunicazioni",
|
||||
items: [
|
||||
"Segnali",
|
||||
"Onde",
|
||||
"Trasmissione",
|
||||
],
|
||||
},
|
||||
{ id: "1", label: "Area 1", title: "Sistemi e reti", items: ["Topologia", "Protocolli", "Routing"] },
|
||||
]}
|
||||
title="Le Nostre Materie"
|
||||
description="Scopri i contenuti dettagliati per ogni area di studio."
|
||||
@@ -167,27 +90,7 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Tasso Superamento",
|
||||
description: "Esami superati nei moduli.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500h",
|
||||
title: "Materiale Video",
|
||||
description: "Ore di lezione caricate.",
|
||||
icon: Play,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Accesso Portale",
|
||||
description: "Supporto sempre disponibile.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Tasso Superamento", description: "Esami superati nei moduli.", icon: CheckCircle },
|
||||
]}
|
||||
title="Statistiche di Apprendimento"
|
||||
description="Monitoriamo il progresso didattico per garantire sempre la massima chiarezza."
|
||||
@@ -198,63 +101,7 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
date: "10/2023",
|
||||
title: "Studente",
|
||||
quote: "Ottimi materiali per lo studio.",
|
||||
tag: "Sistemi",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-holding-book_171337-3981.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-education-concept-youtube-cover_23-2150292964.jpg?_wi=2",
|
||||
imageAlt: "classroom digital board learning",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Luca Bianchi",
|
||||
date: "11/2023",
|
||||
title: "Studente",
|
||||
quote: "Spiegazioni molto chiare.",
|
||||
tag: "Informatica",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/children-desk-interior-design_23-2148569212.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-administrative-manger-sits-lotus-pose-floor-studies-contract_273609-18031.jpg?_wi=2",
|
||||
imageAlt: "classroom digital board learning",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sara Verdi",
|
||||
date: "12/2023",
|
||||
title: "Studente",
|
||||
quote: "La migliore risorsa online.",
|
||||
tag: "TPSIT",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-reading-comics_23-2150347260.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-back-school-decoration-with-notepad_23-2147662358.jpg",
|
||||
imageAlt: "classroom digital board learning",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Neri",
|
||||
date: "01/2024",
|
||||
title: "Studente",
|
||||
quote: "Supporto tecnico eccellente.",
|
||||
tag: "Reti",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-plant-pot_23-2148577670.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-78073.jpg?_wi=1",
|
||||
imageAlt: "classroom digital board learning",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Giulia Gialli",
|
||||
date: "02/2024",
|
||||
title: "Studente",
|
||||
quote: "Grazie a questo sito ho capito tutto.",
|
||||
tag: "Telecomunicazioni",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sideview-student-reading-library_23-2148727875.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-skilful-goodlooking-redhead-female-denim-shirt-picking-colored-pencils-smiling-think_1258-144415.jpg?_wi=2",
|
||||
imageAlt: "classroom digital board learning",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="Dicono di Noi"
|
||||
description="Il feedback dei nostri studenti è la nostra migliore risorsa."
|
||||
/>
|
||||
@@ -264,23 +111,7 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Come posso accedere?",
|
||||
content: "Tramite login con credenziali istituzionali.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "I materiali sono gratuiti?",
|
||||
content: "Sì, tutti i materiali sono liberamente consultabili.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Posso scaricare i file?",
|
||||
content: "Sì, ogni dispensa è disponibile in PDF.",
|
||||
},
|
||||
]}
|
||||
faqs={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-78073.jpg?_wi=2"
|
||||
title="Domande Frequenti"
|
||||
description="Abbiamo risposto ai dubbi più comuni dei nostri utenti."
|
||||
@@ -291,9 +122,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contatti"
|
||||
title="Hai domande?"
|
||||
description="Scrivici per ricevere assistenza o ulteriori informazioni sui corsi."
|
||||
@@ -304,36 +133,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Quali",
|
||||
href: "#quali",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Termini",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "Home", href: "/" }] }]}
|
||||
logoText="EduCivica"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-nunito-sans), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background: #000000;
|
||||
--card: #1a2a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #0a150a;
|
||||
--secondary-cta: #0d1a0d;
|
||||
--secondary-cta-text: #e1f6e1;
|
||||
--accent: #2d4a2d;
|
||||
--background-accent: #c1e1c1;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
32
src/app/telecomunicazioni/page.tsx
Normal file
32
src/app/telecomunicazioni/page.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
|
||||
|
||||
export default function TelecomunicazioniPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "TPSIT", id: "/tpsit"}, {name: "Telecomunicazioni", id: "/telecomunicazioni"}]} />
|
||||
</div>
|
||||
<TimelineCardStack
|
||||
title="Presentazioni Telecomunicazioni"
|
||||
description="Materiali e presentazioni per le lezioni di Telecomunicazioni."
|
||||
textboxLayout="default"
|
||||
>
|
||||
<div>Contenuto presentazioni Telecomunicazioni in arrivo...</div>
|
||||
</TimelineCardStack>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
32
src/app/tpsit/page.tsx
Normal file
32
src/app/tpsit/page.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
|
||||
|
||||
export default function TpsitPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "TPSIT", id: "/tpsit"}, {name: "Telecomunicazioni", id: "/telecomunicazioni"}]} />
|
||||
</div>
|
||||
<TimelineCardStack
|
||||
title="Presentazioni TPSIT"
|
||||
description="Materiali e presentazioni per le lezioni di TPSIT."
|
||||
textboxLayout="default"
|
||||
>
|
||||
<div>Contenuto presentazioni TPSIT in arrivo...</div>
|
||||
</TimelineCardStack>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user