199 lines
11 KiB
TypeScript
199 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Heart, Palette, Scissors, Sparkles, User, Wind } from "lucide-react";
|
|
import { useState } from "react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Acasă", id: "hero" },
|
|
{ name: "Servicii", id: "services" },
|
|
{ name: "Galerie", id: "gallery" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="INESSA"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Unde luxul întâlnește frumusețea"
|
|
description="Experimentează măiestria la nivel parizian în inima Chișinăului. La INESSA, te așteaptă frumusețea atemporală, stilul de elită și transformări personalizate."
|
|
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: "Rezervă", href: "#booking" },
|
|
{ text: "Serviciile noastre", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Stil de elită" },
|
|
{ type: "text", text: "Tehnică pariziană" },
|
|
{ type: "text", text: "Colorare de autor" },
|
|
{ type: "text", text: "Servicii premium" },
|
|
{ type: "text", text: "Transformarea frumuseții" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Filozofia noastră"
|
|
title="Standarde europene. Pasiune creativă."
|
|
description="La INESSA, credem că frumusețea este artă. Salonul nostru aduce tehnici europene de clasă mondială în Moldova, combinând eleganța pariziană cu un serviciu de elită personalizat."
|
|
subdescription="Fiecare transformare este creată de experții noștri, inspirați de modă, pentru ca părul tău să reflecte rafinamentul pe care îl meriți."
|
|
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
|
mediaAnimation="blur-reveal"
|
|
icon={Sparkles}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Tunsori și coafuri", description: "Tunsori de precizie și stil editorial.", icon: Scissors },
|
|
{ title: "Colorarea părului", description: "Palete de culori personalizate.", icon: Palette },
|
|
{ title: "Tehnica Balayage", description: "Colorarea artistică a șuvițelor.", icon: Sparkles },
|
|
{ title: "Îndreptarea cu keratină", description: "Păr mătăsos și disciplinat.", icon: Wind },
|
|
{ title: "Coafuri de nuntă", description: "Eleganță perfectă pentru ziua ta.", icon: Heart },
|
|
{ title: "Grooming masculin", description: "Un look sofisticat și modern.", icon: User },
|
|
]}
|
|
title="Artă de coafură de elită"
|
|
description="Descoperă gama noastră de servicii profesionale, menite să evidențieze stilul tău."
|
|
/>
|
|
</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: "Finisaj lucios", price: "Vezi", imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-posing_1122-488.jpg", imageAlt: "high fashion beauty campaign hairstyle" },
|
|
{ id: "g2", name: "Tunsori de precizie", price: "Vezi", 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: "Măiestria culorii", price: "Vezi", 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: "Eleganță nupțială", price: "Vezi", imageSrc: "http://img.b2bpic.net/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg", imageAlt: "high end balayage styling editorial" },
|
|
{ id: "g5", name: "Balayage modern", price: "Vezi", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg", imageAlt: "artistic editorial hairstyle photoshoot" },
|
|
{ id: "g6", name: "Portrete editoriale", price: "Vezi", 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="Portofoliu"
|
|
description="Descoperă rezultatele INESSA prin ultimele noastre transformări."
|
|
/>
|
|
</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: "Specialiști europeni" },
|
|
{ id: "m2", value: "5k+", description: "Transformări de succes" },
|
|
{ id: "m3", value: "24/7", description: "Programare online" },
|
|
]}
|
|
title="Promisiunea INESSA"
|
|
description="De ce elita își încredințează frumusețea nouă."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Recenziile clienților"
|
|
description="Opinii internaționale despre măiestria noastră."
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sophie L.", handle: "Paris, Franța", testimonial: "Măiestrie excepțională. O experiență cu adevărat luxoasă în centrul Chișinăului.", rating: 5 },
|
|
{ id: "2", name: "Elena P.", handle: "Chișinău, Moldova", testimonial: "Cea mai bună experiență. Balayage-ul este impecabil, exact ce mi-am dorit.", rating: 5 },
|
|
{ id: "3", name: "Anna V.", handle: "Londra, Marea Britanie", testimonial: "Serviciu de clasă mondială. Profesionalism și atenție la detalii.", rating: 5 },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking" data-section="booking">
|
|
<ContactSplitForm
|
|
title="Rezervare Premium"
|
|
description="Alege serviciul și ora pentru o vizită individuală."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Numele tău", required: true },
|
|
{ name: "email", type: "email", placeholder: "Adresa de e-mail", required: true },
|
|
]}
|
|
multiSelect={{ name: "service", label: "Selectează serviciul", options: ["Tunsoare", "Balayage", "Colorare", "Coafură de nuntă"] }}
|
|
textarea={{ name: "notes", placeholder: "Cerințe speciale?" }}
|
|
buttonText="Rezervă"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<FaqSplitMedia
|
|
title="Vizitează salonul nostru"
|
|
description="Locație accesibilă și asistență multilingvă."
|
|
faqs={[
|
|
{ id: "1", title: "Adresă", content: "str. Mălina Mică 11/4, Chișinău, MD-2021" },
|
|
{ id: "2", title: "Telefon", content: "+373 69 113 900" },
|
|
{ id: "3", title: "Limbi", content: "Deservim în română, rusă, franceză și engleză." },
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="INESSA"
|
|
columns={[
|
|
{ title: "Navigare", items: [{ label: "Acasă", href: "#hero" }, { label: "Servicii", href: "#services" }] },
|
|
{ title: "Limbi", items: [{ label: "Selectează limba", href: "#" }] },
|
|
{ title: "Informații legale", items: [{ label: "Politica de confidențialitate", href: "#" }] },
|
|
]}
|
|
copyrightText="© 2025 | INESSA"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |