bender/1029f710-915f-4ad5-b510-22f16e19d461
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 19:41:45 +00:00
parent bfb46abc87
commit f3b5d95a5b
1 changed files with 61 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Globe, MapPin, MessageCircle, Sparkles } from "lucide-react";
import { Award, Globe, Heart, MapPin, MessageCircle, Sparkles, Target, User } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Our Story",
id: "#about",
},
name: "Our Story", id: "#about"},
{
name: "Brands",
id: "#brands",
},
name: "Brands", id: "#brands"},
{
name: "Experience",
id: "#experience",
},
name: "Experience", id: "#experience"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Visit Us",
href: "#contact",
}}
text: "Visit Us", href: "#contact"}}
brandName="hbroma"
/>
</div>
@@ -72,69 +56,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Discover Rare Fragrances, Curated for You"
description="hbroma brings together 70 independent and luxury perfume houses in the heart of Rome. Explore, experience, and find your signature scent with expert guidance."
buttons={[
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
{
text: "Browse Brands",
href: "#brands",
},
text: "Browse Brands", href: "#brands"},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg"
imageAlt="Elegant display of luxury perfume bottles in a Roman boutique"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390884.jpg",
alt: "Customer portrait 1",
},
src: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390884.jpg", alt: "Customer portrait 1"},
{
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11096.jpg",
alt: "Customer portrait 2",
},
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11096.jpg", alt: "Customer portrait 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9545.jpg",
alt: "Customer portrait 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9545.jpg", alt: "Customer portrait 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9618.jpg",
alt: "Customer portrait 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9618.jpg", alt: "Customer portrait 4"},
{
src: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1777.jpg",
alt: "Customer portrait 5",
},
src: "http://img.b2bpic.net/free-photo/grooms-morning-preparation_1328-1777.jpg", alt: "Customer portrait 5"},
]}
avatarText="Join our community of scent lovers"
marqueeItems={[
{
type: "text",
text: "Artisanal Craftsmanship",
},
type: "text", text: "Artisanal Craftsmanship"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-men-perfume-dried-tree-branch-isolated-nude-background-with-free-space_140725-145485.jpg",
alt: "Perfume bottle on branch",
},
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-men-perfume-dried-tree-branch-isolated-nude-background-with-free-space_140725-145485.jpg", alt: "Perfume bottle on branch"},
{
type: "text",
text: "Exclusive Selections",
},
type: "text", text: "Exclusive Selections"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",
alt: "Perfume bottle on purple background",
},
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg", alt: "Perfume bottle on purple background"},
{
type: "text",
text: "Timeless Elegance",
},
type: "text", text: "Timeless Elegance"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -148,19 +105,13 @@ export default function LandingPage() {
metrics={[
{
icon: Sparkles,
label: "Years of Expertise",
value: "25+",
},
label: "Years of Expertise", value: "25+"},
{
icon: Award,
label: "Brands Curated",
value: "70+",
},
label: "Brands Curated", value: "70+"},
{
icon: Globe,
label: "Global Reach",
value: "15+ Countries",
},
label: "Global Reach", value: "15+ Countries"},
]}
metricsAnimation="slide-up"
/>
@@ -172,32 +123,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Artisanal Craftsmanship",
description: "Dive deep into the stories behind each bottle. We showcase brands celebrated for their unique heritage, meticulous ingredient sourcing, and exquisite blending techniques.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-pouring-kombucha-bottle_23-2149703998.jpg",
imageAlt: "Close-up of a perfumer's hands crafting a fragrance",
buttonIcon: "Heart",
title: "Artisanal Craftsmanship", description: "Dive deep into the stories behind each bottle. We showcase brands celebrated for their unique heritage, meticulous ingredient sourcing, and exquisite blending techniques.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-pouring-kombucha-bottle_23-2149703998.jpg", imageAlt: "Close-up of a perfumer's hands crafting a fragrance", buttonIcon: Heart,
},
{
title: "Personalized Scent Guidance",
description: "Our expert perfumers offer bespoke consultations, guiding you through our extensive collection to discover fragrances that truly resonate with your individual style and personality.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-reading-tarot_23-2150298315.jpg",
imageAlt: "Customer receiving personalized scent guidance from a perfumer",
buttonIcon: "User",
title: "Personalized Scent Guidance", description: "Our expert perfumers offer bespoke consultations, guiding you through our extensive collection to discover fragrances that truly resonate with your individual style and personality.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-reading-tarot_23-2150298315.jpg", imageAlt: "Customer receiving personalized scent guidance from a perfumer", buttonIcon: User,
},
{
title: "Immersive Discovery Journey",
description: "Engage your senses in an unparalleled olfactory adventure. Explore diverse scent families, rare ingredients, and innovative compositions in our elegant Roman boutique.",
imageSrc: "http://img.b2bpic.net/free-photo/spices-composition-with-five-small-bottles_23-2147684892.jpg",
imageAlt: "A hand holding a perfume blotter, sampling a scent",
buttonIcon: "Target",
title: "Immersive Discovery Journey", description: "Engage your senses in an unparalleled olfactory adventure. Explore diverse scent families, rare ingredients, and innovative compositions in our elegant Roman boutique.", imageSrc: "http://img.b2bpic.net/free-photo/spices-composition-with-five-small-bottles_23-2147684892.jpg", imageAlt: "A hand holding a perfume blotter, sampling a scent", buttonIcon: Target,
},
{
title: "The Essence of Rome",
description: "Nestled in the vibrant heart of Rome, our perfumery offers an experience as rich and captivating as the city itself. Visit us to embark on your fragrant journey.",
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-young-female-traveler_181624-39988.jpg",
imageAlt: "Street view of a luxury boutique in Rome",
buttonIcon: "MapPin",
title: "The Essence of Rome", description: "Nestled in the vibrant heart of Rome, our perfumery offers an experience as rich and captivating as the city itself. Visit us to embark on your fragrant journey.", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-young-female-traveler_181624-39988.jpg", imageAlt: "Street view of a luxury boutique in Rome", buttonIcon: MapPin,
},
]}
title="The hbroma Experience: A Symphony of Scent and Story"
@@ -213,47 +148,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Aurora Elixir",
price: "€240",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420631.jpg",
imageAlt: "Elegant perfume bottle with a golden cap",
},
id: "p1", name: "Aurora Elixir", price: "€240", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420631.jpg", imageAlt: "Elegant perfume bottle with a golden cap"},
{
id: "p2",
name: "Midnight Bloom",
price: "€180",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336393.jpg",
imageAlt: "Dark, mysterious perfume bottle",
},
id: "p2", name: "Midnight Bloom", price: "€180", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336393.jpg", imageAlt: "Dark, mysterious perfume bottle"},
{
id: "p3",
name: "Velvet Whisper",
price: "€210",
imageSrc: "http://img.b2bpic.net/free-photo/adorable-valentine-s-day-illustration_23-2151921665.jpg",
imageAlt: "Minimalist white and gold perfume bottle",
},
id: "p3", name: "Velvet Whisper", price: "€210", imageSrc: "http://img.b2bpic.net/free-photo/adorable-valentine-s-day-illustration_23-2151921665.jpg", imageAlt: "Minimalist white and gold perfume bottle"},
{
id: "p4",
name: "Timeless Grace",
price: "€195",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420624.jpg",
imageAlt: "Vintage-inspired clear glass perfume bottle",
},
id: "p4", name: "Timeless Grace", price: "€195", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420624.jpg", imageAlt: "Vintage-inspired clear glass perfume bottle"},
{
id: "p5",
name: "Tropical Serenade",
price: "€175",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cans-with-liquid-inside-grey-table_140725-133824.jpg",
imageAlt: "Vibrant blue perfume bottle with exotic design",
},
id: "p5", name: "Tropical Serenade", price: "€175", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-cans-with-liquid-inside-grey-table_140725-133824.jpg", imageAlt: "Vibrant blue perfume bottle with exotic design"},
{
id: "p6",
name: "Urban Legend",
price: "€225",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg",
imageAlt: "Sophisticated black rectangular perfume bottle",
},
id: "p6", name: "Urban Legend", price: "€225", imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg", imageAlt: "Sophisticated black rectangular perfume bottle"},
]}
title="Our Curated Selection of Niche Perfumes"
description="Explore a world of olfactive masterpieces from the most exclusive independent and luxury fragrance houses. Each bottle is a testament to artistry and passion."
@@ -265,35 +170,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sophia Moretti",
imageSrc: "http://img.b2bpic.net/free-photo/model-posing-with-fairy-wand_23-2148376685.jpg",
imageAlt: "Portrait of Sophia Moretti",
},
id: "t1", name: "Sophia Moretti", imageSrc: "http://img.b2bpic.net/free-photo/model-posing-with-fairy-wand_23-2148376685.jpg", imageAlt: "Portrait of Sophia Moretti"},
{
id: "t2",
name: "Marco Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11095.jpg",
imageAlt: "Portrait of Marco Rossi",
},
id: "t2", name: "Marco Rossi", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11095.jpg", imageAlt: "Portrait of Marco Rossi"},
{
id: "t3",
name: "Elena Bianchi",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-cosmetic-bottle_23-2148775837.jpg",
imageAlt: "Portrait of Elena Bianchi",
},
id: "t3", name: "Elena Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-cosmetic-bottle_23-2148775837.jpg", imageAlt: "Portrait of Elena Bianchi"},
{
id: "t4",
name: "Giovanni Ricci",
imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623375.jpg",
imageAlt: "Portrait of Giovanni Ricci",
},
id: "t4", name: "Giovanni Ricci", imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623375.jpg", imageAlt: "Portrait of Giovanni Ricci"},
{
id: "t5",
name: "Isabella Conti",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg",
imageAlt: "Portrait of Isabella Conti",
},
id: "t5", name: "Isabella Conti", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg", imageAlt: "Portrait of Isabella Conti"},
]}
cardTitle="What Our Clients Say About Their Scent Journey"
cardTag="Rave Reviews"
@@ -307,14 +192,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue Italia",
"Forbes",
"Luxury Magazine",
"Condé Nast Traveler",
"Architectural Digest",
"Art & Fragrance",
"Italian Excellence",
]}
"Vogue Italia", "Forbes", "Luxury Magazine", "Condé Nast Traveler", "Architectural Digest", "Art & Fragrance", "Italian Excellence"]}
title="Trusted and Featured by Leading Voices in Luxury"
description="Our dedication to curating the finest niche perfumery has earned us recognition among esteemed publications and luxury industry partners."
showCard={true}
@@ -326,25 +204,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What makes niche perfumes different?",
content: "Niche perfumes are crafted by specialized perfumeries, often using higher concentrations of rare and unique ingredients. They are typically produced in smaller batches and focus on artistic expression rather than mass market appeal.",
},
id: "q1", title: "What makes niche perfumes different?", content: "Niche perfumes are crafted by specialized perfumeries, often using higher concentrations of rare and unique ingredients. They are typically produced in smaller batches and focus on artistic expression rather than mass market appeal."},
{
id: "q2",
title: "Do you offer samples or discovery sets?",
content: "Yes, we encourage discovery! We offer a range of curated sample sets and individual samples for many of our brands, allowing you to experience different scents before committing to a full bottle.",
},
id: "q2", title: "Do you offer samples or discovery sets?", content: "Yes, we encourage discovery! We offer a range of curated sample sets and individual samples for many of our brands, allowing you to experience different scents before committing to a full bottle."},
{
id: "q3",
title: "Can I book a private consultation?",
content: "Absolutely. Our expert perfumers are available for personalized consultations by appointment. This ensures dedicated time to explore your preferences and find your perfect signature scent.",
},
id: "q3", title: "Can I book a private consultation?", content: "Absolutely. Our expert perfumers are available for personalized consultations by appointment. This ensures dedicated time to explore your preferences and find your perfect signature scent."},
{
id: "q4",
title: "What are your store hours and location?",
content: "Our store is located at Via dei Due Macelli 12, Rome. We are open Monday–Sunday, 10:30–19:30. We look forward to welcoming you!",
},
id: "q4", title: "What are your store hours and location?", content: "Our store is located at Via dei Due Macelli 12, Rome. We are open Monday–Sunday, 10:30–19:30. We look forward to welcoming you!"},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to common inquiries about niche perfumery, our services, and visiting our boutique in Rome."
@@ -356,8 +222,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Visit Us"
title="Experience the Art of Fragrance in Rome"
description="Find your way to hbroma and immerse yourself in a world of exclusive scents. Our team is ready to offer expert guidance and a memorable experience."
@@ -371,66 +236,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Brands",
href: "#brands",
},
label: "Brands", href: "#brands"},
{
label: "Experience",
href: "#experience",
},
label: "Experience", href: "#experience"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
title: "Visit Us",
items: [
title: "Visit Us", items: [
{
label: "Via dei Due Macelli 12, Rome",
href: "https://maps.app.goo.gl/ADDRESS",
},
label: "Via dei Due Macelli 12, Rome", href: "https://maps.app.goo.gl/ADDRESS"},
{
label: "Phone: +39 0632651547",
href: "tel:+390632651547",
},
label: "Phone: +39 0632651547", href: "tel:+390632651547"},
{
label: "Email: info@hbprofumerie.com",
href: "mailto:info@hbprofumerie.com",
},
label: "Email: info@hbprofumerie.com", href: "mailto:info@hbprofumerie.com"},
{
label: "Hours: Mon-Sun, 10:30–19:30",
href: "#",
},
label: "Hours: Mon-Sun, 10:30–19:30", href: "#"},
],
},
]}