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

Merge version_1 into main #5

Merged
bender merged 4 commits from version_1 into main 2026-04-22 12:35:54 +00:00
Conversation 0 Commits 4 Files Changed 4 +163 -400
4 changed files with 163 additions and 400 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>
);
}
}

110
src/app/page.tsx
View File

@@ -9,7 +9,6 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
const navItems = [
{ name: "Home", id: "/" },
@@ -22,16 +21,16 @@ const navItems = [
export default function Home() {
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"
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">
<NavbarStyleCentered navItems={navItems} />
@@ -42,34 +41,89 @@ export default function Home() {
title="Créer des images fortes, modernes et mémorables"
description="JT Production And Visual accompagne les artistes et professionnels dans la réalisation de leurs visions créatives."
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860812448-e170fb7b.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860858540-53db37a4.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860868213-f1679b91.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860874619-6a1f8731.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860884745-308b80cd.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860893940-040d1828.png" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860812448-e170fb7b.png", imageAlt: "Hero 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860858540-53db37a4.png", imageAlt: "Hero 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860868213-f1679b91.png", imageAlt: "Hero 3" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860874619-6a1f8731.png", imageAlt: "Hero 4" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860884745-308b80cd.png", imageAlt: "Hero 5" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860893940-040d1828.png", imageAlt: "Hero 6" }
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860903103-a7db6aa1.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860911251-fbb4d375.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860920806-04dc4780.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860930775-88a797b6.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860939592-7b2fb439.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860948597-1b055c80.png" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860903103-a7db6aa1.png", imageAlt: "Hero 7" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860911251-fbb4d375.png", imageAlt: "Hero 8" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860920806-04dc4780.png", imageAlt: "Hero 9" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860930775-88a797b6.png", imageAlt: "Hero 10" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860939592-7b2fb439.png", imageAlt: "Hero 11" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860948597-1b055c80.png", imageAlt: "Hero 12" }
]}
buttons={[{text: "Voir tarifs", href: "/tarifs"}, {text: "Rejoins JT", href: "/contact"}]}
marqueeItems={[{type: "text", text: "Vidéo"}, {type: "text", text: "Photo"}, {type: "text", text: "Branding"}, {type: "text", text: "Stratégie"}, {type: "text", text: "Production"}]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Qui sommes-nous ?" }, { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg" }]}
useInvertedBackground={false}
useInvertedBackground={false}
heading={[{ type: "text", content: "Qui sommes-nous ?" }, { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg", alt: "Notre vision" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
title="Nos Services"
description="Expertise en production visuelle pour tous vos besoins."
features={[
{title: "Production Vidéo", description: "Clips de haute qualité, storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-videography-high-quality-ca-1776860820721-09f20aab.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-videography-high-quality-ca-1776860958280-b7da7bd9.png", buttonText: "En savoir plus"},
{title: "Photographie", description: "Shooting portrait, produit, immobilier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-photography-camera-lens-por-1776860830285-c2ca9e04.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-photography-camera-lens-por-1776860967683-4f0f5d72.png", buttonText: "Voir exemples"},
{title: "Accompagnement", description: "Dév. artistique, branding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-media-content-strategy-minimali-1776860838318-64427cb0.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-media-content-strategy-minimali-1776860976917-f5e105c8.png", buttonText: "Découvrir"},
{title: "Contenu Marque", description: "Vidéo pour entreprises et réseaux.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-brand-content-creation-stud-1776860848194-b7492cbc.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-brand-content-creation-stud-1776860985554-f226e767.png", buttonText: "Nous consulter"}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Notre Impact"
description="Des chiffres qui témoignent de notre expertise."
metrics={[
{id: "m1", value: "10+", title: "Artistes", description: "Accompagnés avec succès", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-videography-high-quality-ca-1776860994590-c3ee708f.png"},
{id: "m2", value: "100k", title: "Vues", description: "Générées pour nos clients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-photography-camera-lens-por-1776861002781-92ebd836.png"},
{id: "m3", value: "20+", title: "Projets", description: "Réalisés avec passion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-media-content-strategy-minimali-1776861011064-75dc2a62.png"},
{id: "m4", value: "2", title: "Ans", description: "D'expérience créative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-brand-content-creation-stud-1776861019792-9f6767e9.png"}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
title="Ils témoignent"
description="La satisfaction de nos partenaires est notre priorité."
testimonials={[
{id: "t1", name: "Edess", date: "2024", title: "Artiste", quote: "JT Production a transformé ma vision en réalité. Travail incroyable.", tag: "Artiste", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-videography-high-quality-ca-1776861029009-82a5ff07.png"},
{id: "t2", name: "Mocro Kid", date: "2024", title: "Artiste", quote: "Professionnalisme exemplaire et rendu visuel au top.", tag: "Artiste", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860812448-e170fb7b.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-photography-camera-lens-por-1776861039086-02b8d02d.png"},
{id: "t3", name: "Client Pro", date: "2024", title: "Entreprise", quote: "Un contenu de marque qui a fait la différence.", tag: "Entreprise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-videography-high-quality-ca-1776860820721-09f20aab.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-media-content-strategy-minimali-1776861046635-f871cb02.png"},
{id: "t4", name: "Partenaire", date: "2024", title: "Manager", quote: "Rapport qualité/prix imbattable sur le marché.", tag: "Manager", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-photography-camera-lens-por-1776860830285-c2ca9e04.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-brand-content-creation-stud-1776861056890-467521f9.png"},
{id: "t5", name: "Client Bien Immo", date: "2024", title: "Agence", quote: "Photos immobilières magnifiques et très rapides.", tag: "Immo", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-media-content-strategy-minimali-1776860838318-64427cb0.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/professional-videography-high-quality-ca-1776861065912-8336fe7a.png"}
]}
/>
</div>
<div id="cta" data-section="cta">
<ContactText
background={{ variant: "sparkles-gradient" }}
text="Prêt à créer votre prochaine image forte ? Rejoignez l'aventure JT Production."
buttons={[{text: "Postuler", href: "/contact"}]}
/>
</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"
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: "#" }] }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776861075720-4c9bc2b9.png"
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>
</ThemeProvider>

151
src/app/portfolio/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 PortfolioPage() {
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 Réalisations"
description="Découvrez notre univers visuel."
features={[
{
title: "Projet A",
description: "Clip vidéo premium",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860930775-88a797b6.png?_wi=2",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860939592-7b2fb439.png",
buttonText: "Voir",
},
{
title: "Projet B",
description: "Campagne photo haute couture",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860948597-1b055c80.png?_wi=2",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776861075720-4c9bc2b9.png",
buttonText: "Voir",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Un projet en tête ? Parlons-en."
/>
</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=3"
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 Réalisations"
description="Découvrez notre univers visuel."
features={[{title: "Projet A", description: "Clip vidéo premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860930775-88a797b6.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860939592-7b2fb439.png", buttonText: "Voir"}, {title: "Projet B", description: "Campagne photo haute couture", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860948597-1b055c80.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776861075720-4c9bc2b9.png", buttonText: "Voir"}]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "plain" }}
text="Un projet en tête ? Parlons-en."
/>
</div>
</ThemeProvider>
);
}
}

151
src/app/tarifs/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 TarifsPage() {
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="Tarifs"
description="Des solutions sur mesure."
features={[
{
title: "Basic",
description: "Formule starter",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg",
buttonText: "Choisir",
},
{
title: "Pro",
description: "Formule complète",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860812448-e170fb7b.png?_wi=2",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg",
buttonText: "Choisir",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Demandez votre devis personnalisé."
/>
</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=4"
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="Tarifs"
description="Des solutions sur mesure."
features={[{title: "Basic", description: "Formule starter", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg", buttonText: "Choisir"}, {title: "Pro", description: "Formule complète", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860812448-e170fb7b.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/uploaded-1776860790324-v8zaw37u.jpg", buttonText: "Choisir"}]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "plain" }}
text="Demandez votre devis personnalisé."
/>
</div>
</ThemeProvider>
);
}
}