258 lines
15 KiB
TypeScript
258 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { Calendar } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
brandName="PAINT"
|
||
navItems={[
|
||
{ name: "Services", id: "features" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Testimonials", id: "testimonial" },
|
||
{ name: "FAQ", id: "faq" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
button={{
|
||
text: "Book Your Nails", href: "#contact"
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
title="Luxury Nails, Cocktails, Good Vibes"
|
||
description="Experience one of London's most exciting nail salons on Oxford Street—beautiful nails, expert artists, and cocktails while you relax"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", alt: "professional woman portrait business casual"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "young woman portrait smiling happy"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg", alt: "woman bride wedding day portrait"
|
||
}
|
||
]}
|
||
avatarText="Trusted by London's most stylish professionals"
|
||
buttons={[
|
||
{ text: "Book Your Nails", href: "#contact" },
|
||
{ text: "View Services", href: "#features" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
tag="About PAINT"
|
||
title="Where Art Meets Luxury"
|
||
description="PAINT Nails London is an exclusive nail salon located in the heart of Oxford Street, designed for London professionals and fashion-forward visitors seeking premium nail artistry combined with an elevated beauty bar experience. Every detail—from our expert artists to our curated cocktail selection—is crafted to deliver the ultimate self-care ritual."
|
||
metrics={[
|
||
{ value: "8+", title: "Years of Excellence" },
|
||
{ value: "1000+", title: "Happy Clients Monthly" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-psd/isolated-nail-care-routine_23-2150755774.jpg"
|
||
imageAlt="PAINT Nails luxury salon interior"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
title="Why Choose PAINT"
|
||
description="Discover what sets London's most coveted nail salon apart"
|
||
tag="Premium Experience"
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Expert Nail Artists", description: "Our talented team of certified nail technicians specializes in precision manicures, intricate nail art, and creative designs that transform your nails into wearable art. Each artist brings years of experience and an eye for detail.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-model-eyes-background-perfect_1301-3297.jpg"
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Signature Cocktail Bar", description: "Sip on expertly crafted cocktails while you relax. Our mixologist curates seasonal drinks using premium spirits and fresh ingredients, transforming your nail appointment into a luxury wellness experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132167.jpg"
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Luxe Ambiance", description: "Every element of our salon—from soft lighting to plush seating—is designed to create an immersive escape from the bustle of Oxford Street. A sanctuary for beauty, wellness, and Instagram-worthy moments.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-talking-smiling-while-out-with-her-friends_23-2149316814.jpg"
|
||
}
|
||
]}
|
||
animationType="blur-reveal"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonial" data-section="testimonial">
|
||
<TestimonialCardTwelve
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sophie Chen", imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg", imageAlt: "professional woman portrait business casual"
|
||
},
|
||
{
|
||
id: "2", name: "Emma Richardson", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "young woman portrait smiling happy"
|
||
},
|
||
{
|
||
id: "3", name: "Olivia Martinez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg", imageAlt: "woman bride wedding day portrait"
|
||
},
|
||
{
|
||
id: "4", name: "Charlotte Williams", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg", imageAlt: "woman portrait confidence professional"
|
||
},
|
||
{
|
||
id: "5", name: "Jessica Thompson", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "woman portrait professional confident"
|
||
},
|
||
{
|
||
id: "6", name: "Victoria Davies", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", imageAlt: "woman portrait happy professional"
|
||
}
|
||
]}
|
||
cardTitle="Over 5,000 clients trust PAINT for their most special moments"
|
||
cardTag="Client Love"
|
||
cardAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialProof" data-section="socialProof">
|
||
<SocialProofOne
|
||
title="Featured In"
|
||
description="Recognized by London's leading lifestyle and fashion publications"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Vogue", "Tatler", "Time Out", "Harper's Bazaar", "Elle", "British Vogue", "Grazia", "InStyle"
|
||
]}
|
||
logos={[
|
||
"http://img.b2bpic.net/free-vector/elegant-black-f-logo_23-2149480962.jpg", "http://img.b2bpic.net/free-vector/pack-black-green-business-cover-template-with-golden-lines_1017-54656.jpg", "http://img.b2bpic.net/free-vector/2021-music-event-poster-template-concept_23-2148589376.jpg", "http://img.b2bpic.net/free-vector/latest-news-banner-collection_23-2148136799.jpg", "http://img.b2bpic.net/free-photo/medium-shot-young-woman-single-s-day-banner_23-2149520230.jpg", "http://img.b2bpic.net/free-photo/pretty-woman-wears-golden-pendant-reading-newspaper-while-waiting-friend-street_197531-3275.jpg", "http://img.b2bpic.net/free-vector/photography-logo-abstract-style_1057-1789.jpg", "http://img.b2bpic.net/free-vector/set-logo-badge-design-vectors_53876-91556.jpg"
|
||
]}
|
||
speed={35}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
title="Frequently Asked Questions"
|
||
description="Everything you need to know about booking, services, and the PAINT experience"
|
||
tag="Support"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How do I book an appointment?", content: "You can book directly through our website using our online booking system, or call us at +44 (0)20 XXXX XXXX. We recommend booking in advance, especially for weekend appointments and special occasion designs. Walk-ins are welcome subject to artist availability."
|
||
},
|
||
{
|
||
id: "2", title: "What services do you offer?", content: "We offer premium manicures, gel manicures, nail extensions, custom nail art, bridal packages, and special occasion designs. Each service includes a complimentary cocktail from our signature bar. Our artists also provide color consultations to ensure the perfect shade for your style."
|
||
},
|
||
{
|
||
id: "3", title: "How long does a typical appointment take?", content: "A standard manicure takes 45-60 minutes. Gel services typically take 60-90 minutes, while custom nail art and elaborate designs may take 90-120 minutes. We always allow buffer time between appointments to ensure your experience is never rushed."
|
||
},
|
||
{
|
||
id: "4", title: "What is included with my appointment?", content: "Every appointment includes expert nail care, your choice of design or color, and one complimentary cocktail from our curated bar menu. We use only premium, salon-quality products and maintain the highest hygiene standards throughout your visit."
|
||
},
|
||
{
|
||
id: "5", title: "Do you offer bridal or group packages?", content: "Yes! We offer bespoke bridal packages and group bookings with special pricing. For groups of 4 or more, we can arrange coordinated appointments, complimentary champagne service, and customized nail designs. Contact us to discuss your event."
|
||
},
|
||
{
|
||
id: "6", title: "What's your cancellation policy?", content: "We ask for 24 hours notice for cancellations. Cancellations made with less than 24 hours notice may incur a 50% booking fee. No-shows will be charged the full service price. We understand emergencies happen—reach out and we'll do our best to reschedule you."
|
||
}
|
||
]}
|
||
faqsAnimation="blur-reveal"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
ctaTitle="Ready to Book?"
|
||
ctaDescription="Secure your spot at London's most coveted nail salon. Limited availability ensures a personalized experience for every guest."
|
||
ctaButton={{
|
||
text: "Book Now", href: "https://calendly.com/paint-nails-london"
|
||
}}
|
||
ctaIcon={Calendar}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Where are you located?", content: "PAINT Nails London is located on Oxford Street in the heart of London's premier shopping and entertainment district. We're easily accessible by tube, bus, and car with nearby parking options. Our flagship salon features floor-to-ceiling windows showcasing the vibrant Oxford Street energy."
|
||
},
|
||
{
|
||
id: "2", title: "What are your opening hours?", content: "We're open Monday to Saturday, 10am–8pm, and Sunday 12pm–6pm. Extended hours available for special occasions and group bookings. Book online anytime, and we'll confirm your preferred time slot within 2 hours."
|
||
},
|
||
{
|
||
id: "3", title: "Do you use eco-friendly products?", content: "Yes, we're committed to sustainability. We use non-toxic, eco-friendly nail polishes and removers whenever possible, and we implement recycling and waste reduction practices throughout our salon. All tools are sterilized to the highest standards."
|
||
}
|
||
]}
|
||
animationType="blur-reveal"
|
||
accordionAnimationType="smooth"
|
||
showCard={true}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="PAINT Nails London"
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{ label: "Manicures", href: "#features" },
|
||
{ label: "Nail Art", href: "#features" },
|
||
{ label: "Extensions", href: "#features" },
|
||
{ label: "Bridal Packages", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Testimonials", href: "#testimonial" },
|
||
{ label: "Contact", href: "#contact" },
|
||
{ label: "Careers", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Experience", items: [
|
||
{ label: "The Salon", href: "#about" },
|
||
{ label: "Cocktail Bar", href: "#features" },
|
||
{ label: "Gift Cards", href: "#" },
|
||
{ label: "Loyalty Program", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Follow Us", items: [
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "TikTok", href: "https://tiktok.com" },
|
||
{ label: "Pinterest", href: "https://pinterest.com" },
|
||
{ label: "YouTube", href: "https://youtube.com" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 PAINT Nails London | Oxford Street, London"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|