Merge version_1 into main #1
@@ -13,37 +13,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "/artists",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "/tarifs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PJT Production"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,18 +46,8 @@ export default function LandingPage() {
|
||||
title="Nos Artistes"
|
||||
description="L'équipe et les talents qui forment notre roster."
|
||||
members={[
|
||||
{
|
||||
id: "team-1",
|
||||
name: "Artist 1",
|
||||
role: "Vocalist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/artist-portrait-dark-background-1776862590891-172eb8ad.png",
|
||||
},
|
||||
{
|
||||
id: "team-2",
|
||||
name: "Artist 2",
|
||||
role: "Producer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/artist-portrait-dark-background-1776862599473-617e9a5d.png",
|
||||
},
|
||||
{ id: "team-1", name: "Artist 1", role: "Vocalist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/artist-portrait-dark-background-1776862590891-172eb8ad.png" },
|
||||
{ id: "team-2", name: "Artist 2", role: "Producer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/artist-portrait-dark-background-1776862599473-617e9a5d.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,48 +55,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Rejoignez l'équipe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Auditions",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Auditions", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PJT",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/tarifs",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 JT Production."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -13,53 +13,36 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "/artists",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "/tarifs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PJT Production"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Discutons de vos besoins."
|
||||
buttons={[
|
||||
{
|
||||
text: "Envoyer",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Envoyer", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -70,48 +53,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Informations"
|
||||
description="Où nous trouver."
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Paris, France",
|
||||
],
|
||||
}}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Disponibilité immédiate",
|
||||
],
|
||||
}}
|
||||
positiveCard={{ items: ["Paris, France"] }}
|
||||
negativeCard={{ items: ["Disponibilité immédiate"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PJT",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/tarifs",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 JT Production."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
191
src/app/page.tsx
191
src/app/page.tsx
@@ -19,37 +19,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "/artists",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "/tarifs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PJT Production"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,14 +48,8 @@ export default function LandingPage() {
|
||||
logoText="JT Production And Visual"
|
||||
description="Production vidéo haut de gamme pour artistes et marques visionnaires."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Découvrir", href: "#services" },
|
||||
{ text: "Contact", href: "/contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-video-production-agency-hero-i-1776862503820-93506bd3.png"
|
||||
/>
|
||||
@@ -84,30 +68,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Projets réalisés",
|
||||
value: "150+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Artistes accompagnés",
|
||||
value: "40+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Vues générées",
|
||||
value: "10M+",
|
||||
icon: Eye,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Années d'expérience",
|
||||
value: "5+",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", title: "Projets réalisés", value: "150+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Artistes accompagnés", value: "40+", icon: Award },
|
||||
{ id: "m3", title: "Vues générées", value: "10M+", icon: Eye },
|
||||
{ id: "m4", title: "Années d'expérience", value: "5+", icon: Clock },
|
||||
]}
|
||||
title="Nos chiffres"
|
||||
description="Une expertise confirmée par nos réalisations et la confiance de nos partenaires."
|
||||
@@ -119,22 +83,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Direction Artistique",
|
||||
"Prise de Vue Drone",
|
||||
"Distribution Digitale",
|
||||
"Strategy Content",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Production Vidéo",
|
||||
"Montage Motion Design",
|
||||
"Color Grading",
|
||||
"Post-Production",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Direction Artistique", "Prise de Vue Drone", "Distribution Digitale", "Strategy Content"] }}
|
||||
positiveCard={{ items: ["Production Vidéo", "Montage Motion Design", "Color Grading", "Post-Production"] }}
|
||||
title="Nos services"
|
||||
description="Nous accompagnons vos projets de A à Z avec une exigence technique totale."
|
||||
/>
|
||||
@@ -144,21 +94,11 @@ export default function LandingPage() {
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "EDESS",
|
||||
role: "Artiste Associé",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/portrait-of-a-modern-music-artist-edess--1776862514061-4a80a08f.png",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
name: "MOCRO KID",
|
||||
role: "Artiste Partenaire",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/portrait-of-a-modern-music-artist-mocro--1776862523184-8cd19ee5.png",
|
||||
},
|
||||
{ id: "a1", name: "EDESS", role: "Artiste Associé", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/portrait-of-a-modern-music-artist-edess--1776862514061-4a80a08f.png" },
|
||||
{ id: "a2", name: "MOCRO KID", role: "Artiste Partenaire", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/portrait-of-a-modern-music-artist-mocro--1776862523184-8cd19ee5.png" },
|
||||
]}
|
||||
title="Artistes en vue"
|
||||
description="Découvrez les talents avec qui nous collaborons quotidiennement."
|
||||
@@ -172,42 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Clip Officiel",
|
||||
price: "Music Vidéo",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862533827-d65fc820.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Teaser Artiste",
|
||||
price: "Social Media",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862544700-a6be436c.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pub Lifestyle",
|
||||
price: "Brand",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862553246-27350114.png",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Session Live",
|
||||
price: "Studio",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862561226-00e1bd32.png",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Documentaire",
|
||||
price: "Feature",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862568094-b1010b6a.png",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Event Recap",
|
||||
price: "Corporate",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862576307-950bf389.png",
|
||||
},
|
||||
{ id: "p1", name: "Clip Officiel", price: "Music Vidéo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862533827-d65fc820.png" },
|
||||
{ id: "p2", name: "Teaser Artiste", price: "Social Media", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862544700-a6be436c.png" },
|
||||
{ id: "p3", name: "Pub Lifestyle", price: "Brand", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862553246-27350114.png" },
|
||||
{ id: "p4", name: "Session Live", price: "Studio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862561226-00e1bd32.png" },
|
||||
{ id: "p5", name: "Documentaire", price: "Feature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862568094-b1010b6a.png" },
|
||||
{ id: "p6", name: "Event Recap", price: "Corporate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/abstract-dynamic-video-production-reel-c-1776862576307-950bf389.png" },
|
||||
]}
|
||||
title="Dernières réalisations"
|
||||
description="Un aperçu de notre univers visuel et créatif."
|
||||
@@ -217,48 +127,17 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Prêt à passer au niveau supérieur ? Rejoins JT Production."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contacte-nous",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contacte-nous", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PJT",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/tarifs",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 JT Production."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -13,37 +13,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "/artists",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "/tarifs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PJT Production"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,18 +46,8 @@ export default function LandingPage() {
|
||||
title="Galerie"
|
||||
description="Tout notre portfolio."
|
||||
products={[
|
||||
{
|
||||
id: "proj-1",
|
||||
name: "Projet A",
|
||||
price: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862608327-ea257b4f.png",
|
||||
},
|
||||
{
|
||||
id: "proj-2",
|
||||
name: "Projet B",
|
||||
price: "Standard",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862618672-7d29bb9c.png",
|
||||
},
|
||||
{ id: "proj-1", name: "Projet A", price: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862608327-ea257b4f.png" },
|
||||
{ id: "proj-2", name: "Projet B", price: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ci1qjHXSCLfuA8FFxvqsQ1UVCw/cinematic-production-shot-1776862618672-7d29bb9c.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,48 +55,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Besoin de visuels ?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Devis",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Devis", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PJT",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/tarifs",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 JT Production."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -13,37 +13,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "/artists",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "/tarifs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PJT Production"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,66 +44,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Détails Services"
|
||||
description="Nos spécificités techniques."
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Colorimétrie",
|
||||
"Étalonnage",
|
||||
],
|
||||
}}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"VFX",
|
||||
"Sound Design",
|
||||
],
|
||||
}}
|
||||
positiveCard={{ items: ["Colorimétrie", "Étalonnage"] }}
|
||||
negativeCard={{ items: ["VFX", "Sound Design"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Lançons votre projet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PJT",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/tarifs",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 JT Production."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
@@ -13,37 +13,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Artists",
|
||||
id: "/artists",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "/tarifs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="PJT Production"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,66 +44,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Packages"
|
||||
description="Nos offres tarifaires."
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Pack Gold",
|
||||
"Pack Platinum",
|
||||
],
|
||||
}}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Pack Silver",
|
||||
"Starter",
|
||||
],
|
||||
}}
|
||||
positiveCard={{ items: ["Pack Gold", "Pack Platinum"] }}
|
||||
negativeCard={{ items: ["Pack Silver", "Starter"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Sur mesure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Devis",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Devis", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PJT",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/tarifs",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PJT", items: [{ label: "Portfolio", href: "/portfolio" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Infos", items: [{ label: "Tarifs", href: "/tarifs" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 JT Production."
|
||||
bottomRightText="All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user