Merge version_3 into main #6

Merged
bender merged 2 commits from version_3 into main 2026-05-07 14:11:01 +00:00
2 changed files with 77 additions and 5 deletions

View File

@@ -18,8 +18,8 @@ export default function LandingPage() {
sizing="mediumLarge"
background="none"
cardStyle="glass-depth"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
@@ -50,7 +50,7 @@ export default function LandingPage() {
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
useInvertedBackground={true}
heading={[
{ type: "text", content: "The Elite Cut Difference" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", alt: "Barber" }
@@ -61,7 +61,7 @@ export default function LandingPage() {
<div id="booking" data-section="booking">
<ContactSplit
useInvertedBackground={false}
useInvertedBackground={true}
tag="Agendamento"
title="Reserve seu horário"
description="Escolha o melhor horário e garanta sua transformação com nossos especialistas."
@@ -74,7 +74,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
useInvertedBackground={true}
tag="Contato"
title="Entre em contato"
description="Estamos localizados no coração da cidade. Entre em contato conosco para dúvidas ou suporte."

72
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,72 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="small"
sizing="mediumLarge"
background="none"
cardStyle="glass-depth"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Serviços", id: "/#services" },
{ name: "Preços", id: "/pricing" },
{ name: "Agendamento", id: "/#booking" },
{ name: "Contato", id: "/#contact" },
]}
brandName="THE ELITE CUT"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Choose Your Experience"
description="Transparent pricing for elite grooming services. Select the plan that fits your needs."
textboxLayout="default"
animationType="slide-up"
plans={[
{
id: "basic", title: "Essential Trim", price: "$45", period: "/ session", features: ["Precision Haircut", "Hot Towel Finish", "Style & Groom"]
},
{
id: "premium", title: "The Gentleman's Ritual", price: "$85", period: "/ session", features: ["Haircut & Beard Sculpt", "Hot Towel Shave", "Scalp Massage", "Premium Tonic Treatment"]
},
{
id: "vip", title: "Elite Full Service", price: "$120", period: "/ session", features: ["Full Grooming Suite", "Priority Booking", "Complimentary Beverage", "Product Sample Kit"]
}
]}
buttonAnimation="slide-up"
buttons={[{ text: "Get Started", href: "/#booking" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="THE ELITE CUT"
copyrightText="© 2025 | The Elite Cut Barbershop"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
columns={[
{ title: "Navegação", items: [{ label: "Home", href: "/" }, { label: "Preços", href: "/pricing" }] },
{ title: "Suporte", items: [{ label: "Agendamento", href: "/#booking" }, { label: "Contato", href: "/#contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}