Files
5abecbe3-865f-48b5-81f7-f41…/src/app/page.tsx
2026-06-10 10:02:09 +00:00

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>
);
}