bender/205d0094-9920-4e85-b034-7873917befad
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/artists/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-22 12:35:46 +00:00
parent a2cab66ade
commit e053f41b0b
1 changed files with 27 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/app/artists/page.tsx
View File

@@ -1,131 +1,34 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
import ContactText from "@/components/sections/contact/ContactText";
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }, { name: "Artists", id: "/artists" }, { name: "Portfolio", id: "/portfolio" }, { name: "Tarifs", id: "/tarifs" }, { name: "Contact", id: "/contact" }];
export default function ArtistsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Artists",
id: "/artists",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "Tarifs",
id: "/tarifs",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="JT Production"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Nos Artistes"
description="Une sélection de talents uniques."
features={[
{
title: "Artiste 1",
description: "Musicien et interprète",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860893940-040d1828.png?_wi=2",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860903103-a7db6aa1.png",
buttonText: "Voir",
},
{
title: "Artiste 2",
description: "Artiste visuel indépendant",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860911251-fbb4d375.png?_wi=2",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860920806-04dc4780.png",
buttonText: "Voir",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Envie de collaborer ? Contactez-nous."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776861075720-4c9bc2b9.png?_wi=2"
logoText="JT Production And Visual"
columns={[
{
title: "Navigation",
items: [
{
label: "Tarifs",
href: "/tarifs",
},
{
label: "Portfolio",
href: "/portfolio",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Légal",
items: [
{
label: "Mentions Légales",
href: "#",
},
{
label: "TVA 56bis",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} />
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
title="Nos Artistes"
description="Une sélection de talents uniques."
features={[{title: "Artiste 1", description: "Musicien et interprète", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860893940-040d1828.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860903103-a7db6aa1.png", buttonText: "Voir"}, {title: "Artiste 2", description: "Artiste visuel indépendant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860911251-fbb4d375.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860920806-04dc4780.png", buttonText: "Voir"}]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "plain" }}
text="Envie de collaborer ? Contactez-nous."
/>
</div>
</ThemeProvider>
);
}
}