Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
354
src/app/page.tsx
354
src/app/page.tsx
@@ -31,120 +31,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Gamma Moto",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Officina",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gamma Moto", id: "products" },
|
||||
{ name: "Officina", id: "features" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="PXR Racing"
|
||||
button={{ text: "Prenota", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="VIVI IL RACING. OGNI GIORNO."
|
||||
description="Supermotard • Enduro • Performance. Ride without limits."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
handle: "@marco_pxr",
|
||||
testimonial: "La migliore esperienza di guida della mia vita.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg",
|
||||
},
|
||||
{
|
||||
name: "Luca Bianchi",
|
||||
handle: "@luca_racer",
|
||||
testimonial: "Supporto tecnico eccellente, moto sempre al top.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara Verdi",
|
||||
handle: "@sara_moto",
|
||||
testimonial: "PXR Racing è un punto di riferimento.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg",
|
||||
},
|
||||
{
|
||||
name: "Giulia F.",
|
||||
handle: "@giulia_moto",
|
||||
testimonial: "Precisione e velocità senza pari.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19256.jpg",
|
||||
},
|
||||
{
|
||||
name: "Andrea B.",
|
||||
handle: "@andrea_racing",
|
||||
testimonial: "Il team PXR è il vero valore aggiunto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-overjoyed-cheerful-young-female-rider-with-teeth-braces-long-straight-hair-posing-isolated-black-leather-jacket_343059-970.jpg",
|
||||
},
|
||||
{ name: "Marco Rossi", handle: "@marco_pxr", testimonial: "La migliore esperienza di guida della mia vita.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg" },
|
||||
{ name: "Luca Bianchi", handle: "@luca_racer", testimonial: "Supporto tecnico eccellente, moto sempre al top.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg" },
|
||||
{ name: "Sara Verdi", handle: "@sara_moto", testimonial: "PXR Racing è un punto di riferimento.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-image-motorcyclist-studio-shot_613910-10818.jpg" },
|
||||
{ name: "Giulia F.", handle: "@giulia_moto", testimonial: "Precisione e velocità senza pari.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19256.jpg" },
|
||||
{ name: "Andrea B.", handle: "@andrea_racing", testimonial: "Il team PXR è il vero valore aggiunto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-overjoyed-cheerful-young-female-rider-with-teeth-braces-long-straight-hair-posing-isolated-black-leather-jacket_343059-970.jpg" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfd8Bt61NuqIYNtcRWxjLKsYOg/uploaded-1778676926697-3pui9p3j.png"
|
||||
imageAlt="PXR Racing"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg",
|
||||
alt: "Rider avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg",
|
||||
alt: "Rider avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-biker-yellow-helmet-motorbike-side-busy-road-thailand_343596-2794.jpg",
|
||||
alt: "Rider avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585674.jpg",
|
||||
alt: "Rider avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-cap-holding-clipboard-tightly-looking-peaceful_176474-16785.jpg",
|
||||
alt: "Rider avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg", alt: "Rider avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg", alt: "Rider avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-biker-yellow-helmet-motorbike-side-busy-road-thailand_343596-2794.jpg", alt: "Rider avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585674.jpg", alt: "Rider avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-cap-holding-clipboard-tightly-looking-peaceful_176474-16785.jpg", alt: "Rider avatar 5" }
|
||||
]}
|
||||
avatarText="Unisciti a 500+ piloti"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "KTM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Yamaha",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kawasaki",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stark",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beta",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "KTM" }, { type: "text", text: "Yamaha" }, { type: "text", text: "Kawasaki" }, { type: "text", text: "Stark" }, { type: "text", text: "Beta" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,36 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Officina",
|
||||
title: "Assistenza Professionale",
|
||||
items: [
|
||||
"Tagliandi",
|
||||
"Preparazione",
|
||||
"Setup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Sicurezza",
|
||||
title: "Protezione Totale",
|
||||
items: [
|
||||
"Caschi",
|
||||
"Tute",
|
||||
"Protezioni",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Prenotazioni",
|
||||
title: "Gestione Appuntamenti",
|
||||
items: [
|
||||
"Test Ride",
|
||||
"Manutenzione",
|
||||
"Consulenza",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Officina", title: "Assistenza Professionale", items: ["Tagliandi", "Preparazione", "Setup"] },
|
||||
{ id: "f2", label: "Sicurezza", title: "Protezione Totale", items: ["Caschi", "Tute", "Protezioni"] },
|
||||
{ id: "f3", label: "Prenotazioni", title: "Gestione Appuntamenti", items: ["Test Ride", "Manutenzione", "Consulenza"] }
|
||||
]}
|
||||
title="Scopri i nostri servizi"
|
||||
description="Dalla manutenzione avanzata alla protezione totale."
|
||||
@@ -197,60 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "KTM",
|
||||
name: "450 SMR",
|
||||
price: "10.490 €",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22174.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Stark",
|
||||
name: "Varg EX",
|
||||
price: "12.900 €",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-mountain-biking-equipment_23-2148777264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Kawasaki",
|
||||
name: "KX 450",
|
||||
price: "9.800 €",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-women_23-2149703294.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Yamaha",
|
||||
name: "YZ 450F",
|
||||
price: "10.100 €",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-clothing-sitting-bicycle-street_23-2148176528.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Beta",
|
||||
name: "RR 300",
|
||||
price: "9.200 €",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "KTM",
|
||||
name: "690 SMC R",
|
||||
price: "11.500 €",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-female-leather-motorcycle-uniform-lying-two-car-wheels_613910-8099.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "KTM", name: "450 SMR", price: "10.490 €", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22174.jpg" },
|
||||
{ id: "p2", brand: "Stark", name: "Varg EX", price: "12.900 €", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-mountain-biking-equipment_23-2148777264.jpg" },
|
||||
{ id: "p3", brand: "Kawasaki", name: "KX 450", price: "9.800 €", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-women_23-2149703294.jpg" },
|
||||
{ id: "p4", brand: "Yamaha", name: "YZ 450F", price: "10.100 €", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-clothing-sitting-bicycle-street_23-2148176528.jpg" },
|
||||
{ id: "p5", brand: "Beta", name: "RR 300", price: "9.200 €", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg" },
|
||||
{ id: "p6", brand: "KTM", name: "690 SMC R", price: "11.500 €", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-leather-motorcycle-uniform-lying-two-car-wheels_613910-8099.jpg" }
|
||||
]}
|
||||
title="Gamma Moto"
|
||||
description="Ready to dominate the track."
|
||||
@@ -263,33 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Anni d'esperienza",
|
||||
items: [
|
||||
"Professionalità",
|
||||
"Passione",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
title: "Moto riparate",
|
||||
items: [
|
||||
"Qualità",
|
||||
"Velocità",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Clienti felici",
|
||||
items: [
|
||||
"Community",
|
||||
"Racing",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Anni d'esperienza", items: ["Professionalità", "Passione"] },
|
||||
{ id: "m2", value: "2000+", title: "Moto riparate", items: ["Qualità", "Velocità"] },
|
||||
{ id: "m3", value: "500+", title: "Clienti felici", items: ["Community", "Racing"] }
|
||||
]}
|
||||
title="Prestazioni in cifre"
|
||||
description="I nostri numeri parlano chiaro."
|
||||
@@ -303,24 +125,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Luca Ferrari",
|
||||
role: "Capo Officina",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-handyman-standing-own-workshop-interior_1163-3158.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Giulia Rossi",
|
||||
role: "Racer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashionable-young-blonde-female-biker-wearing-stylish-black-leather-jacket-having-confident-facial-expression_343059-979.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Andrea Bianchi",
|
||||
role: "Tecnico Setup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Luca Ferrari", role: "Capo Officina", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-handyman-standing-own-workshop-interior_1163-3158.jpg" },
|
||||
{ id: "t2", name: "Giulia Rossi", role: "Racer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashionable-young-blonde-female-biker-wearing-stylish-black-leather-jacket-having-confident-facial-expression_343059-979.jpg" },
|
||||
{ id: "t3", name: "Andrea Bianchi", role: "Tecnico Setup", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg" }
|
||||
]}
|
||||
title="Il nostro team tecnico"
|
||||
description="Esperti a tuo servizio."
|
||||
@@ -331,31 +138,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-male-paramedic_23-2148453467.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luca",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22172.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Andrea",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait_158595-3857.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885253.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Giulia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-machinery-juice-factory_107420-96040.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marco", imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-male-paramedic_23-2148453467.jpg" },
|
||||
{ id: "2", name: "Luca", imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22172.jpg" },
|
||||
{ id: "3", name: "Andrea", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-portrait_158595-3857.jpg" },
|
||||
{ id: "4", name: "Sara", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885253.jpg" },
|
||||
{ id: "5", name: "Giulia", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-using-machinery-juice-factory_107420-96040.jpg" }
|
||||
]}
|
||||
cardTitle="Cosa dicono i nostri piloti"
|
||||
cardTag="Recensioni"
|
||||
@@ -368,26 +155,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Come prenoto un test ride?",
|
||||
content: "Puoi prenotare direttamente dal nostro sito tramite la sezione dedicata.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Effettuate manutenzione multimarca?",
|
||||
content: "Sì, siamo specializzati in KTM, Yamaha, Kawasaki e Stark Future.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Dove si trova l'officina?",
|
||||
content: "Siamo in Via Racing, 12, Milano.",
|
||||
},
|
||||
{ id: "q1", title: "Come prenoto un test ride?", content: "Puoi prenotare direttamente dal nostro sito tramite la sezione dedicata." },
|
||||
{ id: "q2", title: "Effettuate manutenzione multimarca?", content: "Sì, siamo specializzati in KTM, Yamaha, Kawasaki e Stark Future." },
|
||||
{ id: "q3", title: "Dove si trova l'officina?", content: "Siamo in Via Racing, 12, Milano." }
|
||||
]}
|
||||
title="Domande frequenti"
|
||||
description="Tutto quello che devi sapere."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -398,54 +173,19 @@ export default function LandingPage() {
|
||||
title="Contattaci"
|
||||
description="Richiedi maggiori informazioni o prenota un appuntamento."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nome" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Il tuo messaggio",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg?_wi=2"
|
||||
textarea={{ name: "message", placeholder: "Il tuo messaggio" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-background-concept_23-2148882653.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "PXR Racing",
|
||||
items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servizi",
|
||||
items: [
|
||||
{
|
||||
label: "Officina",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Prenota",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PXR Racing", items: [{ label: "Chi Siamo", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Servizi", items: [{ label: "Officina", href: "#" }, { label: "Prenota", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 PXR Racing"
|
||||
bottomRightText="Privacy Policy"
|
||||
|
||||
Reference in New Issue
Block a user