Update src/app/page.tsx
This commit is contained in:
427
src/app/page.tsx
427
src/app/page.tsx
@@ -27,327 +27,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Prodotti",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hao Jia Hao Market"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Chi Siamo", id: "about" },
|
||||
{ name: "Prodotti", id: "products" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="Hao Jia Hao Market"
|
||||
button={{ text: "Contatti", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Hao Jia Hao Market"
|
||||
description="Trovi di tutto, vicino a te. Il tuo punto di riferimento per l'assortimento e la convenienza nel cuore di Bolzano."
|
||||
tag="Market Asiatico"
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i prodotti",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Come raggiungerci",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-thief-stealing-trendy-clothes-running-from-shopping-centre-asian-bodyguard-catches-robber-store-door-threatens-him-with-police-modern-boutique-burglary-concept_482257-65108.jpg?_wi=1",
|
||||
imageAlt: "Interno negozio Hao Jia Hao",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-thrift-shop-full-shot_23-2149726795.jpg",
|
||||
imageAlt: "Assortimento prodotti",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-gas-station_23-2150516383.jpg",
|
||||
imageAlt: "View of woman at the gas station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-customers-buying-formal-wear-modern-boutique-shopping-stylish-clothes-from-new-fashion-collection-diverse-people-looking-hangers-full-with-fashionable-merchandise-store_482257-67427.jpg",
|
||||
imageAlt: "Top view of customers buying for formal wear in modern boutique, shopping for stylish clothes from new fashion collection.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-shopping-market_23-2149148466.jpg",
|
||||
imageAlt: "Full shot woman shopping in market",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Valutato dai nostri clienti"
|
||||
tagIcon={ShoppingBag}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Hao Jia Hao Market"
|
||||
description="Trovi di tutto, vicino a te. Il tuo punto di riferimento per l'assortimento e la convenienza nel cuore di Bolzano."
|
||||
tag="Market Asiatico"
|
||||
buttons={[{ text: "Scopri i prodotti", href: "#products" }, { text: "Come raggiungerci", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-thief-stealing-trendy-clothes-running-from-shopping-centre-asian-bodyguard-catches-robber-store-door-threatens-him-with-police-modern-boutique-burglary-concept_482257-65108.jpg", imageAlt: "Interno negozio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-thrift-shop-full-shot_23-2149726795.jpg", imageAlt: "Assortimento" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Valutato dai nostri clienti"
|
||||
tagIcon={ShoppingBag}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Chi Siamo"
|
||||
title="Esperienza e Qualità a Bolzano"
|
||||
description="Hao Jia Hao Market è uno dei bazar asiatici più forniti di Bolzano. Da anni offriamo una vasta selezione di articoli per la casa, abbigliamento, elettronica e accessori stagionali."
|
||||
subdescription="La nostra missione è offrire convenienza quotidiana e un'esperienza di acquisto curata in due piani di esposizione nel cuore della città."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565281.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Users}
|
||||
imageAlt="asian market staff friendly service"
|
||||
icon={Building2}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Chi Siamo"
|
||||
title="Esperienza e Qualità a Bolzano"
|
||||
description="Hao Jia Hao Market è uno dei bazar asiatici più forniti di Bolzano. Da anni offriamo una vasta selezione di articoli per la casa, abbigliamento, elettronica e accessori stagionali."
|
||||
subdescription="La nostra missione è offrire convenienza quotidiana e un'esperienza di acquisto curata in due piani di esposizione nel cuore della città."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565281.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Users}
|
||||
icon={Building2}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Assortimento Completo",
|
||||
description: "Due piani dedicati a una varietà infinita di articoli per ogni necessità.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-little-girl-choosing-candy-supermarket_171337-2378.jpg",
|
||||
imageAlt: "large product assortment retail",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Casalinghi",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
text: "Elettronica",
|
||||
icon: Smartphone,
|
||||
},
|
||||
{
|
||||
text: "Articoli stagionali",
|
||||
icon: Gift,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-thief-stealing-trendy-clothes-running-from-shopping-centre-asian-bodyguard-catches-robber-store-door-threatens-him-with-police-modern-boutique-burglary-concept_482257-65108.jpg?_wi=2",
|
||||
imageAlt: "large product assortment retail",
|
||||
},
|
||||
{
|
||||
title: "Prezzi Convenienti",
|
||||
description: "Qualità e convenienza in ogni corsia, con offerte continue per i nostri clienti.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sale-light-box-with-shopping-cart_23-2148288250.jpg",
|
||||
imageAlt: "price tag retail convenience",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Offerte quotidiane",
|
||||
icon: Tag,
|
||||
},
|
||||
{
|
||||
text: "Rapporto qualità-prezzo",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
text: "Convenienza reale",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565281.jpg?_wi=2",
|
||||
imageAlt: "large product assortment retail",
|
||||
},
|
||||
]}
|
||||
title="Perché scegliere noi"
|
||||
description="Un assortimento unico che copre ogni esigenza della vita quotidiana."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Assortimento Completo", description: "Due piani dedicati a una varietà infinita di articoli per ogni necessità.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pretty-little-girl-choosing-candy-supermarket_171337-2378.jpg", imageAlt: "Assortimento" },
|
||||
items: [{ text: "Casalinghi", icon: Home }, { text: "Elettronica", icon: Smartphone }, { text: "Articoli stagionali", icon: Gift }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Prezzi Convenienti", description: "Qualità e convenienza in ogni corsia, con offerte continue per i nostri clienti.", media: { imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sale-light-box-with-shopping-cart_23-2148288250.jpg", imageAlt: "Offerte" },
|
||||
items: [{ text: "Offerte", icon: Tag }, { text: "Qualità", icon: TrendingUp }, { text: "Convenienza", icon: CheckCircle }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Perché scegliere noi"
|
||||
description="Un assortimento unico che copre ogni esigenza."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Abbigliamento",
|
||||
price: "Vasto assortimento",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-model-career-kit-still-life_23-2150229761.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Casalinghi",
|
||||
price: "Articoli per la casa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-biscuits-with-copy-space_23-2148494397.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elettronica",
|
||||
price: "Gadget e accessori",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-with-neon-light-arrangement_23-2149854270.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Articoli Stagionali",
|
||||
price: "Decorazioni e altro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-advent-calendar-wall-paper-style_23-2148335357.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Valigie e Borse",
|
||||
price: "Modelli vari",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suitcase-with-traveler-accessories_1150-17824.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Merceria e Decorazioni",
|
||||
price: "Accessori casa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-items-arrangement_23-2149552410.jpg",
|
||||
},
|
||||
]}
|
||||
title="Le nostre categorie"
|
||||
description="Naviga tra i nostri reparti per trovare tutto quello che cerchi."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Abbigliamento", price: "Vasto assortimento", imageSrc: "http://img.b2bpic.net/free-photo/view-model-career-kit-still-life_23-2150229761.jpg" },
|
||||
{ id: "2", name: "Casalinghi", price: "Articoli per la casa", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-biscuits-with-copy-space_23-2148494397.jpg" },
|
||||
{ id: "3", name: "Elettronica", price: "Gadget e accessori", imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-with-neon-light-arrangement_23-2149854270.jpg" }
|
||||
]}
|
||||
title="Le nostre categorie"
|
||||
description="Naviga tra i nostri reparti."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cliente Soddisfatto",
|
||||
role: "Bolzano",
|
||||
company: "Hao Jia Hao",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-delighted-africanamerican-girl-open-shopping-bad-smiling-pleased-thankin_1258-137646.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Recensione Positiva",
|
||||
role: "Cliente",
|
||||
company: "Hao Jia Hao",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-plastic-free-grocery-store_482257-81363.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ottimo Assortimento",
|
||||
role: "Cliente",
|
||||
company: "Hao Jia Hao",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-young-woman-holding-wooden-basket-pinecones_114579-80435.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grande Varietà",
|
||||
role: "Cliente",
|
||||
company: "Hao Jia Hao",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-women-happy-shopping-together_23-2148385626.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Prezzi Convenienti",
|
||||
role: "Cliente",
|
||||
company: "Hao Jia Hao",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "2",
|
||||
label: "Piani espositivi",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Articoli disponibili",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Cordialità",
|
||||
},
|
||||
]}
|
||||
title="Il nostro negozio"
|
||||
description="Scopri l'ordine e la varietà degli spazi espositivi di Hao Jia Hao Market."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Cliente", role: "Bolzano", company: "Hao Jia Hao", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-delighted-africanamerican-girl-open-shopping-bad-smiling-pleased-thankin_1258-137646.jpg" },
|
||||
{ id: "2", name: "Cliente", role: "Bolzano", company: "Hao Jia Hao", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-plastic-free-grocery-store_482257-81363.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "2", label: "Piani espositivi" },
|
||||
{ value: "1000+", label: "Articoli disponibili" },
|
||||
{ value: "100%", label: "Cordialità" }
|
||||
]}
|
||||
title="Il nostro negozio"
|
||||
description="Scopri l'ordine e la varietà degli spazi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Vieni a trovarci a Bolzano! Siamo aperti per offrirti la migliore esperienza di acquisto. Contattaci su WhatsApp per info sui prodotti."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/",
|
||||
},
|
||||
{
|
||||
text: "Indicazioni Stradali",
|
||||
href: "https://maps.app.goo.gl/xeMA8XDwcFBc9dUb8",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Vieni a trovarci a Bolzano! Siamo aperti per offrirti la migliore esperienza."
|
||||
buttons={[{ text: "WhatsApp", href: "https://wa.me/" }, { text: "Indicazioni", href: "https://maps.app.goo.gl/xeMA8XDwcFBc9dUb8" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hao Jia Hao Market"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Prodotti",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/",
|
||||
},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "https://maps.app.goo.gl/xeMA8XDwcFBc9dUb8",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hao Jia Hao Market - Bolzano"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hao Jia Hao Market"
|
||||
columns={[
|
||||
{ title: "Info", items: [{ label: "Chi Siamo", href: "#about" }, { label: "Prodotti", href: "#products" }, { label: "Contatti", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Hao Jia Hao Market - Bolzano"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user