Merge version_2 into main #2
143
src/app/page.tsx
143
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -19,31 +19,23 @@ export default function LandingPage() {
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Acasa",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Acasa", id: "hero"},
|
||||
{
|
||||
name: "Despre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Despre", id: "about"},
|
||||
{
|
||||
name: "Preturi",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preturi", id: "pricing"},
|
||||
{
|
||||
name: "Echipa",
|
||||
id: "team",
|
||||
},
|
||||
name: "Echipa", id: "team"},
|
||||
]}
|
||||
brandName="Lisnic Barbershop"
|
||||
/>
|
||||
@@ -55,9 +47,7 @@ export default function LandingPage() {
|
||||
description="Artizanat și stil într-o atmosferă masculină autentică. Rezervă acum o experiență premium."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezervă Acum",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Rezervă Acum", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
|
||||
/>
|
||||
@@ -70,13 +60,9 @@ export default function LandingPage() {
|
||||
description="La Lisnic Barbershop, punem accent pe detalii. Fiecare tunsoare este o declarație de stil, realizată de maeștri dedicați artei bărbieritului."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Ani Experiență",
|
||||
},
|
||||
value: "10+", title: "Ani Experiență"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Clienți Fericiti",
|
||||
},
|
||||
value: "5k+", title: "Clienți Fericiti"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102210.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -91,26 +77,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Standard",
|
||||
price: "80 MDL",
|
||||
subtitle: "Tuns clasic",
|
||||
features: [
|
||||
"Tuns executiv",
|
||||
"Spălat",
|
||||
"Stilizare",
|
||||
],
|
||||
id: "p1", badge: "Standard", price: "80 MDL", subtitle: "Tuns clasic", features: [
|
||||
"Tuns executiv", "Spălat", "Stilizare"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "150 MDL",
|
||||
subtitle: "Pachet complet",
|
||||
features: [
|
||||
"Tuns",
|
||||
"Bărbierit cu brici",
|
||||
"Tratament facial",
|
||||
],
|
||||
id: "p2", badge: "Premium", price: "150 MDL", subtitle: "Pachet complet", features: [
|
||||
"Tuns", "Bărbierit cu brici", "Tratament facial"],
|
||||
},
|
||||
]}
|
||||
title="Servicii & Prețuri"
|
||||
@@ -125,23 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ion Lisnic",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-emotional-hockey-player-with-hockey-stick-is-posing-photographer_613910-13824.jpg",
|
||||
},
|
||||
id: "t1", name: "Ion Lisnic", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/confident-emotional-hockey-player-with-hockey-stick-is-posing-photographer_613910-13824.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vasile P.",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286012.jpg",
|
||||
},
|
||||
id: "t2", name: "Vasile P.", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286012.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Andrei M.",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-brush-beard-trimmer-with-smile-face-showing-number-two-standing-orange-wall_141793-61259.jpg",
|
||||
},
|
||||
id: "t3", name: "Andrei M.", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-brush-beard-trimmer-with-smile-face-showing-number-two-standing-orange-wall_141793-61259.jpg"},
|
||||
]}
|
||||
title="Maeștrii Barbershop-ului"
|
||||
description="Echipa noastră gata să-ți ofere cea mai bună experiență."
|
||||
@@ -154,45 +114,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Servicii excelente",
|
||||
quote: "Cea mai bună experiență de barbershop din oraș.",
|
||||
name: "Mihai V.",
|
||||
role: "Client Fidel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Servicii excelente", quote: "Cea mai bună experiență de barbershop din oraș.", name: "Mihai V.", role: "Client Fidel", imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional",
|
||||
quote: "Atenție mare la detalii și atmosferă super relaxantă.",
|
||||
name: "Radu S.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
|
||||
},
|
||||
id: "2", title: "Professional", quote: "Atenție mare la detalii și atmosferă super relaxantă.", name: "Radu S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Recomand cu încredere",
|
||||
quote: "Ion este un profesionist desăvârșit.",
|
||||
name: "Alex C.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg",
|
||||
},
|
||||
id: "3", title: "Recomand cu încredere", quote: "Ion este un profesionist desăvârșit.", name: "Alex C.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-3628.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Stil impecabil",
|
||||
quote: "Întotdeauna plec cu o tunsoare exact cum îmi doresc.",
|
||||
name: "Dmitri G.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg",
|
||||
},
|
||||
id: "4", title: "Stil impecabil", quote: "Întotdeauna plec cu o tunsoare exact cum îmi doresc.", name: "Dmitri G.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Experiență unică",
|
||||
quote: "Locul unde te simți relaxat și tratat cu maxim respect.",
|
||||
name: "Victor B.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Experiență unică", quote: "Locul unde te simți relaxat și tratat cu maxim respect.", name: "Victor B.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg?_wi=2"},
|
||||
]}
|
||||
title="Ce spun clienții noștri"
|
||||
description="Satisfacția clienților este prioritatea noastră."
|
||||
@@ -200,35 +130,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Lisnic Barbershop"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigare",
|
||||
items: [
|
||||
title: "Navigare", items: [
|
||||
{
|
||||
label: "Acasă",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Acasă", href: "#hero"},
|
||||
{
|
||||
label: "Prețuri",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Prețuri", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Telefon: 069XXXXXX",
|
||||
href: "tel:069000000",
|
||||
},
|
||||
label: "Telefon: 069XXXXXX", href: "tel:069000000"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Lisnic Barbershop"
|
||||
bottomRightText="Toate drepturile rezervate"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #0a0a0a;
|
||||
--card: #171717;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #262626;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #404040;
|
||||
--background-accent: #171717;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user