249 lines
13 KiB
TypeScript
249 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, Heart, Scissors, Shield, Sparkles, Zap } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Call: +54 11 4826-8849", id: "tel:+541148268849" }
|
|
];
|
|
|
|
const heroAvatars = [
|
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg", alt: "Satisfied customer" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", alt: "Happy client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Trusted customer" }
|
|
];
|
|
|
|
const testimonials = [
|
|
{
|
|
id: "1", name: "María García", handle: "@mariagarcia_ba", testimonial: "Excelente atención y cordialidad. El equipo es muy profesional y amable. Siempre me voy satisfecha con los resultados.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Carlos López", handle: "@carloslopez92", testimonial: "Nunca había salido tan conforme de la peluquería. Los profesionales saben exactamente qué están haciendo. Totalmente recomendado.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Valentina Rodríguez", handle: "@vale_beauty", testimonial: "Excelente atención y el trabajo en manicura pedicuría y pelo es impecable. Vuelvo cada mes sin falta. Mi lugar favorito en Palermo.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Diego Martínez", handle: "@diegom_style", testimonial: "Profesionales de verdad. La calidad del servicio es superior, los precios son justos y siempre me atienden con calidez y respeto.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-business-leader-gesturing-ok_1262-16178.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Luisa Fernández", handle: "@luisa_looks", testimonial: "Ambiente impecable, profesionales capacitados y productos de calidad. Es mi salón de confianza para cualquier ocasión especial.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-worker-holding-clipboard_1098-4072.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Javier Sánchez", handle: "@javier_style_", testimonial: "Desde mi primer corte supe que había encontrado el salón correcto. Atención personalizada y resultados perfectos cada vez.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg"
|
|
}
|
|
];
|
|
|
|
const metrics = [
|
|
{
|
|
id: "1", value: "500+", title: "Happy Clients", description: "Regular customers from across Palermo and nearby neighborhoods", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "2", value: "10", title: "Expert Stylists", description: "Certified professionals with years of salon experience and training", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-woman-getting-white-facial-mask-spa-treatment-beauty-salon_637285-2198.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "3", value: "100%", title: "Satisfaction Rate", description: "Committed to exceeding expectations with every service visit", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130315.jpg?_wi=1"
|
|
}
|
|
];
|
|
|
|
const plans = [
|
|
{
|
|
id: "haircut", title: "Haircut & Styling", price: "$300-500", period: "per service", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=2", button: { text: "Book Now", href: "#contact" },
|
|
features: [
|
|
"Professional cut and styling", "Expert consultation", "Premium hair products", "Personalized recommendations"
|
|
]
|
|
},
|
|
{
|
|
id: "manicure", title: "Manicure & Pedicure", price: "$250-400", period: "per service", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130315.jpg?_wi=2", button: { text: "Book Now", href: "#contact" },
|
|
features: [
|
|
"Premium nail care", "Nail art design options", "Quality polish brands", "Relaxing treatment experience"
|
|
]
|
|
},
|
|
{
|
|
id: "beauty", title: "Beauty Treatments", price: "$150-600", period: "per service", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-woman-getting-white-facial-mask-spa-treatment-beauty-salon_637285-2198.jpg?_wi=2", button: { text: "Book Now", href: "#contact" },
|
|
features: [
|
|
"Facial treatments and waxing", "Professional skincare", "Premium beauty products", "Customized treatments"
|
|
]
|
|
}
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Hair Styling", href: "#services" },
|
|
{ label: "Manicure & Pedicure", href: "#services" },
|
|
{ label: "Beauty Treatments", href: "#services" },
|
|
{ label: "View All Services", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +54 11 4826-8849", href: "tel:+541148268849" },
|
|
{ label: "Address: Bulnes 1876, Palermo", href: "https://maps.google.com/maps?q=Bulnes+1876+Buenos+Aires" },
|
|
{ label: "Email: info@platinumunisex.com", href: "mailto:info@platinumunisex.com" },
|
|
{ label: "WhatsApp", href: "https://wa.me/541148268849" }
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Tue-Sat: 8:30 AM - 8:00 PM", href: "#" },
|
|
{ label: "Sunday: Closed", href: "#" },
|
|
{ label: "Monday: Closed", href: "#" },
|
|
{ label: "Book Appointment", href: "#contact" }
|
|
]
|
|
}
|
|
];
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Platinum Unisex" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Premium Beauty Services in Palermo, Buenos Aires"
|
|
description="Experience exceptional hair styling, manicures, pedicures, and beauty treatments at Platinum Unisex. Award-winning salon with 5-star reviews. Open Tue-Sat 8:30 AM - 8:00 PM."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
avatars={heroAvatars}
|
|
avatarText="1000+ Satisfied Customers | 5.0 Google Rating"
|
|
buttons={[
|
|
{ text: "Call Now: +54 11 4826-8849", href: "tel:+541148268849" },
|
|
{ text: "Book Appointment", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
title="Our Premium Services"
|
|
description="Comprehensive beauty solutions tailored to your needs. From expert haircuts to luxurious nail treatments."
|
|
features={[
|
|
{ icon: Scissors, title: "Hair Styling & Cuts", description: "Professional haircuts, coloring, styling, and treatments for men and women. Expert techniques for all hair types." },
|
|
{ icon: Sparkles, title: "Manicure & Pedicure", description: "Beautiful nail design and care with premium products. Relaxing treatments for hands and feet." },
|
|
{ icon: Heart, title: "Beauty Treatments", description: "Waxing, facial treatments, and beauty services. Professional care with superior results and safety." },
|
|
{ icon: Zap, title: "Quick Appointments", description: "Fast, convenient booking and flexible scheduling. Same-day appointments often available." },
|
|
{ icon: Shield, title: "Hygiene & Safety", description: "Top-tier sanitation standards and professional protocols. Your safety is our priority." },
|
|
{ icon: Award, title: "Award-Winning Team", description: "Experienced stylists and beauty professionals. Passionate about delivering exceptional results." }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Why Platinum Unisex is Your Best Choice"
|
|
description="For over a decade, we've been the trusted beauty destination in Palermo. Our team of certified professionals combines expertise with genuine care for every client. We use premium products and maintain the highest standards of hygiene and service quality."
|
|
tag="About Us"
|
|
tagIcon={Heart}
|
|
metrics={[
|
|
{ value: "10+", title: "Years of Excellence" },
|
|
{ value: "5.0", title: "Google Rating" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-chair-table-decoration-livingroom-interior-background_1339-4784.jpg"
|
|
imageAlt="Platinum Unisex Salon Interior"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Real reviews from satisfied customers who trust Platinum Unisex for their beauty needs."
|
|
tag="Testimonials"
|
|
showRating={true}
|
|
testimonials={testimonials}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Trusted by Our Community"
|
|
description="Join hundreds of happy customers who have made Platinum Unisex their go-to beauty destination in Buenos Aires."
|
|
tag="Impact"
|
|
metrics={metrics}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Popular Services"
|
|
description="Competitive pricing for premium quality. Many services available with same-day or next-day appointments."
|
|
plans={plans}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Book Appointment"
|
|
title="Request Your Appointment Today"
|
|
description="Fill out the form below and we'll confirm your appointment by phone. We typically respond within 2 hours during business hours (Tue-Sat, 8:30 AM - 8:00 PM)."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-tourist-checking-mobile-phone_23-2148597702.jpg"
|
|
imageAlt="Platinum Unisex Location in Palermo"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Request Appointment"
|
|
termsText="We respect your privacy. We'll only use your contact information to confirm your appointment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/white-textile-classical-style-sofa-vintage-room-flowers-ob-painted-barrels_8353-8033.jpg"
|
|
imageAlt="Platinum Unisex Salon Ambiance"
|
|
columns={footerColumns}
|
|
logoText="Platinum Unisex"
|
|
copyrightText="© 2025 Platinum Unisex. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|