Merge version_2 into main #2
402
src/app/page.tsx
402
src/app/page.tsx
@@ -11,326 +11,116 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function CampingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Tariffe",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BusinessPro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Chi Siamo", id: "about" },
|
||||
{ name: "Missione", id: "mission" },
|
||||
{ name: "Servizi", id: "features" },
|
||||
{ name: "Tariffe", id: "pricing" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="CamperVibe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Soluzioni Professionali per il Vostro Business"
|
||||
description="Portiamo innovazione ed efficienza nella vostra azienda attraverso servizi su misura progettati per crescere insieme."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=1",
|
||||
imageAlt: "Business solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=2",
|
||||
imageAlt: "Business solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=3",
|
||||
imageAlt: "Business solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=4",
|
||||
imageAlt: "Business solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=5",
|
||||
imageAlt: "Business solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=6",
|
||||
imageAlt: "Business solution",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="La Tua Avventura in Camper Inizia Qui"
|
||||
description="Svegliati ogni giorno con un panorama diverso. Scopri la libertà assoluta nel nostro campeggio immerso nella natura."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/camper-van-parked-forest_23-2148785721.jpg", imageAlt: "Camper in forest" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/family-camping-camper-van_23-2148785725.jpg", imageAlt: "Family camping" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="La Nostra Missione"
|
||||
description="Ci dedichiamo a trasformare sfide complesse in opportunità concrete. La nostra missione è fornire valore tangibile ad ogni nostro cliente, costruendo relazioni basate su trasparenza e risultati."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Integrità",
|
||||
description: "Lavoriamo con onestà in ogni fase.",
|
||||
},
|
||||
{
|
||||
title: "Innovazione",
|
||||
description: "Tecnologie all'avanguardia al tuo servizio.",
|
||||
},
|
||||
{
|
||||
title: "Risultati",
|
||||
description: "Focus costante sul tuo successo aziendale.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/executives-working-as-team_1098-3078.jpg?_wi=1"
|
||||
imageAlt="Our team"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Chi Siamo"
|
||||
description="Siamo un team di appassionati viaggiatori che ha creato un'oasi di pace per chi vive la vita on-the-road."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/happy-couple-camper-van_23-2148785730.jpg"
|
||||
textboxLayout="split"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Sviluppo",
|
||||
title: "Strategia Digitale",
|
||||
subtitle: "Pianificazione avanzata",
|
||||
description: "Analizziamo il tuo mercato per posizionarti al meglio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-workspace-startup-projects_482257-119467.jpg?_wi=7",
|
||||
imageAlt: "professional business team meeting",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Design",
|
||||
title: "Branding Creativo",
|
||||
subtitle: "Identità visiva",
|
||||
description: "Diamo voce al tuo brand con design unici.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-working-as-team_1098-3078.jpg?_wi=2",
|
||||
imageAlt: "business mission team cooperation",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Analytics",
|
||||
title: "Analisi Dati",
|
||||
subtitle: "Insight operativi",
|
||||
description: "Prendiamo decisioni basate sui fatti.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg?_wi=1",
|
||||
imageAlt: "happy client portrait professional",
|
||||
},
|
||||
]}
|
||||
title="I Nostri Servizi"
|
||||
description="Scopri come possiamo aiutarti a migliorare la tua produttività ed efficienza."
|
||||
/>
|
||||
</div>
|
||||
<div id="mission" data-section="mission">
|
||||
<SplitAbout
|
||||
title="La Nostra Missione"
|
||||
description="Promuovere uno stile di vita sostenibile a contatto con la natura, offrendo comfort e servizi di alta qualità per ogni camperista."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/nature-landscape-camper_23-2148785735.jpg"
|
||||
textboxLayout="split"
|
||||
imagePosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Base",
|
||||
price: "€990",
|
||||
subtitle: "Per piccoli progetti",
|
||||
features: [
|
||||
"Consulenza iniziale",
|
||||
"Analisi di mercato",
|
||||
"Report base",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "€2490",
|
||||
subtitle: "La soluzione ottimale",
|
||||
features: [
|
||||
"Tutto il piano Base",
|
||||
"Strategia dedicata",
|
||||
"Supporto 24/7",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Top",
|
||||
price: "€4990",
|
||||
subtitle: "Per grandi ambizioni",
|
||||
features: [
|
||||
"Tutto il piano Pro",
|
||||
"Account manager",
|
||||
"Analisi personalizzata",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Tariffe Chiare"
|
||||
description="Scegli il piano più adatto alle tue esigenze."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
title="Servizi per il Tuo Comfort"
|
||||
description="Tutto ciò di cui hai bisogno per una vacanza indimenticabile."
|
||||
features={[
|
||||
{ id: 1, tag: "Servizi", title: "Piazzole Elettriche", subtitle: "Connessione rapida", description: "Piazzole ampie e ben illuminate.", imageSrc: "https://img.b2bpic.net/free-photo/camper-parking_23-2148785740.jpg" },
|
||||
{ id: 2, tag: "Relax", title: "Area Barbecue", subtitle: "Socializza e mangia", description: "Zone dedicate per grigliate all'aperto.", imageSrc: "https://img.b2bpic.net/free-photo/barbecue-grill-park_23-2148785745.jpg" },
|
||||
{ id: 3, tag: "Famiglia", title: "Parco Giochi", subtitle: "Divertimento bimbi", description: "Area sicura per i più piccoli.", imageSrc: "https://img.b2bpic.net/free-photo/kids-playground-park_23-2148785750.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco Rossi",
|
||||
role: "CEO",
|
||||
company: "TechGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Bianchi",
|
||||
role: "Manager",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Giulia Verdi",
|
||||
role: "Marketing",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luca Neri",
|
||||
role: "Founder",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Bruno",
|
||||
role: "Director",
|
||||
company: "CorpGlobal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022647.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Clienti soddisfatti",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Progetti completati",
|
||||
},
|
||||
{
|
||||
value: "10y",
|
||||
label: "Esperienza",
|
||||
},
|
||||
]}
|
||||
title="Dicono di noi"
|
||||
description="La soddisfazione dei nostri partner è il nostro miglior biglietto da visita."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Tariffe 2024"
|
||||
description="Scegli l'opzione che fa per te."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{ id: "standard", badge: "Base", price: "€25", subtitle: "Alta stagione", features: ["Piazzola", "Acqua", "Corrente"] },
|
||||
{ id: "premium", badge: "Premium", price: "€40", subtitle: "Tutto incluso", features: ["Piazzola XL", "Wi-Fi", "Barbecue"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Mettiti in Contatto"
|
||||
description="Hai un progetto in mente? Parliamone insieme."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome e Cognome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Il tuo messaggio",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-man-sitting-with-hands-clasped_482257-121953.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Prenota ora"
|
||||
description="Inviaci una richiesta di disponibilità."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Data arrivo", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Note aggiuntive" }}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/camper-van-sunset_23-2148785760.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Azienda",
|
||||
items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Servizi",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Supporto",
|
||||
items: [
|
||||
{
|
||||
label: "Tariffe",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 BusinessPro. Tutti i diritti riservati."
|
||||
bottomRightText="P.IVA 123456789"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[]}
|
||||
bottomLeftText="© 2024 CamperVibe"
|
||||
bottomRightText="Via della Libertà 1"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #f0fdf4;
|
||||
--card: #ffffff;
|
||||
--foreground: #064e3b;
|
||||
--primary-cta: #ea580c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #f97316;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #bef264;
|
||||
--background-accent: #dcfce7;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user