Update src/app/page.tsx
This commit is contained in:
434
src/app/page.tsx
434
src/app/page.tsx
@@ -27,329 +27,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Grondin Digital"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Grondin Digital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Grondin Digital"
|
||||
description="Nous créons des sites web qui font vendre. Grondin Digital transforme vos idées en présence en ligne puissante."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Voir nos services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/row-empty-chairs-office_23-2147899557.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Grondin Digital"
|
||||
description="Nous créons des sites web qui font vendre. Grondin Digital transforme vos idées en présence en ligne puissante."
|
||||
buttons={[
|
||||
{ text: "Demander un devis", href: "#contact" },
|
||||
{ text: "Voir nos services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/row-empty-chairs-office_23-2147899557.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "À propos de Grondin Digital",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-young-bearded-man-sitting-his-desk_171337-7283.jpg",
|
||||
alt: "Notre équipe",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "À propos de Grondin Digital" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/side-view-young-bearded-man-sitting-his-desk_171337-7283.jpg", alt: "Notre équipe" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Sites Vitrines",
|
||||
label: "Web",
|
||||
items: [
|
||||
"Design Premium",
|
||||
"Responsive Design",
|
||||
"Hébergement",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "E-Commerce",
|
||||
label: "Sales",
|
||||
items: [
|
||||
"Paiement sécurisé",
|
||||
"Gestion stocks",
|
||||
"Performance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Landing Pages",
|
||||
label: "Conversion",
|
||||
items: [
|
||||
"Optimisées SEO",
|
||||
"Design captivant",
|
||||
"Rapide",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Refonte Web",
|
||||
label: "Update",
|
||||
items: [
|
||||
"Modernisation UI",
|
||||
"Audit SEO",
|
||||
"Migration",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "SEO & Performance",
|
||||
label: "Growth",
|
||||
items: [
|
||||
"Vitesse de chargement",
|
||||
"Optimisation mots-clés",
|
||||
"Analytics",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Des solutions digitales sur-mesure pour propulser votre activité."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Sites Vitrines", label: "Web", items: ["Design Premium", "Responsive Design", "Hébergement"] },
|
||||
{ id: "2", title: "E-Commerce", label: "Sales", items: ["Paiement sécurisé", "Gestion stocks", "Performance"] },
|
||||
{ id: "3", title: "Landing Pages", label: "Conversion", items: ["Optimisées SEO", "Design captivant", "Rapide"] },
|
||||
{ id: "4", title: "Refonte Web", label: "Update", items: ["Modernisation UI", "Audit SEO", "Migration"] },
|
||||
{ id: "5", title: "SEO & Performance", label: "Growth", items: ["Vitesse de chargement", "Optimisation mots-clés", "Analytics"] },
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Des solutions digitales sur-mesure pour propulser votre activité."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Projet A",
|
||||
name: "Site E-Commerce Premium",
|
||||
price: "Expert",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Projet B",
|
||||
name: "Landing Page SaaS",
|
||||
price: "Growth",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-147673.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Projet C",
|
||||
name: "Site Vitrine Artiste",
|
||||
price: "Creative",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84846.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Projet D",
|
||||
name: "Refonte Institutionnelle",
|
||||
price: "Pro",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797637.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Projet E",
|
||||
name: "Plateforme B2B",
|
||||
price: "Tech",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-view-modern-airport_1203-1591.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Projet F",
|
||||
name: "Blog Culinaire",
|
||||
price: "Style",
|
||||
rating: 5,
|
||||
reviewCount: "14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Réalisations"
|
||||
description="Découvrez nos derniers projets digitaux."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Projet A", name: "Site E-Commerce Premium", price: "Expert", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" },
|
||||
{ id: "2", brand: "Projet B", name: "Landing Page SaaS", price: "Growth", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-147673.jpg" },
|
||||
{ id: "3", brand: "Projet C", name: "Site Vitrine Artiste", price: "Creative", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84846.jpg" },
|
||||
{ id: "4", brand: "Projet D", name: "Refonte Institutionnelle", price: "Pro", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797637.jpg" },
|
||||
{ id: "5", brand: "Projet E", name: "Plateforme B2B", price: "Tech", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-view-modern-airport_1203-1591.jpg" },
|
||||
{ id: "6", brand: "Projet F", name: "Blog Culinaire", price: "Style", rating: 5, reviewCount: "14", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg" },
|
||||
]}
|
||||
title="Nos Réalisations"
|
||||
description="Découvrez nos derniers projets digitaux."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projets livrés",
|
||||
description: "Dans divers secteurs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-4105.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Taux satisfaction",
|
||||
description: "Clients très satisfaits",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-acrylic-balls-black-background_23-2148469322.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2x",
|
||||
title: "Vitesse moyenne",
|
||||
description: "Amélioration constatée",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627886.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Chiffres"
|
||||
description="L'impact mesurable de notre expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", title: "Projets livrés", description: "Dans divers secteurs", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-4105.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Taux satisfaction", description: "Clients très satisfaits", imageSrc: "http://img.b2bpic.net/free-photo/blue-acrylic-balls-black-background_23-2148469322.jpg" },
|
||||
{ id: "m3", value: "2x", title: "Vitesse moyenne", description: "Amélioration constatée", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627886.jpg" },
|
||||
]}
|
||||
title="Nos Chiffres"
|
||||
description="L'impact mesurable de notre expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Entrepreneuse",
|
||||
testimonial: "Un travail exceptionnel, mon site est devenu un vrai outil de vente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas G.",
|
||||
role: "Directeur Marketing",
|
||||
testimonial: "Grondin Digital a transformé notre présence en ligne en un temps record.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-posing-camera_23-2148415936.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie P.",
|
||||
role: "CEO",
|
||||
testimonial: "Une équipe professionnelle, réactive et créative. Je recommande vivement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc L.",
|
||||
role: "Freelance",
|
||||
testimonial: "Mon site e-commerce explose ses ventes grâce à eux.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie K.",
|
||||
role: "Artiste",
|
||||
testimonial: "Le design est juste incroyable. Une agence premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
},
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La confiance au cœur de notre processus."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", role: "Entrepreneuse", testimonial: "Un travail exceptionnel, mon site est devenu un vrai outil de vente.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg" },
|
||||
{ id: "t2", name: "Thomas G.", role: "Directeur Marketing", testimonial: "Grondin Digital a transformé notre présence en ligne en un temps record.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-posing-camera_23-2148415936.jpg" },
|
||||
{ id: "t3", name: "Sophie P.", role: "CEO", testimonial: "Une équipe professionnelle, réactive et créative. Je recommande vivement.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg" },
|
||||
{ id: "t4", name: "Marc L.", role: "Freelance", testimonial: "Mon site e-commerce explose ses ventes grâce à eux.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg" },
|
||||
{ id: "t5", name: "Julie K.", role: "Artiste", testimonial: "Le design est juste incroyable. Une agence premium.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg" },
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La confiance au cœur de notre processus."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Discutons de votre projet"
|
||||
description="Envoyez-nous un message pour obtenir un devis gratuit et personnalisé."
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact"
|
||||
title="Discutons de votre projet"
|
||||
description="Envoyez-nous un message pour obtenir un devis gratuit et personnalisé."
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg?_wi=2"
|
||||
logoText="Grondin Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Lien rapide",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg"
|
||||
logoText="Grondin Digital"
|
||||
columns={[
|
||||
{ title: "Lien rapide", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Légal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user