Add src/app/about/page.tsx

2026-03-07 16:10:01 +00:00
parent 6f9d0307de
commit 0bbb9798f4
1 changed files with 89 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/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>
+  );
+}