Merge version_1 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -31,51 +31,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumio Studio"
|
||||
button={{
|
||||
text: "Nous contacter",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Nous contacter", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Lumio Studio"
|
||||
description="Nous sculptons l'identité des marques de demain à travers une vision élégante et intemporelle, au cœur de Paris."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir nos services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Prendre rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Découvrir nos services", href: "#services" },
|
||||
{ text: "Prendre rendez-vous", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-black-marble-background-with-gold-lining_53876-108664.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -87,26 +61,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Branding",
|
||||
description: "Création d'identités visuelles puissantes qui captivent l'esprit et marquent les mémoires.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-glowing-golden-diagonal-lines_84443-82465.jpg",
|
||||
},
|
||||
{
|
||||
title: "Design UI/UX",
|
||||
description: "Interfaces intuitives et élégantes pensées pour offrir une expérience utilisateur exceptionnelle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-stripe_84443-82399.jpg",
|
||||
},
|
||||
{
|
||||
title: "Motion Design",
|
||||
description: "Donnez vie à votre marque avec des animations fluides et une narration visuelle marquante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30469.jpg",
|
||||
},
|
||||
{
|
||||
title: "Stratégie digitale",
|
||||
description: "Accompagnement sur mesure pour définir et déployer votre positionnement sur le marché.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-147724.jpg",
|
||||
},
|
||||
{ title: "Branding", description: "Création d'identités visuelles puissantes qui captivent l'esprit et marquent les mémoires.", imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-glowing-golden-diagonal-lines_84443-82465.jpg" },
|
||||
{ title: "Design UI/UX", description: "Interfaces intuitives et élégantes pensées pour offrir une expérience utilisateur exceptionnelle.", imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-golden-stripe_84443-82399.jpg" },
|
||||
{ title: "Motion Design", description: "Donnez vie à votre marque avec des animations fluides et une narration visuelle marquante.", imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30469.jpg" },
|
||||
{ title: "Stratégie digitale", description: "Accompagnement sur mesure pour définir et déployer votre positionnement sur le marché.", imageSrc: "http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-147724.jpg" },
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="L'alliance parfaite entre esthétique raffinée et stratégie digitale performante."
|
||||
@@ -118,21 +76,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="À propos de Lumio"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projets réalisés",
|
||||
value: "120",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Années d'expérience",
|
||||
value: "8",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients satisfaits",
|
||||
value: "40",
|
||||
},
|
||||
{ icon: Award, label: "Projets réalisés", value: "120" },
|
||||
{ icon: Clock, label: "Années d'expérience", value: "8" },
|
||||
{ icon: Users, label: "Clients satisfaits", value: "40" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -145,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxe Branding",
|
||||
price: "Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-glasses-laptop_23-2148430824.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mobile Interface",
|
||||
price: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-reading-digital-magazine_23-2150162646.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Motion Showcase",
|
||||
price: "Motion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-splashing-yellow-blue-liquid-black-backdrop_23-2147837331.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Corporate Identity",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-birthday-card-golden-leaves_53876-110288.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Digital Presence",
|
||||
price: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brand-branding-high-quality-exclusive-concept_53876-132313.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Architectural Design",
|
||||
price: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-building-with-shadows_122409-18.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxe Branding", price: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-glasses-laptop_23-2148430824.jpg" },
|
||||
{ id: "p2", name: "Mobile Interface", price: "UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-reading-digital-magazine_23-2150162646.jpg" },
|
||||
{ id: "p3", name: "Motion Showcase", price: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/set-splashing-yellow-blue-liquid-black-backdrop_23-2147837331.jpg" },
|
||||
{ id: "p4", name: "Corporate Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/blank-birthday-card-golden-leaves_53876-110288.jpg" },
|
||||
{ id: "p5", name: "Digital Presence", price: "Web", imageSrc: "http://img.b2bpic.net/free-photo/brand-branding-high-quality-exclusive-concept_53876-132313.jpg" },
|
||||
{ id: "p6", name: "Architectural Design", price: "UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-building-with-shadows_122409-18.jpg" },
|
||||
]}
|
||||
title="Nos Réalisations"
|
||||
description="Une sélection de projets où l'excellence rencontre le design."
|
||||
@@ -191,15 +107,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"L'Oréal",
|
||||
"LVMH",
|
||||
"Chanel",
|
||||
"Vogue",
|
||||
"Saint Laurent",
|
||||
"Hermès",
|
||||
"Cartier",
|
||||
]}
|
||||
names={["L'Oréal", "LVMH", "Chanel", "Vogue", "Saint Laurent", "Hermès", "Cartier"]}
|
||||
title="Nos Partenaires"
|
||||
description="Ils nous font confiance pour élever leur image de marque."
|
||||
/>
|
||||
@@ -212,46 +120,11 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie Martin",
|
||||
role: "Directrice Marketing",
|
||||
company: "LVMH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc Durand",
|
||||
role: "Fondateur",
|
||||
company: "Startup Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Clara Dubois",
|
||||
role: "CEO",
|
||||
company: "Fashion Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-black-suit-posing-studio_23-2148401473.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jean Dupont",
|
||||
role: "Consultant",
|
||||
company: "Agency X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Petit",
|
||||
role: "Manager",
|
||||
company: "Retail Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sophie Martin", role: "Directrice Marketing", company: "LVMH", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "t2", name: "Marc Durand", role: "Fondateur", company: "Startup Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
|
||||
{ id: "t3", name: "Clara Dubois", role: "CEO", company: "Fashion Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-black-suit-posing-studio_23-2148401473.jpg" },
|
||||
{ id: "t4", name: "Jean Dupont", role: "Consultant", company: "Agency X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-using-laptop_23-2149284668.jpg" },
|
||||
{ id: "t5", name: "Anna Petit", role: "Manager", company: "Retail Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg" },
|
||||
]}
|
||||
title="Témoignages"
|
||||
description="La satisfaction de nos partenaires est notre plus belle réussite."
|
||||
@@ -260,10 +133,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Discutons de votre projet"
|
||||
description="Contactez-nous pour transformer votre vision en une réalité élégante et puissante."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trail-golden-particles-light-background-illustration_1017-42068.jpg"
|
||||
@@ -275,45 +147,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Lumio Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Branding",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Design UI/UX",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Branding", href: "#" }, { label: "Design UI/UX", href: "#" }] },
|
||||
{ title: "Studio", items: [{ label: "À propos", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user