Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -32,127 +32,77 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
name: "Accueil", id: "/"},
|
||||
{
|
||||
name: "Groupes",
|
||||
id: "#groupes",
|
||||
},
|
||||
name: "Groupes", id: "#groupes"},
|
||||
{
|
||||
name: "Modèles",
|
||||
id: "#modeles",
|
||||
},
|
||||
name: "Modèles", id: "#modeles"},
|
||||
{
|
||||
name: "Structure",
|
||||
id: "#structure",
|
||||
},
|
||||
name: "Structure", id: "#structure"},
|
||||
]}
|
||||
brandName="Cube Atlas"
|
||||
button={{ text: "Explorer", href: "#groupes" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Cube Atlas"
|
||||
description="Une cartographie visuelle des puzzles emblématiques. Explorez les groupes, les formes et les modèles iconiques."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-puzzle-pieces-pink-blue-background_23-2149299126.jpg?_wi=1",
|
||||
imageAlt: "2x2 puzzle high end studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-puzzle-pieces-pink-blue-background_23-2149299126.jpg", imageAlt: "2x2 puzzle high end studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rubisc-cube-isolated-dark-colored-light_140725-32398.jpg",
|
||||
imageAlt: "3x3 iconic puzzle studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rubisc-cube-isolated-dark-colored-light_140725-32398.jpg", imageAlt: "3x3 iconic puzzle studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473196.jpg",
|
||||
imageAlt: "complex puzzle 4x4 studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473196.jpg", imageAlt: "complex puzzle 4x4 studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-puzzle-pieces-arrow_23-2148490571.jpg",
|
||||
imageAlt: "skewb puzzle studio shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-puzzle-pieces-arrow_23-2148490571.jpg", imageAlt: "skewb puzzle studio shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-triangle-paper-shape_23-2148547742.jpg",
|
||||
imageAlt: "pyraminx puzzle design object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-triangle-paper-shape_23-2148547742.jpg", imageAlt: "pyraminx puzzle design object"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoons-arrangement-with-dark-background_23-2148968860.jpg?_wi=1",
|
||||
imageAlt: "collection of puzzles 3d premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoons-arrangement-with-dark-background_23-2148968860.jpg", imageAlt: "collection of puzzles 3d premium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-metal-tin-box-isolated-white-background_187299-47266.jpg",
|
||||
imageAlt: "3x3 iconic puzzle studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-metal-tin-box-isolated-white-background_187299-47266.jpg", imageAlt: "3x3 iconic puzzle studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-paper-elements-with-copy-space_23-2148547804.jpg",
|
||||
imageAlt: "2x2 puzzle high end studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-paper-elements-with-copy-space_23-2148547804.jpg", imageAlt: "2x2 puzzle high end studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eye-shadow-cosmetic_1203-7588.jpg",
|
||||
imageAlt: "megaminx dodecahedron puzzle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eye-shadow-cosmetic_1203-7588.jpg", imageAlt: "megaminx dodecahedron puzzle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-translucent-shapes-with-copy-space_23-2148830215.jpg",
|
||||
imageAlt: "pyraminx puzzle design object",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-translucent-shapes-with-copy-space_23-2148830215.jpg", imageAlt: "pyraminx puzzle design object"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorer les groupes",
|
||||
href: "#groupes",
|
||||
},
|
||||
text: "Explorer les groupes", href: "#groupes"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/leaves-salmon-cloured-frame_23-2148317550.jpg",
|
||||
alt: "Leaves in salmon cloured frame",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/leaves-salmon-cloured-frame_23-2148317550.jpg", alt: "Leaves in salmon cloured frame"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996796.jpg",
|
||||
alt: "3d rendered abstract design elements arrangement",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996796.jpg", alt: "3d rendered abstract design elements arrangement"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-unused-bath-bomb_23-2150248917.jpg",
|
||||
alt: "Still life of unused bath bomb",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-unused-bath-bomb_23-2150248917.jpg", alt: "Still life of unused bath bomb"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wine-bottle-mockup-with-confetti_23-2147730224.jpg",
|
||||
alt: "Wine bottle mockup with confetti",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wine-bottle-mockup-with-confetti_23-2147730224.jpg", alt: "Wine bottle mockup with confetti"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-white-dark-puzzle-pieces_23-2149299059.jpg",
|
||||
alt: "Top view white and dark puzzle pieces",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-white-dark-puzzle-pieces_23-2149299059.jpg", alt: "Top view white and dark puzzle pieces"},
|
||||
]}
|
||||
avatarText="Rejoignez 500+ passionnés"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
type: "text", text: "Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Précision",
|
||||
},
|
||||
type: "text", text: "Précision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Géométrie",
|
||||
},
|
||||
type: "text", text: "Géométrie"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Art",
|
||||
},
|
||||
type: "text", text: "Art"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,65 +115,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g-22",
|
||||
brand: "G-22",
|
||||
name: "Groupe 2x2",
|
||||
price: "Unitaire",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-puzzle-background_23-2149289173.jpg",
|
||||
imageAlt: "2x2 puzzle high end studio",
|
||||
},
|
||||
id: "g-22", brand: "G-22", name: "Groupe 2x2", price: "Unitaire", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-puzzle-background_23-2149289173.jpg", imageAlt: "2x2 puzzle high end studio"},
|
||||
{
|
||||
id: "g-33",
|
||||
brand: "G-33",
|
||||
name: "Groupe 3x3",
|
||||
price: "Unitaire",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-abstract-3d-geometrical-background_23-2148772506.jpg",
|
||||
imageAlt: "3x3 iconic puzzle studio",
|
||||
},
|
||||
id: "g-33", brand: "G-33", name: "Groupe 3x3", price: "Unitaire", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/scene-abstract-3d-geometrical-background_23-2148772506.jpg", imageAlt: "3x3 iconic puzzle studio"},
|
||||
{
|
||||
id: "g-44",
|
||||
brand: "G-44",
|
||||
name: "Groupe 4x4",
|
||||
price: "Unitaire",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499220.jpg",
|
||||
imageAlt: "complex puzzle 4x4 studio",
|
||||
},
|
||||
id: "g-44", brand: "G-44", name: "Groupe 4x4", price: "Unitaire", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499220.jpg", imageAlt: "complex puzzle 4x4 studio"},
|
||||
{
|
||||
id: "g-sk",
|
||||
brand: "G-SK",
|
||||
name: "Groupe Skewb",
|
||||
price: "Unitaire",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cylinder-podium-pedestal-product-display-platform-product-placement-background-3d-rendering_56104-1776.jpg",
|
||||
imageAlt: "skewb puzzle studio shot",
|
||||
},
|
||||
id: "g-sk", brand: "G-SK", name: "Groupe Skewb", price: "Unitaire", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/white-cylinder-podium-pedestal-product-display-platform-product-placement-background-3d-rendering_56104-1776.jpg", imageAlt: "skewb puzzle studio shot"},
|
||||
{
|
||||
id: "g-py",
|
||||
brand: "G-PY",
|
||||
name: "Groupe Pyraminx",
|
||||
price: "Unitaire",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-toy-constructions-designed-shapeded-light-desk-toy-plastic_140725-32007.jpg",
|
||||
imageAlt: "pyraminx puzzle design object",
|
||||
},
|
||||
id: "g-py", brand: "G-PY", name: "Groupe Pyraminx", price: "Unitaire", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/colorful-toy-constructions-designed-shapeded-light-desk-toy-plastic_140725-32007.jpg", imageAlt: "pyraminx puzzle design object"},
|
||||
{
|
||||
id: "g-mg",
|
||||
brand: "G-MG",
|
||||
name: "Groupe Megaminx",
|
||||
price: "Unitaire",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-toy-constructions-designed-shaped-colored-light-toy-plastic-color_140725-31994.jpg",
|
||||
imageAlt: "megaminx dodecahedron puzzle",
|
||||
},
|
||||
id: "g-mg", brand: "G-MG", name: "Groupe Megaminx", price: "Unitaire", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/colorful-toy-constructions-designed-shaped-colored-light-toy-plastic-color_140725-31994.jpg", imageAlt: "megaminx dodecahedron puzzle"},
|
||||
]}
|
||||
title="Sélection des Groupes"
|
||||
description="Découvrez notre classification structurée des puzzles, des modèles unitaires aux ensembles complexes."
|
||||
@@ -237,33 +145,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Groupes Unitaires",
|
||||
descriptions: [
|
||||
"Puzzles isolés avec une identité forte.",
|
||||
"La base de la géométrie.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-sacred-geometry-symbol-background-cosmic-mystery_1017-45103.jpg",
|
||||
imageAlt: "megaminx dodecahedron puzzle",
|
||||
},
|
||||
id: "f1", title: "Groupes Unitaires", descriptions: [
|
||||
"Puzzles isolés avec une identité forte.", "La base de la géométrie."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-sacred-geometry-symbol-background-cosmic-mystery_1017-45103.jpg", imageAlt: "megaminx dodecahedron puzzle"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Groupes Composés",
|
||||
descriptions: [
|
||||
"Assemblages réfléchis pour une expérience diversifiée.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoons-arrangement-with-dark-background_23-2148968860.jpg?_wi=2",
|
||||
imageAlt: "megaminx dodecahedron puzzle",
|
||||
},
|
||||
id: "f2", title: "Groupes Composés", descriptions: [
|
||||
"Assemblages réfléchis pour une expérience diversifiée."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoons-arrangement-with-dark-background_23-2148968860.jpg", imageAlt: "megaminx dodecahedron puzzle"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Groupe Complet",
|
||||
descriptions: [
|
||||
"La collection ultime regroupant toutes les familles.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-puzzle-pieces-pink-blue-background_23-2149299126.jpg?_wi=2",
|
||||
imageAlt: "megaminx dodecahedron puzzle",
|
||||
},
|
||||
id: "f3", title: "Groupe Complet", descriptions: [
|
||||
"La collection ultime regroupant toutes les familles."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-puzzle-pieces-pink-blue-background_23-2149299126.jpg", imageAlt: "megaminx dodecahedron puzzle"},
|
||||
]}
|
||||
title="Structure des Groupes"
|
||||
description="Comprendre l'articulation entre les familles de modèles."
|
||||
@@ -278,41 +170,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "2x2",
|
||||
role: "Compact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-puzzle-background_23-2149289174.jpg",
|
||||
},
|
||||
id: "m1", name: "2x2", role: "Compact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-puzzle-background_23-2149289174.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "3x3",
|
||||
role: "Iconique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-metallic-cube-floating_23-2150979686.jpg",
|
||||
},
|
||||
id: "m2", name: "3x3", role: "Iconique", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-metallic-cube-floating_23-2150979686.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "4x4",
|
||||
role: "Dense",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-white-jigsaw-puzzle-piece-bright-green-backdrop_23-2148207322.jpg",
|
||||
},
|
||||
id: "m3", name: "4x4", role: "Dense", imageSrc: "http://img.b2bpic.net/free-photo/two-white-jigsaw-puzzle-piece-bright-green-backdrop_23-2148207322.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Skewb",
|
||||
role: "Anguleux",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cube-separated-from-group-wooden-ones_23-2148476729.jpg",
|
||||
},
|
||||
id: "m4", name: "Skewb", role: "Anguleux", imageSrc: "http://img.b2bpic.net/free-photo/red-cube-separated-from-group-wooden-ones_23-2148476729.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Pyraminx",
|
||||
role: "Dynamique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots-view_23-2148999152.jpg",
|
||||
},
|
||||
id: "m5", name: "Pyraminx", role: "Dynamique", imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots-view_23-2148999152.jpg"},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Megaminx",
|
||||
role: "Spectaculaire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-translucent-shapes_23-2148830210.jpg",
|
||||
},
|
||||
id: "m6", name: "Megaminx", role: "Spectaculaire", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-translucent-shapes_23-2148830210.jpg"},
|
||||
]}
|
||||
title="Modèles Iconiques"
|
||||
description="L'excellence géométrique."
|
||||
@@ -324,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Géométrie",
|
||||
"Précision",
|
||||
"Couleurs",
|
||||
"Mécanique",
|
||||
"Design",
|
||||
"Tactile",
|
||||
"Esthétique",
|
||||
]}
|
||||
"Géométrie", "Précision", "Couleurs", "Mécanique", "Design", "Tactile", "Esthétique"]}
|
||||
title="Signature Visuelle"
|
||||
description="L'art de la précision."
|
||||
/>
|
||||
@@ -344,22 +205,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "met1",
|
||||
title: "Modèles",
|
||||
value: "6",
|
||||
icon: Box,
|
||||
id: "met1", title: "Modèles", value: "6", icon: Box,
|
||||
},
|
||||
{
|
||||
id: "met2",
|
||||
title: "Groupes",
|
||||
value: "9",
|
||||
icon: Layers,
|
||||
id: "met2", title: "Groupes", value: "9", icon: Layers,
|
||||
},
|
||||
{
|
||||
id: "met3",
|
||||
title: "Années",
|
||||
value: "40+",
|
||||
icon: Clock,
|
||||
id: "met3", title: "Années", value: "40+", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Exploration"
|
||||
@@ -373,20 +225,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Pourquoi cette structure ?",
|
||||
content: "Pour permettre une exploration logique et esthétique de la collection.",
|
||||
},
|
||||
id: "q1", title: "Pourquoi cette structure ?", content: "Pour permettre une exploration logique et esthétique de la collection."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Comment utiliser le site ?",
|
||||
content: "Naviguez via les groupes ou les modèles iconiques.",
|
||||
},
|
||||
id: "q2", title: "Comment utiliser le site ?", content: "Naviguez via les groupes ou les modèles iconiques."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Est-ce une boutique ?",
|
||||
content: "C'est une expérience éditoriale de type musée numérique.",
|
||||
},
|
||||
id: "q3", title: "Est-ce une boutique ?", content: "C'est une expérience éditoriale de type musée numérique."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cardboard-puzzles-female-hands-close-up_127675-2450.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -402,25 +245,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Groupes",
|
||||
href: "#groupes",
|
||||
},
|
||||
label: "Groupes", href: "#groupes"},
|
||||
{
|
||||
label: "Structure",
|
||||
href: "#structure",
|
||||
},
|
||||
label: "Structure", href: "#structure"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Modèles",
|
||||
href: "#modeles",
|
||||
},
|
||||
label: "Modèles", href: "#modeles"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user