Merge version_1 into main #7
125
src/app/page.tsx
125
src/app/page.tsx
@@ -1,130 +1,87 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
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';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Artists", id: "/artists" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Tarifs", id: "/tarifs" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
export default function Page() {
|
||||
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"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Innovating the Digital Future"
|
||||
description="We build scalable solutions for modern enterprises using cutting-edge technology and design."
|
||||
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", 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", 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"}]}
|
||||
leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800" }]}
|
||||
/>
|
||||
</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" }]}
|
||||
heading={[{ type: "text", content: "About Our Mission" }]}
|
||||
/>
|
||||
</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."
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions tailored to your business needs."
|
||||
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: "Web Design", description: "Crafting beautiful, functional interfaces.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Cloud Apps", description: "Scaling your business with cloud infrastructure.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</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."
|
||||
title="Impact in Numbers"
|
||||
description="Tangible results for every partner we work with."
|
||||
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"}
|
||||
{ id: "m1", value: "100+", title: "Clients Served", description: "Happy partners worldwide.", imageSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0?auto=format&fit=crop&q=80&w=400" },
|
||||
{ id: "m2", value: "500+", title: "Projects Completed", description: "Delivered with excellence.", imageSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0?auto=format&fit=crop&q=80&w=400" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</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é."
|
||||
title="Client Feedback"
|
||||
description="Hear from our valued partners."
|
||||
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"}
|
||||
{ id: "t1", name: "Jane Doe", date: "2024-01-01", title: "CEO", quote: "Exceptional service!", tag: "Review", avatarSrc: "" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</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"}]}
|
||||
useInvertedBackground={false}
|
||||
text="Ready to start your journey with us?"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</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: "#" }] }]}
|
||||
logoText="Webild"
|
||||
imageSrc="https://images.unsplash.com/photo-1552667466-07770ae110d0?auto=format&fit=crop&q=80&w=400"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user