Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-04-22 12:33:57 +00:00
2 changed files with 58 additions and 385 deletions

View File

@@ -10,8 +10,8 @@ import { Montserrat, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'JT Production And Visual | Réalisateur Vidéaste',
description: 'JT Production And Visual : Création d\'images fortes et mémorables pour artistes et pros.',
title: 'JT Production',
description: 'Production visuelle et artistique.',
openGraph: {
"title": "JT Production And Visual",
"description": "Production vidéo et photographie professionnelle",

View File

@@ -1,390 +1,63 @@
"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 HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
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";
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 Home() {
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="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
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?_wi=1",
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?_wi=1",
imageAlt: "Hero 6",
},
]}
rightCarouselItems={[
{
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?_wi=1",
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?_wi=1",
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?_wi=1",
imageAlt: "Hero 12",
},
]}
buttons={[
{
text: "Voir tarifs",
href: "/tarifs",
},
{
text: "Rejoins JT",
href: "/contact",
},
]}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860812448-e170fb7b.png",
alt: "Artist 1",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860858540-53db37a4.png",
alt: "Artist 2",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860868213-f1679b91.png",
alt: "Artist 3",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860874619-6a1f8731.png",
alt: "Artist 4",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-professional-video-production--1776860884745-308b80cd.png",
alt: "Artist 5",
},
]}
avatarText="Rejoignez notre réseau de créateurs"
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
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}
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",
},
]}
title="Nos Services"
description="Expertise en production visuelle pour tous vos besoins."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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",
},
]}
title="Notre Impact"
description="Des chiffres qui témoignent de notre expertise."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
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",
},
]}
title="Ils témoignent"
description="La satisfaction de nos partenaires est notre priorité."
/>
</div>
<div id="cta" data-section="cta">
<ContactText
useInvertedBackground={false}
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?_wi=1"
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="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
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" }
]}
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" }
]}
/>
</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" }]} />
</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: "#" }] }]}
/>
</div>
</ThemeProvider>
);
}
}