188 lines
9.3 KiB
TypeScript
188 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, Scissors, Star, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="The Prince"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Premium Barbering at The Prince"
|
|
description="Experience the finest men's grooming services in Tres Cantos. From classic haircuts to modern fades, our expert barbers deliver precision and style."
|
|
tag="Est. 2010"
|
|
tagIcon={Scissors}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205857.jpg"
|
|
imageAlt="The Prince Barber Shop Interior"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
testimonials={[
|
|
{
|
|
name: "Carlos Martinez", handle: "Regular Customer", testimonial: "Best barber shop in Tres Cantos. Precise cuts and friendly service every time!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-focus-shot-handsome-adult-man-sitting-pier_181624-28887.jpg?_wi=1"},
|
|
{
|
|
name: "Juan Rodriguez", handle: "Loyal Client", testimonial: "The Prince transformed my look. Highly professional team.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg?_wi=1"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "Book Now", href: "#contact" },
|
|
{ text: "Call us", href: "tel:+34915391740" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Crafting the Perfect Cut Since 2010"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardMedia
|
|
title="Our Services"
|
|
description="We offer a complete range of professional barbering services tailored to your style"
|
|
tag="Services"
|
|
tagIcon={Scissors}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "mens-haircut", title: "Men's Haircuts", description: "Professional cuts tailored to your face shape and personal style. Classic to contemporary designs.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg", imageAlt: "Men's Haircut Service"},
|
|
{
|
|
id: "beard-trim", title: "Beard Trimming & Shaping", description: "Expert beard grooming services including shaping, detailing, and conditioning treatments.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg", imageAlt: "Beard Trimming Service"},
|
|
{
|
|
id: "skin-fade", title: "Skin Fade & Modern Styles", description: "Modern barbering techniques including skin fades, line designs, and contemporary cuts.", tag: "Trending", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop_23-2149141764.jpg", imageAlt: "Skin Fade Service"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Clients Say"
|
|
description="Real testimonials from satisfied customers who trust The Prince for their grooming needs"
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Miguel Santos", role: "Businessman", company: "Local Professional", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-focus-shot-handsome-adult-man-sitting-pier_181624-28887.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "Antonio Fernández", role: "Entrepreneur", company: "Tech Startup", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg?_wi=2"},
|
|
{
|
|
id: "3", name: "Diego López", role: "Student", company: "Local University", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg"},
|
|
{
|
|
id: "4", name: "Rafael Gutiérrez", role: "Manager", company: "Financial Services", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"},
|
|
{
|
|
id: "5", name: "Pablo Martínez", role: "Consultant", company: "Business Strategy", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg"},
|
|
{
|
|
id: "6", name: "Luis Rodríguez", role: "Designer", company: "Creative Agency", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-suit-jeans-standing-with-hands-waist-looking-confident_176474-10813.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
title="Book Your Appointment"
|
|
description="Visit us at our location in Tres Cantos or call to schedule your next appointment. We're open Monday through Saturday."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297296.jpg"
|
|
imageAlt="The Prince Barber Shop Location"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Never spam."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="The Prince"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Men's Haircuts", href: "#services" },
|
|
{ label: "Beard Trimming", href: "#services" },
|
|
{ label: "Modern Styles", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Tres Cantos", href: "#" },
|
|
{ label: "+34 915 39 17 40", href: "tel:+34915391740" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 The Prince Barber Shop. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|