Merge version_2 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -14,37 +14,25 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Showroom",
|
||||
id: "showroom",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Showroom", id: "showroom" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Garage Plinio Rigamonti SA"
|
||||
/>
|
||||
@@ -55,40 +43,16 @@ export default function LandingPage() {
|
||||
logoText="GARAGE PLINIO RIGAMONTI SA"
|
||||
description="Professional consultation, carefully prepared vehicles, and reliable service. Experience the premium standard for your next motorcycle or scooter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View vehicles",
|
||||
href: "#showroom",
|
||||
},
|
||||
{ text: "Request consultation", href: "#contact" },
|
||||
{ text: "View vehicles", href: "#showroom" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=1",
|
||||
imageAlt: "Luxury showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=2",
|
||||
imageAlt: "Luxury showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=3",
|
||||
imageAlt: "Luxury showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=4",
|
||||
imageAlt: "Luxury showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=5",
|
||||
imageAlt: "Luxury showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=6",
|
||||
imageAlt: "Luxury showroom",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=1", imageAlt: "Luxury showroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=2", imageAlt: "Luxury showroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=3", imageAlt: "Luxury showroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=4", imageAlt: "Luxury showroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=5", imageAlt: "Luxury showroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-presentation-indoors_23-2150849303.jpg?_wi=6", imageAlt: "Luxury showroom" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,25 +64,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Sales & Consultation",
|
||||
subtitle: "Expert Guidance",
|
||||
category: "Sales",
|
||||
value: "Personalized advice to find your perfect vehicle match.",
|
||||
id: "s1", title: "Sales & Consultation", subtitle: "Expert Guidance", category: "Sales", value: "Personalized advice to find your perfect vehicle match.", buttons: [{ text: "Book Session", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Precision Service",
|
||||
subtitle: "Expert Care",
|
||||
category: "Maintenance",
|
||||
value: "Reliable assistance performed with professional precision and quality tools.",
|
||||
id: "s2", title: "Precision Service", subtitle: "Expert Care", category: "Maintenance", value: "Reliable assistance performed with professional precision and quality tools.", buttons: [{ text: "Get Service", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Vehicle Preparation",
|
||||
subtitle: "Attention to Detail",
|
||||
category: "Delivery",
|
||||
value: "Every vehicle is checked and prepared to the highest standards before handover.",
|
||||
id: "s3", title: "Vehicle Preparation", subtitle: "Attention to Detail", category: "Delivery", value: "Every vehicle is checked and prepared to the highest standards before handover.", buttons: [{ text: "Learn More", href: "#" }]
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -133,51 +85,16 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Sport Bike",
|
||||
price: "From CHF 15,000",
|
||||
variant: "Motorcycle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189641.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Mobility Scooter",
|
||||
price: "From CHF 4,500",
|
||||
variant: "Scooter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-tattooed-bearded-male-using-laptop-modern-building-background-after-electric-scooter-ride_613910-13949.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "High-Performance Racer",
|
||||
price: "From CHF 22,000",
|
||||
variant: "Motorcycle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-motorbike-with-riding-red-gloves_23-2148321943.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Selected Classic Model",
|
||||
price: "From CHF 9,800",
|
||||
variant: "Used Vehicle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cool-powerful-motorcycle_23-2150704847.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "City Commuter Plus",
|
||||
price: "From CHF 5,200",
|
||||
variant: "Scooter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-young-handsome-man-standing-by-his-electric-scooter-street_342744-408.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Track-Ready Performance",
|
||||
price: "From CHF 18,500",
|
||||
variant: "Motorcycle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-bicycle-while-talking-cellphone-shop_23-2147892361.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Sport Bike", price: "From CHF 15,000", variant: "Motorcycle", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189641.jpg" },
|
||||
{ id: "p2", name: "Urban Mobility Scooter", price: "From CHF 4,500", variant: "Scooter", imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-tattooed-bearded-male-using-laptop-modern-building-background-after-electric-scooter-ride_613910-13949.jpg" },
|
||||
{ id: "p3", name: "High-Performance Racer", price: "From CHF 22,000", variant: "Motorcycle", imageSrc: "http://img.b2bpic.net/free-photo/black-motorbike-with-riding-red-gloves_23-2148321943.jpg" },
|
||||
{ id: "p4", name: "Selected Classic Model", price: "From CHF 9,800", variant: "Used Vehicle", imageSrc: "http://img.b2bpic.net/free-photo/view-cool-powerful-motorcycle_23-2150704847.jpg" },
|
||||
{ id: "p5", name: "City Commuter Plus", price: "From CHF 5,200", variant: "Scooter", imageSrc: "http://img.b2bpic.net/free-photo/shot-young-handsome-man-standing-by-his-electric-scooter-street_342744-408.jpg" },
|
||||
{ id: "p6", name: "Track-Ready Performance", price: "From CHF 18,500", variant: "Motorcycle", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-bicycle-while-talking-cellphone-shop_23-2147892361.jpg" },
|
||||
]}
|
||||
title="Premium Showroom"
|
||||
description="Discover our curated collection of high-end motorcycles and urban mobility solutions."
|
||||
buttons={[{ text: "See Inventory", href: "#showroom" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,26 +105,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marco Rossi"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/biker-girl-leather-jacket-motorcycle_158595-443.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31487.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/biker-girl-leather-jacket-motorcycle_158595-443.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31487.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -219,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What service guarantees do you offer?",
|
||||
content: "Every vehicle undergoes a full mechanical inspection to ensure absolute reliability before delivery.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How does the purchase process work?",
|
||||
content: "Our experts guide you through selection, test rides, and paper handling to make it a stress-free experience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we provide flexible financing solutions tailored to your financial needs for both motorcycles and scooters.",
|
||||
},
|
||||
{ id: "f1", title: "What service guarantees do you offer?", content: "Every vehicle undergoes a full mechanical inspection to ensure absolute reliability before delivery." },
|
||||
{ id: "f2", title: "How does the purchase process work?", content: "Our experts guide you through selection, test rides, and paper handling to make it a stress-free experience." },
|
||||
{ id: "f3", title: "Do you offer financing?", content: "Yes, we provide flexible financing solutions tailored to your financial needs for both motorcycles and scooters." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience excellence in automotive service and sales."
|
||||
@@ -244,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for your next motorcycle?"
|
||||
description="Send us a request to book an appointment or ask about vehicle availability. We are here to guide you."
|
||||
@@ -260,55 +148,11 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="GARAGE PLINIO RIGAMONTI SA"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Sales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Assistance",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Preparation",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Sales", href: "#" }, { label: "Assistance", href: "#" }, { label: "Preparation", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Garage Plinio Rigamonti SA. All rights reserved."
|
||||
copyrightText="© 2025 Garage Plinio Rigamonti SA. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user