Merge version_1 into main #2
@@ -8,7 +8,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import { Award, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -23,104 +23,55 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "/chi-siamo",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "/servizi",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "/contatti",
|
||||
},
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Chi siamo", id: "/chi-siamo" },
|
||||
{ name: "Servizi", id: "/servizi" },
|
||||
{ name: "Contatti", id: "/contatti" },
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
button={{ text: "Contattaci", href: "/contatti" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-page" data-section="about-page">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="La nostra storia e i nostri valori"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Anni di esperienza",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Clienti soddisfatti",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-page" data-section="about-page">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="La nostra storia e i nostri valori"
|
||||
metrics={[
|
||||
{ icon: Users, label: "Anni di esperienza", value: "15+" },
|
||||
{ icon: Award, label: "Clienti soddisfatti", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Team ELCO"
|
||||
tag="Chi siamo"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="default"
|
||||
members={[
|
||||
{
|
||||
id: "m3",
|
||||
name: "Marco G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Sara D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-car-dealer-giving-keys-young-couple_23-2148384953.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Team ELCO"
|
||||
tag="Chi siamo"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="default"
|
||||
members={[
|
||||
{ id: "m3", name: "Marco G.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg" },
|
||||
{ id: "m4", name: "Sara D.", imageSrc: "http://img.b2bpic.net/free-photo/female-car-dealer-giving-keys-young-couple_23-2148384953.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Chi siamo",
|
||||
href: "/chi-siamo",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servizi",
|
||||
href: "/servizi",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "/contatti",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Chi siamo", href: "/chi-siamo" }] },
|
||||
{ items: [{ label: "Servizi", href: "/servizi" }, { label: "Contatti", href: "/contatti" }] }
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -21,74 +21,39 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "/chi-siamo",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "/servizi",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "/contatti",
|
||||
},
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Chi siamo", id: "/chi-siamo" },
|
||||
{ name: "Servizi", id: "/servizi" },
|
||||
{ name: "Contatti", id: "/contatti" },
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
button={{ text: "Contattaci", href: "/contatti" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Assistenza"
|
||||
title="Supporto 24/7"
|
||||
description="Siamo a tua disposizione per ogni necessità tecnica."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Assistenza"
|
||||
title="Supporto 24/7"
|
||||
description="Siamo a tua disposizione per ogni necessità tecnica."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Chi siamo",
|
||||
href: "/chi-siamo",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servizi",
|
||||
href: "/servizi",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "/contatti",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Chi siamo", href: "/chi-siamo" }] },
|
||||
{ items: [{ label: "Servizi", href: "/servizi" }, { label: "Contatti", href: "/contatti" }] }
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
280
src/app/page.tsx
280
src/app/page.tsx
@@ -25,207 +25,97 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "/chi-siamo",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "/servizi",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "/contatti",
|
||||
},
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Chi siamo", id: "/chi-siamo" },
|
||||
{ name: "Servizi", id: "/servizi" },
|
||||
{ name: "Contatti", id: "/contatti" },
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
button={{ text: "Contattaci", href: "/contatti" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="ELCO Impianti Energie"
|
||||
description="Energia affidabile. Servizio che fa la differenza. Impianti elettrici ed energetici realizzati con competenza, precisione e attenzione al cliente."
|
||||
buttons={[
|
||||
{
|
||||
text: "Richiedi preventivo",
|
||||
href: "/contatti",
|
||||
},
|
||||
{
|
||||
text: "Contattaci subito",
|
||||
href: "/contatti",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="ELCO Impianti Energie"
|
||||
description="Energia affidabile. Servizio che fa la differenza. Impianti elettrici ed energetici realizzati con competenza, precisione e attenzione al cliente."
|
||||
buttons={[{ text: "Richiedi preventivo", href: "/contatti" }, { text: "Contattaci subito", href: "/contatti" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servizi" data-section="servizi">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Elettrico",
|
||||
title: "Impianti Elettrici",
|
||||
items: [
|
||||
"Installazione professionale",
|
||||
"Manutenzione ciclica",
|
||||
"Adeguamento normativo",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Green",
|
||||
title: "Energie Rinnovabili",
|
||||
items: [
|
||||
"Pannelli fotovoltaici",
|
||||
"Sistemi di accumulo",
|
||||
"Efficienza energetica",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Tecnico",
|
||||
title: "Assistenza Tecnica",
|
||||
items: [
|
||||
"Interventi rapidi",
|
||||
"Diagnostica avanzata",
|
||||
"Supporto h24",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
label: "Consulenza",
|
||||
title: "Consulenza Energetica",
|
||||
items: [
|
||||
"Analisi consumi",
|
||||
"Progettazione su misura",
|
||||
"Ottimizzazione costi",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="I nostri servizi"
|
||||
description="Soluzioni energetiche all'avanguardia progettate su misura per te."
|
||||
/>
|
||||
</div>
|
||||
<div id="servizi" data-section="servizi">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Elettrico", title: "Impianti Elettrici", items: ["Installazione professionale", "Manutenzione ciclica", "Adeguamento normativo"] },
|
||||
{ id: "f2", label: "Green", title: "Energie Rinnovabili", items: ["Pannelli fotovoltaici", "Sistemi di accumulo", "Efficienza energetica"] },
|
||||
{ id: "f3", label: "Tecnico", title: "Assistenza Tecnica", items: ["Interventi rapidi", "Diagnostica avanzata", "Supporto h24"] },
|
||||
{ id: "f4", label: "Consulenza", title: "Consulenza Energetica", items: ["Analisi consumi", "Progettazione su misura", "Ottimizzazione costi"] }
|
||||
]}
|
||||
title="I nostri servizi"
|
||||
description="Soluzioni energetiche all'avanguardia progettate su misura per te."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Maria Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Luca Bianchi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-aged-female-photographer-with-short-gray-hair-holding-professional-dslr-camera-smiling-posing-stylish-office-interior_343059-2843.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sara Neri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marco Verdi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-car-dealer-giving-keys-young-couple_23-2148384953.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Giulia Esposito",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-aged-female-photographer-with-short-gray-hair-holding-professional-dslr-camera-smiling-posing-stylish-office-interior_343059-2843.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="Cosa dicono di noi"
|
||||
cardTag="Recensioni reali"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Maria Rossi", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg" },
|
||||
{ id: "t2", name: "Luca Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-aged-female-photographer-with-short-gray-hair-holding-professional-dslr-camera-smiling-posing-stylish-office-interior_343059-2843.jpg" },
|
||||
{ id: "t3", name: "Sara Neri", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg" },
|
||||
{ id: "t4", name: "Marco Verdi", imageSrc: "http://img.b2bpic.net/free-photo/female-car-dealer-giving-keys-young-couple_23-2148384953.jpg" },
|
||||
{ id: "t5", name: "Giulia Esposito", imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-aged-female-photographer-with-short-gray-hair-holding-professional-dslr-camera-smiling-posing-stylish-office-interior_343059-2843.jpg" }
|
||||
]}
|
||||
cardTitle="Cosa dicono di noi"
|
||||
cardTag="Recensioni reali"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Il nostro team esperto"
|
||||
tag="Professionisti"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alessandro Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Elena Bianchi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-aged-female-photographer-with-short-gray-hair-holding-professional-dslr-camera-smiling-posing-stylish-office-interior_343059-2843.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Il nostro team esperto"
|
||||
tag="Professionisti"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{ id: "m1", name: "Alessandro Rossi", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg" },
|
||||
{ id: "m2", name: "Elena Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-aged-female-photographer-with-short-gray-hair-holding-professional-dslr-camera-smiling-posing-stylish-office-interior_343059-2843.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contatti" data-section="contatti">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Contatti"
|
||||
title="Hai bisogno di un impianto?"
|
||||
description="Siamo pronti ad ascoltarti e trovare la soluzione ideale."
|
||||
/>
|
||||
</div>
|
||||
<div id="contatti" data-section="contatti">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Contatti"
|
||||
title="Hai bisogno di un impianto?"
|
||||
description="Siamo pronti ad ascoltarti e trovare la soluzione ideale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Chi siamo",
|
||||
href: "/chi-siamo",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servizi",
|
||||
href: "/servizi",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "/contatti",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Chi siamo", href: "/chi-siamo" }] },
|
||||
{ items: [{ label: "Servizi", href: "/servizi" }, { label: "Contatti", href: "/contatti" }] }
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -22,114 +22,59 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "/chi-siamo",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "/servizi",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "/contatti",
|
||||
},
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Chi siamo", id: "/chi-siamo" },
|
||||
{ name: "Servizi", id: "/servizi" },
|
||||
{ name: "Contatti", id: "/contatti" },
|
||||
]}
|
||||
brandName="ELCO Impianti"
|
||||
button={{ text: "Contattaci", href: "/contatti" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servizi-page" data-section="servizi-page">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
title="Dettaglio Servizi"
|
||||
description="Qualità tecnica e professionalità in ogni progetto."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Impianto Civile",
|
||||
price: "Su misura",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-collection_23-2149040437.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Impianto Fotovoltaico",
|
||||
price: "Su misura",
|
||||
variant: "Eco",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150045630.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="servizi-page" data-section="servizi-page">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
title="Dettaglio Servizi"
|
||||
description="Qualità tecnica e professionalità in ogni progetto."
|
||||
products={[
|
||||
{ id: "p1", name: "Impianto Civile", price: "Su misura", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-collection_23-2149040437.jpg" },
|
||||
{ id: "p2", name: "Impianto Fotovoltaico", price: "Su misura", variant: "Eco", imageSrc: "http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150045630.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Opzioni Tecniche"
|
||||
description="Le nostre specializzazioni tecnologiche"
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Domotica Home",
|
||||
price: "Contattaci",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-collection_23-2149040437.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Batterie Accumulo",
|
||||
price: "Contattaci",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150045630.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Opzioni Tecniche"
|
||||
description="Le nostre specializzazioni tecnologiche"
|
||||
products={[
|
||||
{ id: "s1", name: "Domotica Home", price: "Contattaci", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-collection_23-2149040437.jpg" },
|
||||
{ id: "s2", name: "Batterie Accumulo", price: "Contattaci", imageSrc: "http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150045630.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Chi siamo",
|
||||
href: "/chi-siamo",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servizi",
|
||||
href: "/servizi",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "/contatti",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Chi siamo", href: "/chi-siamo" }] },
|
||||
{ items: [{ label: "Servizi", href: "/servizi" }, { label: "Contatti", href: "/contatti" }] }
|
||||
]}
|
||||
logoText="ELCO Impianti"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user