223 lines
13 KiB
TypeScript
223 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Sparkles, Heart, Zap, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Expo Nails & Spa"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Elevate Your Nail Experience"
|
|
description="Step into luxury at Expo Nails & Spa, where expert technicians create stunning nail designs in a serene, pampering environment. From classic manicures to intricate nail art, we deliver perfection."
|
|
tag="Premium Nail Spa"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-beautiful-spring-rose_23-2148380904.jpg?_wi=1", imageAlt: "Luxurious manicure service"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg?_wi=1", imageAlt: "Creative nail art design"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg?_wi=1", imageAlt: "Upscale salon ambiance"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285919.jpg?_wi=1", imageAlt: "Professional nail technicians"
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afp2a3cSgq1atoYQqxQKH8xK3a/uploaded-1773000255296-eyvpwdr5.jpg", imageAlt: "Relaxing pedicure treatment"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg?_wi=2", imageAlt: "Modern salon interior"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-beautiful-spring-rose_23-2148380904.jpg?_wi=2", imageAlt: "Expert manicure service"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg?_wi=2", imageAlt: "Intricate nail designs"
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Book Your Appointment", href: "#contact" },
|
|
{ text: "View Services", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Your Premier Destination for Nail Care"
|
|
description="At Expo Nails & Spa, we believe that beautiful nails are a reflection of self-care and confidence. Since our opening, we've been dedicated to providing the highest quality nail services in a welcoming, hygienic environment. Our experienced team uses premium products and the latest techniques to ensure every client leaves feeling pampered and beautiful."
|
|
tag="About Us"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afp2a3cSgq1atoYQqxQKH8xK3a/uploaded-1773000906886-se6z21nf.webp"
|
|
imageAlt="Expo Nails & Spa professional team"
|
|
buttons={[{ text: "Explore Our Services", href: "#services" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Our Premium Services"
|
|
description="We offer a complete range of nail services to meet all your beauty needs, from classic treatments to artistic designs."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "manicure", title: "Manicure Services", author: "Nail Expert", description: "Choose from our selection of classic manicures, gel manicures, dip powder nails, and acrylics. Each service includes nail shaping, cuticle care, and your choice of premium polish colors.", tags: ["Popular", "30-60 min"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-beautiful-spring-rose_23-2148380904.jpg?_wi=3", imageAlt: "Professional manicure service"
|
|
},
|
|
{
|
|
id: "pedicure", title: "Pedicure Services", author: "Spa Specialist", description: "Indulge in our luxurious pedicure treatments featuring foot soaks, exfoliation, massage, and nail care. Perfect for relaxation and rejuvenation.", tags: ["Relaxing", "45-60 min"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afp2a3cSgq1atoYQqxQKH8xK3a/uploaded-1773000743388-gj6myzx8.jpg", imageAlt: "Relaxing pedicure experience"
|
|
},
|
|
{
|
|
id: "nail-art", title: "Nail Art & Design", author: "Design Specialist", description: "Express your creativity with our custom nail art designs. Our artists create stunning patterns, themes, and personalized designs tailored to your style.", tags: ["Creative", "Varies"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tanned-hand-woman-with-gentle-beige-pink-manicure-covering-with-gel-polish_343596-6402.jpg?_wi=3", imageAlt: "Creative nail art designs"
|
|
},
|
|
{
|
|
id: "extensions", title: "Nail Extensions", author: "Extension Expert", description: "Get beautiful, long-lasting nail extensions using gel, acrylic, or silk wraps. Our technicians ensure a natural look with perfect shape and balance.", tags: ["Long-lasting", "45-90 min"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afp2a3cSgq1atoYQqxQKH8xK3a/uploaded-1773000794570-0pdk9sdn.jpg", imageAlt: "Professional nail extensions"
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Building Trust Through Excellence and Experience"
|
|
tag="Our Achievement"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "8+", description: "Years of experience providing premium nail care and spa services to our community."
|
|
},
|
|
{
|
|
id: "2", value: "5000+", description: "Happy clients who have trusted us with their nail care and continue to visit us."
|
|
},
|
|
{
|
|
id: "3", value: "15+", description: "Expert nail technicians specializing in various nail services and designs."
|
|
},
|
|
{
|
|
id: "4", value: "98%", description: "Customer satisfaction rate reflecting our commitment to excellence and quality."
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, booking process, and salon policies."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I book an appointment?", content: "You can book an appointment by contacting us directly via phone, email, or using our online booking form on this website. We recommend booking in advance, especially for weekends. Walk-ins are also welcome subject to availability."
|
|
},
|
|
{
|
|
id: "2", title: "What is your cancellation policy?", content: "We ask for at least 24 hours notice for cancellations or rescheduling. Cancellations made with less than 24 hours notice may be subject to a cancellation fee. No-shows will be charged the full service price."
|
|
},
|
|
{
|
|
id: "3", title: "Are your products and tools sanitized?", content: "Absolutely! We follow strict hygiene and sanitation protocols. All tools are sterilized using an autoclave, and we use disposable files and buffers for each client. All products are high-quality and approved for salon use."
|
|
},
|
|
{
|
|
id: "4", title: "How long do gel manicures last?", content: "Gel manicures typically last 2-3 weeks before chipping or growing out. Proper aftercare and moisturizing can help extend the life of your gel polish. We offer gel removal services to protect the health of your natural nails."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer group bookings?", content: "Yes! We love hosting group events like bridal parties, birthday celebrations, and corporate gatherings. For groups of 6 or more, please contact us directly to arrange special rates and customize your experience."
|
|
},
|
|
{
|
|
id: "6", title: "What is your pricing for different services?", content: "Our pricing varies depending on the service and complexity. Basic manicures start at $25, pedicures at $35, gel services at $45+, and nail art pricing depends on the design. Please contact us or visit our salon for current pricing and special promotions."
|
|
},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch & Book Your Appointment"
|
|
description="Ready to experience luxury nail care? Contact us today to schedule your appointment or ask any questions about our services."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "service", type: "text", placeholder: "Service Interested In", required: false },
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your appointment preferences or any special requests...", rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-hands-making-manicure-office-painting-nails-close-up_1163-4322.jpg"
|
|
imageAlt="Expo Nails & Spa salon ambiance"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Book Appointment"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Expo Nails & Spa"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|