Add src/app/about/page.tsx

This commit is contained in:
2026-06-12 08:03:00 +00:00
parent 9eb2fabe9c
commit b1dd8ddc08

59
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,59 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
export default function AboutPage() {
const updatedNavItems = [
{ name: "Home", href: "/" },
{ name: "Trattamenti", href: "/#products" },
{ name: "Chi Siamo", href: "/about" },
{ name: "Testimonianze", href: "/#testimonials" },
{ name: "Domande Frequenti", href: "/#faq" },
{ name: "Contatti", href: "/#contact" }
];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="blurBottom"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Beauty Elite"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
logoAlt="Beauty Elite Logo"
navItems={updatedNavItems}
/>
</div>
<div id="about-content" data-section="about-content">
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "La Nostra Filosofia: " }, { type: "text", content: "Bellezza, Eleganza, Benessere" }]}
buttons={[{ text: "Scopri di Più" }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
logoAlt="Beauty Elite Logo"
logoText="Beauty Elite"
leftLink={{ text: "Informativa sulla Privacy", href: "#" }}
rightLink={{ text: "Termini di Servizio", href: "#" }}
/>
</div>
</ThemeProvider>
);
}