102 lines
4.2 KiB
TypeScript
102 lines
4.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Serviços", id: "#services" },
|
|
{ name: "Agendamento", id: "#booking" },
|
|
{ name: "Contato", id: "#contact" },
|
|
]}
|
|
brandName="THE ELITE CUT"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Mastery in Every Cut"
|
|
description="Experience a grooming ritual defined by precision, tradition, and luxury. Your transformation starts in the chair."
|
|
testimonials={[
|
|
{ name: "James W.", handle: "@jamesw", testimonial: "Best fade I've ever had. Truly a premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=1", imageAlt: "barbershop interior modern luxury" },
|
|
{ name: "Marcus L.", handle: "@mlux", testimonial: "The attention to detail here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "barbershop interior modern luxury" }
|
|
]}
|
|
buttons={[{ text: "Agendar Agora", href: "#booking" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=2"
|
|
avatarText="Join 500+ satisfied clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
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" }
|
|
]}
|
|
buttons={[{ text: "Learn About Our Heritage", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking" data-section="booking">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
tag="Agendamento"
|
|
title="Reserve seu horário"
|
|
description="Escolha o melhor horário e garanta sua transformação com nossos especialistas."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg"
|
|
buttonText="Reservar"
|
|
inputPlaceholder="Seu nome ou email"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
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."
|
|
background={{ variant: "gradient-bars" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg"
|
|
buttonText="Enviar"
|
|
inputPlaceholder="Seu email"
|
|
/>
|
|
</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: "Serviços", href: "#services" }] },
|
|
{ title: "Suporte", items: [{ label: "Agendamento", href: "#booking" }, { label: "Contato", href: "#contact" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |