Merge version_3 into main

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,89 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Sparkles, Music, Lightbulb, Instagram, Facebook, Twitter } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Transumare"
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "Chi Siamo", id: "about" },
+            { name: "Line Up", id: "lineup" },
+            { name: "Info Utili", id: "info" },
+            { name: "About", id: "/about" },
+            { name: "Contatti", id: "contact" },
+          ]}
+          button={{
+            text: "Acquista Tickets",            href: "https://tickets.transumarefest.com"
+          }}
+        />
+      </div>
+
+      <div id="about-content" data-section="about-content">
+        <SplitAbout
+          title="Transumare: Il Festival dell'Innovazione Musicale"
+          description="Transumare Fest è un festival musicale che celebra l'innovazione, l'arte e la cultura. Ogni anno, artisti di fama internazionale e talenti emergenti si incontrano a Roseto degli Abruzzi per creare un'esperienza indimenticabile dal tramonto fino a tarda notte."
+          tag="About Festival"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          bulletPoints={[
+            {
+              title: "Tradizione e Innovazione",              description: "Transumare fonde la ricca tradizione culturale di Roseto con l'innovazione musicale contemporanea per creare un'esperienza unica",              icon: Music,
+            },
+            {
+              title: "Comunità Globale",              description: "Unendo persone da tutto il mondo, il festival crea una comunità internazionale di appassionati di musica e cultura",              icon: Lightbulb,
+            },
+            {
+              title: "Sostenibilità e Responsabilità",              description: "Impegnati verso pratiche ecologiche e supporto alle comunità locali, Transumare è un festival consapevole",              icon: Sparkles,
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=3"
+          imageAlt="Transumare Festival Community"
+          imagePosition="right"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <FooterCard
+          logoText="Transumare Fest"
+          copyrightText="© 2026 Transumare Fest by APS Rosangeles. All Rights Reserved."
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/transumarefest",              ariaLabel: "Transumare Fest Instagram"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com/transumarefest",              ariaLabel: "Transumare Fest Facebook"
+            },
+            {
+              icon: Twitter,
+              href: "https://twitter.com/transumarefest",              ariaLabel: "Transumare Fest Twitter"
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function LandingPage() {
             { name: "Chi Siamo", id: "about" },
             { name: "Line Up", id: "lineup" },
             { name: "Info Utili", id: "info" },
+            { name: "About", id: "/about" },
             { name: "Contatti", id: "contact" },
           ]}
           button={{
@@ -43,7 +44,7 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroSplitDoubleCarousel
           title="Musica in Movimento"
-          description="19 · 20 · 21 · 22 Agosto 2026 a Roseto degli Abruzzi. Un festival musicale che dal tramonto fino a tarda notte vi accompagnerà in un viaggio fatto di energia, arte e cultura. Seguici su @PINECOREFEST per aggiornamenti e novità!"
+          description="19 · 20 · 21 · 22 Agosto 2026 a Roseto degli Abruzzi. Un festival musicale che dal tramonto fino a tarda notte vi accompagnerà in un viaggio fatto di energia, arte e cultura."
           tag="Festival 2026"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -256,7 +257,7 @@ export default function LandingPage() {
           socialLinks={[
             {
               icon: Instagram,
-              href: "https://instagram.com/pinecorefest",              ariaLabel: "Transumare Fest Instagram"
+              href: "https://instagram.com/transumarefest",              ariaLabel: "Transumare Fest Instagram"
             },
             {
               icon: Facebook,

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #ffffff;
-  --card: #f3ede2;
+  --card: #f9f9f9;
-  --foreground: #2e2521;
+  --foreground: #000f06e6;
-  --primary-cta: #2e2521;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #fcf6ec;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2e2521;
+  --secondary-cta-text: #000f06e6;
-  --accent: #b2a28b;
+  --accent: #e2e2e2;
-  --background-accent: #b2a28b;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);