6 Commits

Author SHA1 Message Date
49fca951cd Merge version_3 into main
Merge version_3 into main
2026-03-03 18:46:07 +00:00
88c639d6cb Update src/app/styles/variables.css 2026-03-03 18:46:00 +00:00
8524cbc1b8 Update src/app/styles/base.css 2026-03-03 18:45:58 +00:00
6a6521715c Update src/app/page.tsx 2026-03-03 18:45:56 +00:00
9a48d16d90 Update src/app/layout.tsx 2026-03-03 18:45:54 +00:00
faebd80dea Merge version_1 into main
Merge version_1 into main
2026-03-03 17:49:08 +00:00
4 changed files with 90 additions and 88 deletions

View File

@@ -1,29 +1,19 @@
import type { Metadata } from "next";
import { Manrope } from "next/font/google";
import { Poppins } from "next/font/google";
import { DM_Sans } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "K.O. All About Nails - Luxury Nail Studio Chișinău", description: "Studio premium de nail artistry în Chișinău. Servicii de lux, standarde medicale, designuri exclusive. Manichiură Gel, Pedichiură, Nail Art personalizat. Rezervă acum.", keywords: "manichiură premium Chișinău, nail studio luxury Moldova, nail art, extensii unghii, pedichiură Chișinău", openGraph: {
title: "K.O. All About Nails - Luxury Nail Studio", description: "Discover luxury nail artistry at K.O. ALL ABOUT NAILS in Chișinău. Premium services, professional standards, exclusive designs.", siteName: "K.O. All About Nails", type: "website", images: [
@@ -46,7 +36,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${manrope.variable} ${dmSans.variable} ${halant.variable} ${inter.variable} antialiased`}
className={`${poppins.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -9,7 +9,7 @@ import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Shield, Zap, Heart, CheckCircle, Award } from "lucide-react";
import { Sparkles, Shield, Zap, Heart, CheckCircle, Award, Palette, Brush } from "lucide-react";
export default function LandingPage() {
return (
@@ -19,11 +19,11 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
@@ -32,6 +32,7 @@ export default function LandingPage() {
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Quality", id: "quality" },
{ name: "Contact", id: "contact" },
]}
button={{
@@ -43,15 +44,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
title="K.O. ALL ABOUT NAILS"
description="Luxury Nail Studio in Chișinău. Where precision, artistry and elegance become one."
description="Luxury nail artistry studio in Chișinău. Where precision, artistry and timeless elegance become one. European minimalist editorial design meets bespoke luxury service."
background={{ variant: "plain" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARVdV4H2fBUzgdl2ycDAVrAvwM/uploaded-1772560010717-sgtq0ziw.jpg", alt: "K.O. All About Nails Studio"},
]}
buttons={[
{ text: "Rezervă experiența", href: "#contact" },
{ text: "Descoperă serviciile", href: "#services" },
{ text: "Reserve Your Experience", href: "#contact" },
{ text: "Explore Services", href: "#services" },
]}
buttonAnimation="slide-up"
/>
@@ -59,11 +60,11 @@ export default function LandingPage() {
<div id="about" data-section="about">
<AboutMetric
title="K.O. ALL ABOUT NAILS este un studio boutique dedicat perfecțiunii în nail artistry. Fiecare detaliu este realizat cu precizie, tehnică modernă și standarde înalte de igienă. Experiență personalizată, atenție obsesivă la detalii, tehnici internaționale și confort exclusivist."
title="The K.O. Difference"
metrics={[
{ icon: Sparkles, label: "Experiență Personalizată", value: "Premium" },
{ icon: Shield, label: "Standarde Igienă", value: "Premium" },
{ icon: Zap, label: "Tehnici Moderne", value: "Internaționale" },
{ icon: Sparkles, label: "Personalized Experience", value: "Premium" },
{ icon: Shield, label: "Hygiene Standards", value: "Medical" },
{ icon: Palette, label: "Design Excellence", value: "Bespoke" },
{ icon: Heart, label: "Clientele", value: "Exclusive" },
]}
metricsAnimation="slide-up"
@@ -73,48 +74,57 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardSixteen
title="Serviciile Premium K.O."
description="Colecția completă de servicii de lux pentru unghii și frumusețe"
title="Seven Premium Services"
description="Our complete collection of luxury nail and beauty services crafted with European precision and editorial minimalism"
tag="Luxury Services"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
negativeCard={{
items: [
"Proceduri standard", "Materiale obișnuite", "Atenție generică", "Igienă de bază"],
"Standard procedures", "Generic materials", "One-size-fits-all design", "Basic hygiene standards"],
}}
positiveCard={{
items: [
"Manichiură & Pedichiură Luxury", "Ojă Gel & Semipermanentă Premium", "Nail Art Personalizat - Design Exclusiv", "Extensii Gel & Acril Sculptate", "Reparație & Întărire Profesională", "Laminare Sprâncene", "Extensii Gene Premium"],
"Luxury Manicure & Pedicure - Bespoke", "Premium Gel & Semi-Permanent Polish", "Personalized Nail Art - Exclusive Design", "Gel & Acrylic Extensions - Sculptured", "Professional Repair & Strengthening", "Premium Eyebrow Lamination", "Premium Eyelash Extensions"],
}}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Pachete Pricing Premium"
description="Servicii de lux cu prețuri competitive și calitate garantată"
title="Premium Packages"
description="Luxury services with transparent pricing and guaranteed quality. Each package includes professional consultation and bespoke finishing."
tag="Exclusive Pricing"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "1", badge: "Essential", price: "250-350 MDL", subtitle: "Manichiură Basic", features: [
"Unghii naturale îngrijite", "Polisaj premium", "Finisaj perfect", "Rezistență garantată 2-3 săptămâni"],
id: "1", badge: "Essential", price: "250-350 MDL", subtitle: "Classic Manicure", features: [
"Natural nail care & shaping", "Premium polish application", "Perfect finish", "2-3 weeks durability guarantee"],
},
{
id: "2", badge: "Popular", badgeIcon: Sparkles,
price: "400-600 MDL", subtitle: "Manichiură Gel Premium", features: [
"Ojă Gel premium durabilă", "Culori exclusive", "Finisaj high-gloss", "Rezistență garantată 3-4 săptămâni", "Ștergere profesională inclu"],
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "400-600 MDL", subtitle: "Premium Gel Manicure", features: [
"Durable premium gel polish", "Exclusive color selection", "High-gloss professional finish", "3-4 weeks durability guarantee", "Professional removal included"],
},
{
id: "3", badge: "Luxury", price: "500-750 MDL", subtitle: "Pedichiură Luxury", features: [
"Tratament complet de pedichiură", "Exfoliere și masaj reflexogen", "Ojă Gel premium", "Design personalizat", "Garanție 4-5 săptămâni"],
id: "3", badge: "Luxury", price: "500-750 MDL", subtitle: "Luxury Pedicure", features: [
"Complete pedicure treatment", "Exfoliation & reflexology massage", "Premium gel polish", "Personalized design", "4-5 weeks durability guarantee"],
},
{
id: "4", badge: "Elite", price: "700-1200 MDL", subtitle: "Extensii Unghii Sculptate", features: [
"Extensii Gel sau Acril", "Design personalizat complet", "Forme și lungimi custom", "Garanție 5 săptămâni", "Întreținere inclusă"],
id: "4", badge: "Elite", badgeIcon: Brush,
price: "700-1200 MDL", subtitle: "Sculptured Extensions", features: [
"Gel or acrylic extensions", "Complete custom design", "Bespoke shapes & lengths", "5+ weeks durability guarantee", "Maintenance included"],
},
{
id: "5", badge: "Premium", price: "180-250 MDL", subtitle: "Eyebrow Lamination", features: [
"Professional lamination treatment", "Lifted & defined brows", "6-8 weeks durability", "Personalized shaping"],
},
{
id: "6", badge: "Premium Plus", price: "350-550 MDL", subtitle: "Premium Eyelash Extensions", features: [
"Individual lash extensions", "Volume or classic application", "Premium materials", "4-6 weeks durability", "Expert aftercare guidance"],
},
]}
/>
@@ -122,12 +132,12 @@ export default function LandingPage() {
<div id="quality" data-section="quality">
<AboutMetric
title="Standarde Premium & Igienă - Prioritatea Noastră"
title="Medical-Grade Quality Standards"
metrics={[
{ icon: CheckCircle, label: "Sterilizare Completă", value: "100%" },
{ icon: Shield, label: "Echipamente Medicale", value: "Profesionale" },
{ icon: Zap, label: "Lămpi LED/UV", value: "Premium" },
{ icon: Award, label: "Garanție", value: "5 Zile" },
{ icon: CheckCircle, label: "Complete Sterilization", value: "100%" },
{ icon: Shield, label: "Medical Equipment", value: "Professional" },
{ icon: Zap, label: "LED/UV Lamps", value: "Premium" },
{ icon: Award, label: "Guarantee", value: "5 Days" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -136,8 +146,8 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Ceea ce spun clienții noștri"
description="Feedback autentic de la clientele noastre satisfăcute care au încredere în K.O. ALL ABOUT NAILS"
title="What Our Clients Say"
description="Authentic feedback from our satisfied clientele who trust K.O. ALL ABOUT NAILS for their beauty and wellness needs"
tag="Testimonials"
textboxLayout="default"
useInvertedBackground={false}
@@ -145,16 +155,16 @@ export default function LandingPage() {
animationType="slide-up"
testimonials={[
{
id: "1", name: "Alexandra M.", role: "Avocat", company: "Chișinău", rating: 5,
id: "1", name: "Alexandra M.", role: "Attorney", company: "Chișinău", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-serious-woman-leaning-wall_1262-1750.jpg", imageAlt: "woman portrait professional headshot beauty"},
{
id: "2", name: "Cristina B.", role: "Antreprenor", company: "Beauty Industry", rating: 5,
id: "2", name: "Cristina B.", role: "Entrepreneur", company: "Beauty Industry", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-female-face_93675-132046.jpg", imageAlt: "woman portrait studio headshot beauty"},
{
id: "3", name: "Elena L.", role: "Influencer", company: "Fashion & Beauty", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-brunette-laced-dress-with-make-up_132075-12537.jpg?_wi=1", imageAlt: "woman portrait elegant headshot luxury"},
{
id: "4", name: "Miruna T.", role: "Directoare Marketing", company: "Tech Company", rating: 5,
id: "4", name: "Miruna T.", role: "Marketing Director", company: "Tech Company", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", imageAlt: "woman portrait professional headshot style"},
{
id: "5", name: "Ioana S.", role: "Designer", company: "Chișinău", rating: 5,
@@ -168,21 +178,21 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Programare Premium"
description="Rezervă-ți locul la K.O. ALL ABOUT NAILS și bucură-te de experiența luxury de nail artistry. Răspunsul în maxim 2 ore."
title="Reserve Your Appointment"
description="Book your luxury nail experience at K.O. ALL ABOUT NAILS. We'll confirm your reservation within 2 hours. Each session is personalized to your preferences and beauty goals."
inputs={[
{ name: "name", type: "text", placeholder: "Numele tău", required: true },
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "+373 6 XX XXX XXX", required: true },
]}
textarea={{
name: "message", placeholder: "Serviciul dorit, preferințe speciale...", rows: 4,
name: "message", placeholder: "Preferred service, special requests, design inspiration...", rows: 4,
required: false,
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARVdV4H2fBUzgdl2ycDAVrAvwM/uploaded-1772560010717-x6fcjf6q.jpg"
mediaAnimation="blur-reveal"
mediaPosition="right"
buttonText="Rezervă Acum"
buttonText="Reserve Now"
/>
</div>
@@ -191,18 +201,20 @@ export default function LandingPage() {
logoText="K.O."
columns={[
{
title: "Servicii", items: [
{ label: "Manichiură", href: "#services" },
{ label: "Pedichiură", href: "#services" },
title: "Services", items: [
{ label: "Manicure", href: "#services" },
{ label: "Pedicure", href: "#services" },
{ label: "Nail Art", href: "#services" },
{ label: "Extensii", href: "#services" },
{ label: "Extensions", href: "#services" },
{ label: "Eyebrow Lamination", href: "#services" },
{ label: "Eyelash Extensions", href: "#services" },
],
},
{
title: "Companie", items: [
{ label: "Despre Noi", href: "#about" },
{ label: "Standarde Premium", href: "#quality" },
{ label: "Testimoniale", href: "#testimonials" },
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Quality Standards", href: "#quality" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "Contact", href: "#contact" },
],
},
@@ -215,15 +227,15 @@ export default function LandingPage() {
],
},
{
title: "Program", items: [
{ label: "Luni - Vineri: 09:00 - 20:00", href: "#" },
{ label: "Sâmbătă: 09:00 - 18:00", href: "#" },
{ label: "Duminică: Închis", href: "#" },
{ label: "Urgente: La cerere", href: "#contact" },
title: "Hours", items: [
{ label: "Monday - Friday: 09:00 - 20:00", href: "#" },
{ label: "Saturday: 09:00 - 18:00", href: "#" },
{ label: "Sunday: Closed", href: "#" },
{ label: "Emergencies: By Request", href: "#contact" },
],
},
]}
copyrightText="© 2025 K.O. ALL ABOUT NAILS SRL. Toate drepturile rezervate."
copyrightText="© 2025 K.O. ALL ABOUT NAILS SRL. All rights reserved."
/>
</div>
</ThemeProvider>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-poppins), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-manrope), sans-serif;
font-family: var(--font-poppins), sans-serif;
}

View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #faf8f5;;
--card: #fff9f7;;
--foreground: #1a1410;;
--primary-cta: #d4949b;;
--secondary-cta: #fff9f7;;
--accent: #c9b5a8;;
--background-accent: #d4949b;; */
/* --background: #f5f1ec;;
--card: #faf7f3;;
--foreground: #3d3530;;
--primary-cta: #b89968;;
--secondary-cta: #faf7f3;;
--accent: #c9a781;;
--background-accent: #e8d4be;; */
--background: #faf8f5;;
--card: #fff9f7;;
--foreground: #1a1410;;
--primary-cta: #d4949b;;
--background: #f5f1ec;;
--card: #faf7f3;;
--foreground: #3d3530;;
--primary-cta: #b89968;;
--primary-cta-text: #1a1410;;
--secondary-cta: #fff9f7;;
--secondary-cta: #faf7f3;;
--secondary-cta-text: #1a1410;;
--accent: #c9b5a8;;
--background-accent: #d4949b;;
--accent: #c9a781;;
--background-accent: #e8d4be;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);