235 lines
14 KiB
TypeScript
235 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import Link from 'next/link';
|
|
import { Sparkles, Crown, Palette, Droplet, Hand } from 'lucide-react';
|
|
|
|
const navItems = [
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Book Now", id: "booking" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "GelX Extensions", href: "#services" },
|
|
{ label: "Custom Nail Art", href: "#services" },
|
|
{ label: "Luxury Pedicure", href: "#services" },
|
|
{ label: "Premium Manicure", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Gallery", href: "/gallery" },
|
|
{ label: "Book Now", href: "/booking" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Phone: (251) 929-8443", href: "tel:+12519298443" },
|
|
{ label: "Email: info@barbiesnailstudio.com", href: "mailto:info@barbiesnailstudio.com" },
|
|
{ label: "Location: Fairhope, AL", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Barbie's Nail Studio" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Where Luxury Meets Perfection"
|
|
description="4.7★ Rated • 119+ Happy Clients • Top Rated Nail Salon in Fairhope, Alabama. Experience cinematic beauty luxury with precision-crafted nails."
|
|
tag="Premium Beauty Destination"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Book Your Luxury Experience", href: "/booking" },
|
|
{ text: "Call Now: (251) 929-8443", href: "tel:+12519298443" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Premium luxury nail art showcase" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg", imageAlt: "Luxury nail studio professional environment" },
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="Trusted by 119+ clients | Top Rated Salon"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Proven Excellence"
|
|
description="Industry-leading statistics demonstrating our commitment to premium service and client satisfaction"
|
|
tag="Authority"
|
|
tagIcon={Crown}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "119+", title: "Happy Clients", description: "Growing luxury client base with exceptional retention", imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg", imageAlt: "Satisfied client testimonial"},
|
|
{
|
|
id: "2", value: "4.7★", title: "Client Rating", description: "Premium service quality across all luxury experiences", imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "Premium salon environment"},
|
|
{
|
|
id: "3", value: "95%", title: "Retention Rate", description: "Elite clients returning for consistent excellence", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Premium nail art results"},
|
|
{
|
|
id: "4", value: "#1", title: "Top Rated Salon", description: "Fairhope's most trusted luxury destination", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Award winning nail designs"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Luxury Service Collection"
|
|
description="Each service meticulously crafted with premium materials, artistic precision, and relaxation aesthetics"
|
|
tag="Premium Services"
|
|
tagIcon={Crown}
|
|
features={[
|
|
{
|
|
title: "GelX Extensions", description: "Ultra-durable luxury extensions with custom design and artistic application. Perfect for premium aesthetics.", icon: Sparkles,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Professional GelX extensions application" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "GelX extensions showcase" },
|
|
],
|
|
},
|
|
{
|
|
title: "Custom Nail Art", description: "One-of-a-kind artistic designs created by master technicians. Express your luxury style.", icon: Palette,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Artistic custom nail design" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Creative nail art masterpiece" },
|
|
],
|
|
},
|
|
{
|
|
title: "Luxury Pedicure", description: "Premium foot treatment with relaxation focus, premium products, and therapeutic experience.", icon: Droplet,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/antistress-foot-massage-energy-recovery-relax-massage_169016-69418.jpg", imageAlt: "Luxury pedicure spa treatment" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Professional pedicure results" },
|
|
],
|
|
},
|
|
{
|
|
title: "Premium Manicure", description: "Elevated hand care with luxury products, precision technique, and complete pampering experience.", icon: Hand,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-hands_23-2148060438.jpg", imageAlt: "Premium manicure professional service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "Luxury manicure station" },
|
|
],
|
|
},
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="booking" data-section="booking">
|
|
<ProductCardOne
|
|
title="Advanced Booking System"
|
|
description="Seamless luxury experience from selection to confirmation. Real-time availability, flexible scheduling."
|
|
tag="Smart Booking"
|
|
products={[
|
|
{
|
|
id: "step-1", name: "Select Service", price: "Browse", imageSrc: "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg", imageAlt: "Service selection interface"},
|
|
{
|
|
id: "step-2", name: "Choose Professional", price: "Match", imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "Professional matching system"},
|
|
{
|
|
id: "step-3", name: "Pick Date & Time", price: "Real-time", imageSrc: "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg", imageAlt: "Calendar scheduling system"},
|
|
{
|
|
id: "step-4", name: "Confirm & Pay", price: "Secure", imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg", imageAlt: "Secure payment confirmation"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Client Stories"
|
|
description="Real testimonials from our luxury clientele celebrating transformative beauty experiences"
|
|
tag="Social Proof"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarah_fairhope", testimonial: "Barbie's is the only salon I trust for my nails. The precision, the atmosphere, the luxury experience—absolutely flawless. 5-star every time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Jennifer Martinez", handle: "@jen_luxe", testimonial: "The best nail salon in Fairhope by far. My custom designs always turn heads. Professional, elegant, and worth every penny.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Jennifer Martinez"},
|
|
{
|
|
id: "3", name: "Amanda White", handle: "@amanda_beauty", testimonial: "I've been a client for years. Barbie's captures the essence of luxury beauty. The attention to detail is extraordinary.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Amanda White"},
|
|
{
|
|
id: "4", name: "Michelle Chen", handle: "@michelle_nails", testimonial: "Premium service, premium results. Every visit feels like a spa retreat. Highly recommend for anyone serious about beauty.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Michelle Chen"},
|
|
{
|
|
id: "5", name: "Lisa Rodriguez", handle: "@lisa_style", testimonial: "The booking system is so easy, the service is immaculate, and Barbie is incredibly talented. This is luxury done right.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Lisa Rodriguez"},
|
|
{
|
|
id: "6", name: "Victoria Park", handle: "@victoria_luxe", testimonial: "If you want salon perfection, this is it. Premium materials, artistic skill, and genuine care for clients. Absolutely divine.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", imageAlt: "Victoria Park"},
|
|
]}
|
|
showRating={true}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="comparison" data-section="comparison">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Why Choose " },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", alt: "Barbie's Studio" },
|
|
{ type: "text", content: " Over Other Salons?" },
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Experience Luxury", href: "/booking" },
|
|
{ text: "View Gallery", href: "/gallery" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Barbie's Nail Studio"
|
|
copyrightText="© 2026 Barbie's Nail Studio. All Rights Reserved. Premium Nail Salon in Fairhope, Alabama."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |