Update src/app/page.tsx

This commit is contained in:
2026-05-11 08:18:27 +00:00
parent 07e6b53458
commit b0c3c99157

View File

@@ -29,370 +29,164 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="INESSA"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="INESSA"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Where Luxury Meets Beauty"
description="Experience Paris-level artistry in the heart of Chișinău. Timeless beauty, elite styling, and personalized transformations await you at INESSA."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81878.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-covering-face-with-feathers-black-mask_23-2148011354.jpg",
alt: "Client 5",
},
]}
buttons={[
{
text: "Book Appointment",
href: "#booking",
},
{
text: "Explore Services",
href: "#services",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Elite Styling",
},
{
type: "text",
text: "Parisian Technique",
},
{
type: "text",
text: "Custom Color",
},
{
type: "text",
text: "Luxury Experience",
},
{
type: "text",
text: "Transformative Beauty",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Where Luxury Meets Beauty"
description="Experience Paris-level artistry in the heart of Chișinău. Timeless beauty, elite styling, and personalized transformations await you at INESSA."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81878.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/woman-covering-face-with-feathers-black-mask_23-2148011354.jpg", alt: "Client 5" },
]}
buttons={[
{ text: "Book Appointment", href: "#booking" },
{ text: "Explore Services", href: "#services" },
]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "Elite Styling" },
{ type: "text", text: "Parisian Technique" },
{ type: "text", text: "Custom Color" },
{ type: "text", text: "Luxury Experience" },
{ type: "text", text: "Transformative Beauty" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Philosophy"
title="European Standards. Artistic Passion."
description="At INESSA, we believe beauty is an art form. Our salon brings world-class European techniques to Moldova, blending Parisian elegance with a personalized, elite experience."
subdescription="Every transformation is crafted by our fashion-inspired experts, ensuring your hair reflects the sophistication you deserve."
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg"
mediaAnimation="blur-reveal"
imageAlt="luxurious high-end salon interior design"
icon={Sparkles}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Philosophy"
title="European Standards. Artistic Passion."
description="At INESSA, we believe beauty is an art form. Our salon brings world-class European techniques to Moldova, blending Parisian elegance with a personalized, elite experience."
subdescription="Every transformation is crafted by our fashion-inspired experts, ensuring your hair reflects the sophistication you deserve."
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg"
mediaAnimation="blur-reveal"
imageAlt="luxurious high-end salon interior design"
icon={Sparkles}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Haircuts & Styling",
description: "Precision cuts and editorial styling.",
icon: Scissors,
},
{
title: "Hair Coloring",
description: "Custom color palettes for every client.",
icon: Palette,
},
{
title: "Balayage Artistry",
description: "Masterful hand-painted highlights.",
icon: Sparkles,
},
{
title: "Keratin Treatments",
description: "Silky, smooth, and manageable hair.",
icon: Wind,
},
{
title: "Bridal Hair",
description: "Perfect elegance for your special day.",
icon: Heart,
},
{
title: "Mens Grooming",
description: "Sharp, sophisticated, and modern.",
icon: User,
},
]}
title="Elite Hair Artistry"
description="Explore our curated range of professional beauty services, designed to elevate your personal style."
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Haircuts & Styling", description: "Precision cuts and editorial styling.", icon: Scissors },
{ title: "Hair Coloring", description: "Custom color palettes for every client.", icon: Palette },
{ title: "Balayage Artistry", description: "Masterful hand-painted highlights.", icon: Sparkles },
{ title: "Keratin Treatments", description: "Silky, smooth, and manageable hair.", icon: Wind },
{ title: "Bridal Hair", description: "Perfect elegance for your special day.", icon: Heart },
{ title: "Mens Grooming", description: "Sharp, sophisticated, and modern.", icon: User },
]}
title="Elite Hair Artistry"
description="Explore our curated range of professional beauty services, designed to elevate your personal style."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Glossy Finishes",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-posing_1122-488.jpg",
imageAlt: "high fashion beauty campaign hairstyle",
},
{
id: "g2",
name: "Precision Cuts",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5500.jpg",
imageAlt: "hair coloring artistic transformation shot",
},
{
id: "g3",
name: "Color Mastery",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-curlyhaired-girl-headshot-photo-high-quality-photo_114579-92023.jpg",
imageAlt: "editorial portrait female perfect hairstyle",
},
{
id: "g4",
name: "Bridal Elegance",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg",
imageAlt: "high end balayage styling editorial",
},
{
id: "g5",
name: "Modern Balayage",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg",
imageAlt: "artistic editorial hairstyle photoshoot",
},
{
id: "g6",
name: "Editorial Portraits",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-model-posing-studio-stylish-outfit-rock-leather-style-trend_285396-9687.jpg",
imageAlt: "premium hair styling editorial shot",
},
]}
title="Editorial Showcase"
description="See the INESSA touch through our latest transformations and cinematic hair portraits."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{ id: "g1", name: "Glossy Finishes", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-posing_1122-488.jpg", imageAlt: "high fashion beauty campaign hairstyle" },
{ id: "g2", name: "Precision Cuts", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5500.jpg", imageAlt: "hair coloring artistic transformation shot" },
{ id: "g3", name: "Color Mastery", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-curlyhaired-girl-headshot-photo-high-quality-photo_114579-92023.jpg", imageAlt: "editorial portrait female perfect hairstyle" },
{ id: "g4", name: "Bridal Elegance", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg", imageAlt: "high end balayage styling editorial" },
{ id: "g5", name: "Modern Balayage", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg", imageAlt: "artistic editorial hairstyle photoshoot" },
{ id: "g6", name: "Editorial Portraits", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-model-posing-studio-stylish-outfit-rock-leather-style-trend_285396-9687.jpg", imageAlt: "premium hair styling editorial shot" },
]}
title="Editorial Showcase"
description="See the INESSA touch through our latest transformations and cinematic hair portraits."
/>
</div>
<div id="features" data-section="features">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100%",
description: "European Certified Specialists",
},
{
id: "m2",
value: "5k+",
description: "Successful Transformations",
},
{
id: "m3",
value: "24/7",
description: "Digital Booking Availability",
},
]}
title="The INESSA Promise"
description="Why the elite trust INESSA with their beauty journeys."
/>
</div>
<div id="features" data-section="features">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "100%", description: "European Certified Specialists" },
{ id: "m2", value: "5k+", description: "Successful Transformations" },
{ id: "m3", value: "24/7", description: "Digital Booking Availability" },
]}
title="The INESSA Promise"
description="Why the elite trust INESSA with their beauty journeys."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Absolute Perfection",
quote: "The best experience I've had in Chișinău. My balayage is exactly what I wanted.",
name: "Sarah Miller",
role: "Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
},
{
id: "2",
title: "Truly Elite",
quote: "Every detail at INESSA screams sophistication and care.",
name: "Elena Popescu",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg",
},
{
id: "3",
title: "Modern & Chic",
quote: "Love the haircut! The atmosphere is so relaxing and professional.",
name: "Anna V.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
},
{
id: "4",
title: "Exceptional Service",
quote: "I am so happy with my transformation. Highly recommend the team!",
name: "Maria C.",
role: "Model",
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
},
{
id: "5",
title: "My Favorite Salon",
quote: "I've been a client for years. Always top-tier results.",
name: "Victoria M.",
role: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8705.jpg",
},
]}
title="Client Experiences"
description="Hear from our clients about their transformation experiences at INESSA."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Absolute Perfection", quote: "The best experience I've had in Chișinău. My balayage is exactly what I wanted.", name: "Sarah Miller", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg" },
{ id: "2", title: "Truly Elite", quote: "Every detail at INESSA screams sophistication and care.", name: "Elena Popescu", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg" },
{ id: "3", title: "Modern & Chic", quote: "Love the haircut! The atmosphere is so relaxing and professional.", name: "Anna V.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
{ id: "4", title: "Exceptional Service", quote: "I am so happy with my transformation. Highly recommend the team!", name: "Maria C.", role: "Model", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg" },
{ id: "5", title: "My Favorite Salon", quote: "I've been a client for years. Always top-tier results.", name: "Victoria M.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-business-woman-isolated-white-wall_231208-8705.jpg" },
]}
title="Client Experiences"
description="Hear from our clients about their transformation experiences at INESSA."
/>
</div>
<div id="booking" data-section="booking">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
tag="Booking"
title="Schedule Your Transformation"
description="Secure your appointment now and join our elite clientele. We recommend booking in advance to ensure your preferred time."
/>
</div>
<div id="booking" data-section="booking">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
tag="Booking"
title="Schedule Your Transformation"
description="Secure your appointment now and join our elite clientele. We recommend booking in advance to ensure your preferred time."
/>
</div>
<div id="contact" data-section="contact">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Where is the salon located?",
content: "11/4, Strada Mălina Mică, Chișinău, Moldova.",
},
{
id: "f2",
title: "How can I contact you?",
content: "Reach out via +37369113900 or through our WhatsApp button.",
},
{
id: "f3",
title: "Do you accept walk-ins?",
content: "We recommend booking ahead for all transformations and premium services.",
},
]}
sideTitle="Salon Info"
sideDescription="Everything you need to know about visiting INESSA."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Where is the salon located?", content: "11/4, Strada Mălina Mică, Chișinău, Moldova." },
{ id: "f2", title: "How can I contact you?", content: "Reach out via +37369113900 or through our WhatsApp button." },
{ id: "f3", title: "Do you accept walk-ins?", content: "We recommend booking ahead for all transformations and premium services." },
]}
sideTitle="Salon Info"
sideDescription="Everything you need to know about visiting INESSA."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="INESSA"
columns={[
{
title: "Salon",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Booking",
href: "#booking",
},
],
},
{
title: "Contact",
items: [
{
label: "+37369113900",
href: "tel:+37369113900",
},
{
label: "WhatsApp",
href: "https://wa.me/37369113900",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
copyrightText="© 2025 INESSA Chișinău."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="INESSA"
columns={[
{ title: "Salon", items: [{ label: "Services", href: "#services" }, { label: "Booking", href: "#booking" }] },
{ title: "Contact", items: [{ label: "+37369113900", href: "tel:+37369113900" }, { label: "WhatsApp", href: "https://wa.me/37369113900" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
]}
copyrightText="© 2025 INESSA Chișinău."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}