Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Layers, Palette, Shield, Truck, Type } from "lucide-react";
|
||||
import { Layers, Palette, Shield, Truck, Type, Keyboard } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Concept",
|
||||
id: "about",
|
||||
},
|
||||
name: "Concept", id: "about"},
|
||||
{
|
||||
name: "Configurateur",
|
||||
id: "features",
|
||||
},
|
||||
name: "Configurateur", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="KeycapsNexus"
|
||||
/>
|
||||
@@ -54,63 +46,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build your perfect keyboard"
|
||||
description="Exprimez votre personnalité avec des keycaps uniques, conçus pour la performance et le style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Créer mon set",
|
||||
href: "#configurator",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-keyboard-with-colorful-led-lights_250224-283.jpg?_wi=1"
|
||||
buttons={[{ text: "Créer mon set", href: "#configurator" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-keyboard-with-colorful-led-lights_250224-283.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529385.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-pink-keyboard-with-lights_23-2149680252.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-blue-keyboard-with-lights_23-2149680224.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-colorful-keyboard-indoors_23-2149680279.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529385.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-pink-keyboard-with-lights_23-2149680252.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-blue-keyboard-with-lights_23-2149680224.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-colorful-keyboard-indoors_23-2149680279.jpg", alt: "User 5" }
|
||||
]}
|
||||
avatarText="Rejoignez 5000+ passionnés"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-durable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Retro-éclairage RGB",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Profil Cherry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Layout Personnalisé",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Livraison Express",
|
||||
},
|
||||
{ type: "text", text: "Ultra-durable" },
|
||||
{ type: "text", text: "Retro-éclairage RGB" },
|
||||
{ type: "text", text: "Profil Cherry" },
|
||||
{ type: "text", text: "Layout Personnalisé" },
|
||||
{ type: "text", text: "Livraison Express" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,15 +74,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Une personnalisation totale",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4081.jpg",
|
||||
alt: "Concept",
|
||||
},
|
||||
{ type: "text", content: "Une personnalisation totale" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4081.jpg", alt: "Concept" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,65 +87,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Configuration Totale",
|
||||
description: "Choisissez votre format, layout et matériaux premium.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-keyboard-buttons_23-2149917536.jpg",
|
||||
},
|
||||
title: "Configuration Totale", description: "Choisissez votre format, layout et matériaux premium.", media: { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-keyboard-buttons_23-2149917536.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Formats 60% à 100%",
|
||||
icon: Keyboard,
|
||||
},
|
||||
{
|
||||
text: "Matériaux ABS/PBT",
|
||||
icon: Layers,
|
||||
},
|
||||
{ text: "Formats 60% à 100%", icon: Keyboard },
|
||||
{ text: "Matériaux ABS/PBT", icon: Layers }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-keyboard-with-colorful-led-lights_250224-283.jpg?_wi=2",
|
||||
imageAlt: "pbt plastic texture macro",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Design Unique",
|
||||
description: "Personnalisez chaque touche individuellement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260347.jpg",
|
||||
},
|
||||
title: "Design Unique", description: "Personnalisez chaque touche individuellement.", media: { imageSrc: "http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260347.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Rendu temps réel",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
text: "Texte sur mesure",
|
||||
icon: Type,
|
||||
},
|
||||
{ text: "Rendu temps réel", icon: Palette },
|
||||
{ text: "Texte sur mesure", icon: Type }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4081.jpg",
|
||||
imageAlt: "pbt plastic texture macro",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Livraison Rapide",
|
||||
description: "Vos créations arrivent chez vous sous 5 jours.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-plastic-bag_23-2148393475.jpg",
|
||||
},
|
||||
title: "Livraison Rapide", description: "Vos créations arrivent chez vous sous 5 jours.", media: { imageSrc: "http://img.b2bpic.net/free-photo/detail-plastic-bag_23-2148393475.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Emballage premium",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
text: "Suivi personnalisé",
|
||||
icon: Truck,
|
||||
},
|
||||
{ text: "Emballage premium", icon: Shield },
|
||||
{ text: "Suivi personnalisé", icon: Truck }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-photo-happy-excited-crazy-smiling-woman-playing-videogames-addicted-playstation-isolated-pink-color-background_273443-5168.jpg?_wi=1",
|
||||
imageAlt: "pbt plastic texture macro",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Configurateur Interactif"
|
||||
description="Concevez votre clavier en quelques clics : formats, matériaux et couleurs infinies."
|
||||
@@ -211,42 +123,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyber Neon",
|
||||
price: "69€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic White",
|
||||
price: "59€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-bright-lights_23-2149680218.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Midnight Vibe",
|
||||
price: "75€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Violet Dream",
|
||||
price: "89€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Forest Sage",
|
||||
price: "65€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347285.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ice Cold",
|
||||
price: "55€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529406.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Cyber Neon", price: "69€", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg" },
|
||||
{ id: "p2", name: "Classic White", price: "59€", imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-bright-lights_23-2149680218.jpg" },
|
||||
{ id: "p3", name: "Midnight Vibe", price: "75€", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg" },
|
||||
{ id: "p4", name: "Violet Dream", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg" },
|
||||
{ id: "p5", name: "Forest Sage", price: "65€", imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347285.jpg" },
|
||||
{ id: "p6", name: "Ice Cold", price: "55€", imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529406.jpg" }
|
||||
]}
|
||||
title="Top Sets du Moment"
|
||||
description="Découvrez nos designs les plus appréciés par la communauté."
|
||||
@@ -258,46 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incroyable !",
|
||||
quote: "La qualité est juste parfaite.",
|
||||
name: "Thomas",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-photo-happy-excited-crazy-smiling-woman-playing-videogames-addicted-playstation-isolated-pink-color-background_273443-5168.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Au top",
|
||||
quote: "Configuration très intuitive.",
|
||||
name: "Sophie",
|
||||
role: "Développeuse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-young-man-orange-sweater-looking-upper-left-corner-showing-laptop-screen-promo-offer-st_1258-159086.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Service client réactif",
|
||||
quote: "Très satisfait du suivi.",
|
||||
name: "Lucas",
|
||||
role: "Streamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-asian-girl-dj-using-launchpad-synthesizer-keyboard_7861-2929.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Design unique",
|
||||
quote: "Le rendu est fidèle aux visuels.",
|
||||
name: "Julien",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-technology-concept-lucky-man-winner-celebrating-winning-online-showing-fist-pump-h_1258-160549.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Parfait",
|
||||
quote: "Je reviendrai pour mon prochain set.",
|
||||
name: "Claire",
|
||||
role: "Etudiante",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-technology-concept-lucky-man-winner-celebrating-winning-online-showing-fist-pump-h_1258-160553.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Incroyable !", quote: "La qualité est juste parfaite.", name: "Thomas", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/studio-photo-happy-excited-crazy-smiling-woman-playing-videogames-addicted-playstation-isolated-pink-color-background_273443-5168.jpg" },
|
||||
{ id: "t2", title: "Au top", quote: "Configuration très intuitive.", name: "Sophie", role: "Développeuse", imageSrc: "http://img.b2bpic.net/free-photo/amazed-young-man-orange-sweater-looking-upper-left-corner-showing-laptop-screen-promo-offer-st_1258-159086.jpg" },
|
||||
{ id: "t3", title: "Service client réactif", quote: "Très satisfait du suivi.", name: "Lucas", role: "Streamer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-asian-girl-dj-using-launchpad-synthesizer-keyboard_7861-2929.jpg" },
|
||||
{ id: "t4", title: "Design unique", quote: "Le rendu est fidèle aux visuels.", name: "Julien", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/freelance-technology-concept-lucky-man-winner-celebrating-winning-online-showing-fist-pump-h_1258-160549.jpg" },
|
||||
{ id: "t5", title: "Parfait", quote: "Je reviendrai pour mon prochain set.", name: "Claire", role: "Etudiante", imageSrc: "http://img.b2bpic.net/free-photo/freelance-technology-concept-lucky-man-winner-celebrating-winning-online-showing-fist-pump-h_1258-160553.jpg" }
|
||||
]}
|
||||
title="La communauté adore"
|
||||
description="Retours de nos utilisateurs passionnés."
|
||||
@@ -309,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Compatibilité ?",
|
||||
content: "Compatible avec Cherry MX et clones.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Délai ?",
|
||||
content: "Expédition sous 5 jours ouvrés.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Retours ?",
|
||||
content: "Produits personnalisés non retournables.",
|
||||
},
|
||||
{ id: "q1", title: "Compatibilité ?", content: "Compatible avec Cherry MX et clones." },
|
||||
{ id: "q2", title: "Délai ?", content: "Expédition sous 5 jours ouvrés." },
|
||||
{ id: "q3", title: "Retours ?", content: "Produits personnalisés non retournables." }
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -334,9 +169,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Restez informés"
|
||||
description="Recevez nos dernières collections et promos exclusives."
|
||||
@@ -348,32 +181,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Concept",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "CGV",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Concept", href: "#about" }] },
|
||||
{ title: "Légal", items: [{ label: "CGV", href: "#" }, { label: "Confidentialité", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 KeycapsNexus"
|
||||
bottomRightText="Tous droits réservés."
|
||||
|
||||
Reference in New Issue
Block a user