212 lines
9.3 KiB
TypeScript
212 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Heart, ShieldCheck, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Chi Siamo", id: "#about"},
|
|
{
|
|
name: "Testimonianze", id: "#testimonials"},
|
|
{
|
|
name: "Contatti", id: "#contact"},
|
|
]}
|
|
brandName="Être Concept Store"
|
|
button={{
|
|
text: "Acquista Ora", href: "#collection"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Scopri il Tuo Stile Unico"
|
|
description="Être Concept Store offre una collezione meticolosamente curata di abbigliamento e accessori di alta qualità, scelti con cura per l'individuo esigente. Vivi un servizio personalizzato e trova capi che risuonano veramente con la tua essenza."
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Esplora la Collezione", href: "#collection"},
|
|
{
|
|
text: "Vieni a Trovarci", href: "#contact"},
|
|
]}
|
|
buttonAnimation="none"
|
|
imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-customer-explores-latest-fashion-collection-mall-store_482257-118183.jpg"
|
|
imageAlt="Interno elegante di boutique con moda curata"
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg", alt: "Persone che amano fare shopping"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg", alt: "Donne sorridenti che fanno shopping (piano medio)"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg", alt: "Donna con un grande sorriso dopo aver fatto grandi acquisti"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623394.jpg", alt: "Donne che fanno shopping e acquistano prodotti per la celebrazione della giornata del cliente"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-with-copy-space_23-2148647647.jpg", alt: "Donna sorridente che tiene borse della spesa con spazio per il testo"},
|
|
]}
|
|
avatarText="Unisciti alla nostra community di appassionati di stile"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Informazioni su Être Concept Store"
|
|
metrics={[
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "Anni di Curatela", value: "7+"},
|
|
{
|
|
icon: Users,
|
|
label: "Clienti Soddisfatti", value: "1000+"},
|
|
{
|
|
icon: Heart,
|
|
label: "Marchi Selezionati a Mano", value: "50+"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Consulenze di Stile Esperte", description: "Il nostro team altamente qualificato offre consigli personalizzati per aiutarti a scoprire stili che valorizzano la tua personalità unica.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg", imageAlt: "Donna che prova un vestito in una boutique con una stilista"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-second-hand-market_23-2149353671.jpg", imageAlt: "Esposizione di accessori di moda curati"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-thread-face-mask_23-2148614631.jpg", imageAlt: "Dettaglio della texture di un tessuto di qualità"},
|
|
]
|
|
},
|
|
]}
|
|
title="Il Nostro Approccio alla Moda e al Servizio"
|
|
description="In Être, crediamo in un'esperienza di shopping olistica. Dalla consulenza di stile esperta alle collezioni esclusive, garantiamo che ogni visita sia ispirante e gratificante."
|
|
/>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="L'esperienza di shopping da Être Concept Store è stata eccezionale! Ho trovato capi unici e il servizio personalizzato ha superato ogni aspettativa. Ogni acquisto è un piacere!"
|
|
rating={5}
|
|
author="Sofia Ricci"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg", alt: "Maria Volante"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-young-business-girl-with-makeup-brushes-posing-plain-background-concept-makeup-cosmetics_78826-3391.jpg", alt: "Giulia Rosin"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg", alt: "Tiziana Santin"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg", alt: "Cliente Soddisfatto"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", alt: "Un Altro Cliente Felice"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Alta Moda di Lusso", "Abbigliamento Artigianale", "Eleganza Urbana", "Design Senza Tempo", "Moda Sostenibile", "Classici Moderni", "Innovatori Globali" ]}
|
|
title="Marchi Curati e Partnership"
|
|
description="Siamo orgogliosi di collaborare con stimati marchi e designer di moda, offrendoti una selezione esclusiva di qualità e stile."
|
|
tagAnimation="none"
|
|
buttonAnimation="none"
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Vieni a Trovarci in Negozio o Contattaci\n\nCorso Garibaldi, 40, 33170 Pordenone PN\nTelefono: 0434 522793\n\nAperto · Chiude alle 13:00 · Riapre alle 15:30"
|
|
buttons={[
|
|
{
|
|
text: "Ottieni Indicazioni", href: "https://www.google.com/maps/search/Être+Concept+Store+Corso+Garibaldi,+40,+33170+Pordenone+PN"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
|
|
imageAlt="Esterno della boutique Être Concept Store"
|
|
logoText="Être Concept Store"
|
|
columns={[
|
|
{
|
|
title: "Acquista", items: [
|
|
{
|
|
label: "Saldi", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Chi Siamo", items: [
|
|
{
|
|
label: "La Nostra Storia", href: "#about"},
|
|
{
|
|
label: "Testimonianze", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Supporto", items: [
|
|
{
|
|
label: "Contattaci", href: "#contact"},
|
|
{
|
|
label: "Domande Frequenti", href: "#"},
|
|
{
|
|
label: "Informativa sulla Privacy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Être Concept Store. Tutti i diritti riservati."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |