290 lines
17 KiB
TypeScript
290 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import {
|
|
Award,
|
|
Clock,
|
|
Gem,
|
|
Heart,
|
|
Phone,
|
|
Sparkles,
|
|
Users,
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Heritage", id: "about" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Gioielleria"
|
|
bottomLeftText="Giugliano in Campania, NA"
|
|
bottomRightText="Four Generations of Excellence"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Quattro Generazioni di Eccellenza nel Lusso"
|
|
description="Dalla passione di un orologiaio di Giugliano in Campania alla maestria di oggi. Creazioni esclusive in oro 18 kt, diamanti e orologi di prestigio, dove tradizione e eleganza si incontrano."
|
|
tag="Since 1950s"
|
|
tagIcon={Sparkles}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/charming-girl-stands-park_8353-5049.jpg"
|
|
imageAlt="luxury jewelry gold bracelet diamonds elegant accessories premium"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Scopri le Collezioni", href: "#collections" },
|
|
{ text: "Contattaci", href: "#contact" },
|
|
]}
|
|
testimonials={[
|
|
{
|
|
name: "Marco Rossi", handle: "Collezionista Privato", testimonial: "Qualità senza compromessi. Ogni pezzo è un'opera d'arte.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg", imageAlt:
|
|
"satisfied customer portrait professional headshot confident woman elegant portrait"},
|
|
{
|
|
name: "Giulia Bianchi", handle: "Esperta di Gioielli", testimonial:
|
|
"L'affidabilità e l'attenzione ai dettagli sono straordinarie.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "business professional portrait confident man headshot professional photo"},
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Una storia di artigianalità, affidabilità e tradizione che attraversa quattro generazioni."
|
|
useInvertedBackground={true}
|
|
metricsAnimation="slide-up"
|
|
metrics={[
|
|
{ icon: Clock, label: "Anni di Tradizione", value: "70+" },
|
|
{ icon: Users, label: "Generazioni di Maestria", value: "4" },
|
|
{ icon: Award, label: "Oro 18 kt e Diamanti", value: "Garantiti" },
|
|
{ icon: Heart, label: "Dedizione ai Dettagli", value: "100%" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<FeatureCardThree
|
|
features={[
|
|
{
|
|
id: "01", title: "Oro 18 kt", description:
|
|
"Gioielli in oro puro, lavorati manualmente con precisione artigianale per garantire qualità senza pari.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/closeup-shot-two-diamond-rings-golden-surface_181624-60699.jpg", imageAlt:
|
|
"gold ring diamond ring engagement ring 18kt gold luxury jewelry"},
|
|
{
|
|
id: "02", title: "Diamanti Certificati", description:
|
|
"Diamanti selezionati e certificati, simbolo di lusso eterno e bellezza inconfutabile.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-european-woman-wedding-dress-wearing-necklace-ring_343596-847.jpg", imageAlt:
|
|
"diamond necklace luxury necklace gold necklace premium jewelry elegant pendant"},
|
|
{
|
|
id: "03", title: "Orologi di Prestigio", description:
|
|
"Orologi raffinati che continuano l'eredità del nostro bisnonno, orologiaio di precisione.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", imageAlt:
|
|
"luxury watch prestige timepiece elegant watch gold watch premium horology"},
|
|
]}
|
|
title="Le Nostre Collezioni"
|
|
description="Scopri i nostri capolavori esclusivi, realizzati con maestria e dedizione."
|
|
tag="Esclusività"
|
|
tagIcon={Gem}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
/>
|
|
</div>
|
|
|
|
<div id="craftsmanship" data-section="craftsmanship">
|
|
<FeatureCardThree
|
|
features={[
|
|
{
|
|
id: "01", title: "Artigianalità Tradizionale", description:
|
|
"Tecniche antiche combinate con innovazione contemporanea per risultati straordinari.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931436.jpg", imageAlt:
|
|
"jewelry artisan craftsman working handmade jewelry goldsmith workshop fine craftsmanship"},
|
|
{
|
|
id: "02", title: "Qualità Garantita", description:
|
|
"Ogni gioiello è sottoposto a controlli rigorosi per assicurare eccellenza senza compromessi.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg", imageAlt:
|
|
"jewelry collection luxury accessories gold jewelry diamonds collection fine jewelry display"},
|
|
{
|
|
id: "03", title: "Esclusività Personale", description:
|
|
"Creazioni su misura pensate per chi ricerca unicità e distinzione nel lusso.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-hand-young-woman-street_1301-4773.jpg", imageAlt:
|
|
"gold bracelet luxury bracelet 18kt gold bracelet jewelry collection elegant bracelet"},
|
|
]}
|
|
title="La Maestria Artigianale"
|
|
description="Ogni pezzo è una testimonianza di dedizione, esperienza e passione tramandata di generazione in generazione."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
features={[
|
|
{
|
|
id: "01", title: "Creazioni Esclusive", description:
|
|
"Progetti personalizzati sviluppati in accordo con i tuoi gusti e le tue esigenze.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg", imageAlt:
|
|
"jewelry collection luxury accessories gold jewelry diamonds collection fine jewelry display"},
|
|
{
|
|
id: "02", title: "Compro Oro Professionale", description:
|
|
"Valutazioni trasparenti e professionali per i tuoi preziosi. Prezzi equi e consulenza esperta.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/jewelry-store-employee-holding-tablet-helps-customers-choose-rings-providing-information-price-manufacturer-jewelry-copy-space-about-holiday-gifts_166373-8867.jpg", imageAlt:
|
|
"gold buying service jewelry evaluation gold assessment professional appraisal luxury service"},
|
|
{
|
|
id: "03", title: "Manutenzione e Restauro", description:
|
|
"Servizi di restauro e manutenzione per preservare la bellezza dei tuoi gioielli nel tempo.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/antique-street-clock-bucharest_1268-14715.jpg", imageAlt:
|
|
"antique clock town square clock vintage timepiece horology mechanical clock"},
|
|
]}
|
|
title="I Nostri Servizi"
|
|
description="Offriamo un'esperienza completa nel mondo del lusso e della gioielleria esclusiva."
|
|
tag="Servizi Completi"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Antonio Ferrari", role: "Collezionista", company: "Milano", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg", imageAlt:
|
|
"satisfied customer portrait professional headshot confident woman elegant portrait"},
|
|
{
|
|
id: "2", name: "Claudia Mancini", role: "Consulente di Lusso", company: "Roma", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "business professional portrait confident man headshot professional photo"},
|
|
{
|
|
id: "3", name: "Paolo De Luca", role: "Imprenditore", company: "Napoli", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageAlt: "elegant woman portrait professional photo confident headshot"},
|
|
{
|
|
id: "4", name: "Serena Rossi", role: "Curatrice Museo", company: "Firenze", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "professional man portrait business headshot confident professional photo"},
|
|
{
|
|
id: "5", name: "Michele Grasso", role: "Orafo Internazionale", company: "Venezia", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg", imageAlt:
|
|
"satisfied customer portrait professional headshot confident woman elegant portrait"},
|
|
{
|
|
id: "6", name: "Isabella Conti", role: "Wedding Planner", company: "Bologna", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "business professional portrait confident man headshot professional photo"},
|
|
]}
|
|
title="Testimonianze di Fiducia"
|
|
description="Scopri cosa dicono i nostri clienti sulla qualità e l'eccellenza dei nostri servizi."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
gridVariant="uniform-all-items-equal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Come valutiamo i preziosi nel compro oro?", content:
|
|
"Utilizziamo metodi professionali certificati per valutare oro, argento e diamanti. Ogni valutazione è trasparente, accurata e basata sulle quotazioni di mercato attuali. Garantiamo la massima serietà e riservatezza in ogni transazione."},
|
|
{
|
|
id: "2", title: "Quali sono le garanzie sulla qualità dell'oro?", content:
|
|
"Tutto l'oro che vendiamo è certificato 18 kt o superiore. Ogni pezzo viene sottoposto a rigidi controlli di qualità e accompagnato da certificato di autenticità. Offriamo garanzie lifetime sulla maestria e durabilità dei nostri gioielli."},
|
|
{
|
|
id: "3", title: "Potete creare gioielli personalizzati?", content:
|
|
"Sì, realizziamo creazioni su misura basate sui tuoi desideri e specifiche. Il nostro team di artigiani lavora direttamente con te per portare in vita la tua visione, garantendo qualità e esclusività in ogni dettaglio."},
|
|
{
|
|
id: "4", title: "Offrite servizi di restauro?", content:
|
|
"Certamente. Restauriamo e manteniamo gioielli di qualsiasi provenienza. Che si tratti di manutenzione ordinaria, ridimensionamento o restauro completo, il nostro team specializzato si prende cura dei tuoi preziosi con dedizione."},
|
|
{
|
|
id: "5", title: "Come posso contattarvi?", content:
|
|
"Puoi visitarci in sede a Giugliano in Campania, oppure contattarci telefonicamente o via email. Offriamo anche consulenze preliminari senza impegno per discutere le tue esigenze e trovare la soluzione migliore."},
|
|
{
|
|
id: "6", title: "Quali sono i vostri orari di apertura?", content:
|
|
"Siamo aperti dal lunedì al venerdì dalle 09:00 alle 19:00, sabato dalle 10:00 alle 18:00. Per questioni urgenti o appuntamenti speciali, contattaci direttamente. Saremo felici di accoglierti nel nostro atelier di lusso."},
|
|
]}
|
|
ctaTitle="Contattaci per Consulenza"
|
|
ctaDescription="Scopri come possiamo aiutarti a trovare il gioiello perfetto o valutare i tuoi preziosi."
|
|
ctaIcon={Phone}
|
|
ctaButton={{ text: "Richiedi Consulenza", href: "mailto:info@gioielleria.it" }}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/gold-background-texture-gradients-shadow_1258-130420.jpg"
|
|
imageAlt="Luxury Background"
|
|
logoText="Gioielleria"
|
|
copyrightText="© 2025 Gioielleria. Quattro Generazioni di Eccellenza."
|
|
columns={[
|
|
{
|
|
title: "Navigazione", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Heritage", href: "#about" },
|
|
{ label: "Collezioni", href: "#collections" },
|
|
{ label: "Servizi", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Compagnia", items: [
|
|
{ label: "Chi Siamo", href: "#about" },
|
|
{ label: "Artigianalità", href: "#craftsmanship" },
|
|
{ label: "Testimonianze", href: "#testimonials" },
|
|
{ label: "Contatti", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contatti", items: [
|
|
{ label: "Giugliano in Campania, NA", href: "#" },
|
|
{ label: "info@gioielleria.it", href: "mailto:info@gioielleria.it" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Termini e Condizioni", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|