Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ShopAI"
|
||||
/>
|
||||
@@ -54,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Créez votre boutique Shopify en quelques clics avec l'IA"
|
||||
description="Lancez votre empire e-commerce instantanément. Notre IA génère votre design, vos produits et votre configuration complète en quelques secondes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commencer gratuitement",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Commencer gratuitement", href: "#pricing" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
imageAlt: "dashboard software",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
imageAlt: "ai interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-app_23-2151952988.jpg",
|
||||
imageAlt: "ecommerce store",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-purchasing-payment-e-commerce-banking_53876-127604.jpg",
|
||||
imageAlt: "checkout page",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg",
|
||||
imageAlt: "mobile ecommerce",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-laptops-blue-neon-it-teams-cyber-tech-scene_169016-70824.jpg",
|
||||
imageAlt: "business graphs",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "dashboard software" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg", imageAlt: "ai interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-app_23-2151952988.jpg", imageAlt: "ecommerce store" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/online-purchasing-payment-e-commerce-banking_53876-127604.jpg", imageAlt: "checkout page" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg", imageAlt: "mobile ecommerce" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/row-laptops-blue-neon-it-teams-cyber-tech-scene_169016-70824.jpg", imageAlt: "business graphs" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,24 +62,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Génération de Design",
|
||||
description: "L'IA crée un design sur-mesure unique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-colors-illuminated-background-neon-lights_23-2148328030.jpg",
|
||||
imageAlt: "ui design ai",
|
||||
},
|
||||
{
|
||||
title: "Import Auto-Produits",
|
||||
description: "Ajout automatique de produits dropshipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150171.jpg",
|
||||
imageAlt: "shipping automation",
|
||||
},
|
||||
{
|
||||
title: "SEO Intelligent",
|
||||
description: "Optimisation automatique des descriptions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/searching-engine-optimizing-seo-browsing-concept_53876-64993.jpg",
|
||||
imageAlt: "seo search optimization",
|
||||
},
|
||||
{ title: "Génération de Design", description: "L'IA crée un design sur-mesure unique.", imageSrc: "http://img.b2bpic.net/free-photo/cold-colors-illuminated-background-neon-lights_23-2148328030.jpg", imageAlt: "ui design ai" },
|
||||
{ title: "Import Auto-Produits", description: "Ajout automatique de produits dropshipping.", imageSrc: "http://img.b2bpic.net/free-photo/3d-delivery-robot-working_23-2151150171.jpg", imageAlt: "shipping automation" },
|
||||
{ title: "SEO Intelligent", description: "Optimisation automatique des descriptions.", imageSrc: "http://img.b2bpic.net/free-photo/searching-engine-optimizing-seo-browsing-concept_53876-64993.jpg", imageAlt: "seo search optimization" }
|
||||
]}
|
||||
title="La puissance de l'IA pour votre business"
|
||||
description="Outils avancés pour automatiser la création et la gestion de boutiques."
|
||||
@@ -129,27 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Boutiques lancées",
|
||||
description: "Clients satisfaits",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-8044.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200%",
|
||||
title: "Croissance moyenne",
|
||||
description: "Par utilisateur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760979.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5m",
|
||||
title: "Temps de setup",
|
||||
description: "Moyen record",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-pointing-alarm-clock-orange-t-shirt-cap-looking-confident-front-view_176474-91784.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Boutiques lancées", description: "Clients satisfaits", imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-8044.jpg" },
|
||||
{ id: "m2", value: "200%", title: "Croissance moyenne", description: "Par utilisateur", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760979.jpg" },
|
||||
{ id: "m3", value: "5m", title: "Temps de setup", description: "Moyen record", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-pointing-alarm-clock-orange-t-shirt-cap-looking-confident-front-view_176474-91784.jpg" }
|
||||
]}
|
||||
title="Des résultats mesurables"
|
||||
description="Optimisez votre rentabilité avec nos données en temps réel."
|
||||
@@ -162,41 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice",
|
||||
handle: "@alice",
|
||||
testimonial: "Incroyable gain de temps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-person-work_23-2151915157.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob",
|
||||
handle: "@bob",
|
||||
testimonial: "Le design généré est pro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-writing-document_1170-1024.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie",
|
||||
handle: "@charlie",
|
||||
testimonial: "Facile à prendre en main.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-male-youngster-with-curly-hair_176532-8174.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "Des ventes dès le jour 1.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve",
|
||||
handle: "@eve",
|
||||
testimonial: "La meilleure plateforme IA.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-rocket-with-magnifying-glass-pencils_23-2148587221.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice", handle: "@alice", testimonial: "Incroyable gain de temps.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-person-work_23-2151915157.jpg" },
|
||||
{ id: "2", name: "Bob", handle: "@bob", testimonial: "Le design généré est pro.", imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-writing-document_1170-1024.jpg" },
|
||||
{ id: "3", name: "Charlie", handle: "@charlie", testimonial: "Facile à prendre en main.", imageSrc: "http://img.b2bpic.net/free-photo/positive-male-youngster-with-curly-hair_176532-8174.jpg" },
|
||||
{ id: "4", name: "David", handle: "@david", testimonial: "Des ventes dès le jour 1.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg" },
|
||||
{ id: "5", name: "Eve", handle: "@eve", testimonial: "La meilleure plateforme IA.", imageSrc: "http://img.b2bpic.net/free-photo/back-school-rocket-with-magnifying-glass-pencils_23-2148587221.jpg" }
|
||||
]}
|
||||
title="Ils ont créé leur boutique"
|
||||
description="Découvrez les témoignages de nos entrepreneurs."
|
||||
@@ -207,16 +107,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Shopify",
|
||||
"Stripe",
|
||||
"PayPal",
|
||||
"Meta",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Klarna",
|
||||
]}
|
||||
names={["Shopify", "Stripe", "PayPal", "Meta", "Google", "Amazon", "Klarna"]}
|
||||
title="Intégrations partenaires"
|
||||
description="Nos partenaires de confiance pour votre réussite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,50 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basique",
|
||||
price: "49€",
|
||||
subtitle: "Pour débuter",
|
||||
features: [
|
||||
"1 boutique",
|
||||
"IA Standard",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Basique", price: "49€", subtitle: "Pour débuter", features: ["1 boutique", "IA Standard"],
|
||||
buttons: [{ text: "Choisir" }]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "99€",
|
||||
subtitle: "Pour scaler",
|
||||
features: [
|
||||
"5 boutiques",
|
||||
"IA Avancée",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "99€", subtitle: "Pour scaler", features: ["5 boutiques", "IA Avancée"],
|
||||
buttons: [{ text: "Choisir" }]
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
badge: "Agency",
|
||||
price: "299€",
|
||||
subtitle: "Pour agences",
|
||||
features: [
|
||||
"Illimité",
|
||||
"IA Premium",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "agency", badge: "Agency", price: "299€", subtitle: "Pour agences", features: ["Illimité", "IA Premium"],
|
||||
buttons: [{ text: "Choisir" }]
|
||||
}
|
||||
]}
|
||||
title="Des plans pour tous"
|
||||
description="Choisissez votre formule."
|
||||
@@ -281,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Est-ce sécurisé ?",
|
||||
content: "Oui, sécurité bancaire.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Combien de temps ?",
|
||||
content: "Moins de 5 minutes.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Puis-je annuler ?",
|
||||
content: "Sans engagement.",
|
||||
},
|
||||
{ id: "q1", title: "Est-ce sécurisé ?", content: "Oui, sécurité bancaire." },
|
||||
{ id: "q2", title: "Combien de temps ?", content: "Moins de 5 minutes." },
|
||||
{ id: "q3", title: "Puis-je annuler ?", content: "Sans engagement." }
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -305,9 +153,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Prêt à vous lancer ?"
|
||||
description="Contactez-nous pour une démo."
|
||||
tag="Contactez-nous"
|
||||
@@ -319,35 +165,21 @@ export default function LandingPage() {
|
||||
logoText="ShopAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Plateforme",
|
||||
items: [
|
||||
{
|
||||
label: "Fonctionnalités",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Plateforme", items: [
|
||||
{ label: "Fonctionnalités", href: "#" },
|
||||
{ label: "Pricing", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Légal", items: [
|
||||
{ label: "Confidentialité", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user