310 lines
18 KiB
TypeScript
310 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Award, Diamond, Droplets, Leaf, MapPin, Palette, ShieldCheck, Smile, Sparkles, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="noise"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About Us", id: "about"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Why Choose Us", id: "why-choose-us"},
|
||
{
|
||
name: "Gallery", id: "gallery"},
|
||
{
|
||
name: "Testimonials", id: "testimonials"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Bliss Nail Lounge Pueblo"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
logoText="Bliss Nail Lounge Pueblo"
|
||
description="Bliss Nail Lounge Pueblo offers premium nail care, spa treatments, waxing services, and beauty experiences designed to help you look and feel your best."
|
||
buttons={[
|
||
{
|
||
text: "Book Your Appointment", href: "#contact"},
|
||
{
|
||
text: "Call Now", href: "tel:+17195069744"},
|
||
]}
|
||
imageSrc="https://images.unsplash.com/photo-1559814478-f75e239e2463?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1200&h=800&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg"
|
||
imageAlt="Modern and luxurious interior of Bliss Nail Lounge Pueblo"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={true}
|
||
title="Welcome to Bliss Nail Lounge Pueblo"
|
||
description="At Bliss Nail Lounge Pueblo, beauty meets relaxation. Our talented team is dedicated to providing exceptional nail and spa services in a clean, comfortable, and luxurious environment. Whether you’re looking for a quick refresh or a full self-care experience, we strive to deliver outstanding results and personalized service every visit."
|
||
metrics={[
|
||
{
|
||
value: "10+", title: "Years of Expertise"},
|
||
{
|
||
value: "5000+", title: "Happy Clients"},
|
||
{
|
||
value: "20+", title: "Premium Services"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-composition-nail-care-products_23-2148974516.jpg"
|
||
imageAlt="Close-up of a client receiving a luxurious manicure service"
|
||
mediaAnimation="blur-reveal"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Exquisite Nail Care", description: "From classic manicures to intricate nail art and treatments, we perfect every detail.", icon: Sparkles,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-beauty-routine-with-golden-eye-patches_23-2150166467.jpg", imageAlt: "Elegant gel manicure with delicate nail art"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3949.jpg", imageAlt: "Client enjoying a classic manicure at the salon"},
|
||
]
|
||
},
|
||
{
|
||
title: "Advanced Nail Enhancements", description: "Discover durable acrylics, dip powder, and sculpted extensions for lasting beauty.", icon: Diamond,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg", imageAlt: "Long acrylic nails with a glossy finish"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-manicure-top-view_23-2149975501.jpg", imageAlt: "Close-up of a nail technician applying dip powder"},
|
||
]
|
||
},
|
||
{
|
||
title: "Relaxing Pedicures & Spa", description: "Treat your feet to our spa pedicures, callus removal, and rejuvenating foot massages.", icon: Droplets,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-massaging-hand_23-2149871267.jpg", imageAlt: "A spa pedicure with a foot bath and flowers"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-female-feet-hand-spa_1150-37700.jpg", imageAlt: "Client receiving a relaxing foot massage"},
|
||
]
|
||
},
|
||
{
|
||
title: "Professional Waxing Services", description: "Experience smooth, radiant skin with our comprehensive Brazilian, facial, and body waxing.", icon: Palette,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/getting-ready-spa_1098-19902.jpg", imageAlt: "A clean and professional waxing station"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273925.jpg", imageAlt: "Esthetician preparing for a waxing service"},
|
||
]
|
||
},
|
||
]}
|
||
title="Our Luxurious Services"
|
||
description="Indulge in a wide range of premium nail care, spa treatments, and beauty services tailored to your needs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose-us" data-section="why-choose-us">
|
||
<MetricCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "m1", icon: Award,
|
||
title: "Expert Technicians", value: "Experienced & Certified"},
|
||
{
|
||
id: "m2", icon: ShieldCheck,
|
||
title: "Pristine Cleanliness", value: "Sanitized Environment"},
|
||
{
|
||
id: "m3", icon: Users,
|
||
title: "Walk-Ins Welcome", value: "Always Accommodating"},
|
||
{
|
||
id: "m4", icon: Smile,
|
||
title: "Family-Friendly", value: "All Ages Welcome"},
|
||
{
|
||
id: "m5", icon: Leaf,
|
||
title: "Relaxing Spa", value: "Tranquil Experience"},
|
||
{
|
||
id: "m6", icon: Palette,
|
||
title: "Premium Products", value: "High-Quality Brands"},
|
||
{
|
||
id: "m7", icon: MapPin,
|
||
title: "Pueblo Location", value: "Convenient & Accessible"},
|
||
]}
|
||
title="Why Choose Bliss Nail Lounge?"
|
||
description="Experience the difference of a truly luxurious and customer-focused nail salon in Pueblo."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "g1", brand: "Nail Enhancements", name: "Intricate Acrylic Sets", price: "Starting at $55", rating: 5,
|
||
reviewCount: "200", imageSrc: "https://images.unsplash.com/photo-1627042504936-3a0c5f01e1a5?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg", imageAlt: "A client showcasing a luxurious and intricately designed acrylic nail set."},
|
||
{
|
||
id: "g2", brand: "Perfect Finish", name: "Glossy Gel Nails", price: "Starting at $40", rating: 5,
|
||
reviewCount: "180", imageSrc: "https://images.unsplash.com/photo-1596792377318-7f551c9447a1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg", imageAlt: "Close-up of perfectly applied, glossy gel nails with a vibrant color."},
|
||
{
|
||
id: "g3", brand: "Custom Creations", name: "Unique Nail Art", price: "Starting at $25", rating: 5,
|
||
reviewCount: "150", imageSrc: "https://images.unsplash.com/photo-1583092288118-e67f2b1d7d0a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg", imageAlt: "Example of custom hand-painted nail art with delicate patterns."},
|
||
{
|
||
id: "g4", brand: "Foot Indulgence", name: "Relaxing Pedicures", price: "Starting at $45", rating: 5,
|
||
reviewCount: "220", imageSrc: "https://images.unsplash.com/photo-1616401086088-7e3f8a02b1b3?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg", imageAlt: "A tranquil scene of a client enjoying a spa pedicure with flowers."},
|
||
{
|
||
id: "g5", brand: "Our Ambiance", name: "Salon Interior", price: "Experience Luxury", rating: 5,
|
||
reviewCount: "250", imageSrc: "https://images.unsplash.com/photo-1624022883446-5f40071c8411?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg", imageAlt: "The modern and luxurious interior design of Bliss Nail Lounge Pueblo."},
|
||
{
|
||
id: "g6", brand: "Before & After", name: "Client Transformations", price: "Your Beauty Journey", rating: 5,
|
||
reviewCount: "190", imageSrc: "https://images.unsplash.com/photo-1599387401763-71a74d47159c?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg", imageAlt: "A striking before and after comparison of a client's nail transformation."},
|
||
]}
|
||
title="Our Gallery: Artistry in Every Detail"
|
||
description="Explore our exquisite portfolio of manicures, pedicures, and stunning nail art creations that define luxury."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah J.", handle: "@sarah_beauty", testimonial: "Bliss Nail Lounge truly lives up to its name! The atmosphere is so relaxing, and my gel manicure lasts perfectly for weeks. I always leave feeling pampered and beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Sarah J. smiling"},
|
||
{
|
||
id: "t2", name: "Emily R.", handle: "@emily.nails", testimonial: "The best nail salon in Pueblo, hands down! Their attention to detail is unmatched, and I always get compliments on my nail art. Highly recommend their spa pedicures!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", imageAlt: "Emily R. smiling"},
|
||
{
|
||
id: "t3", name: "Jessica M.", handle: "@jess_manis", testimonial: "I love the clean and elegant environment here. The technicians are super friendly and skilled, making every visit a delightful experience. My go-to place for self-care.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "Jessica M. smiling"},
|
||
{
|
||
id: "t4", name: "Olivia P.", handle: "@olivia.glows", testimonial: "Their acrylic sets are flawless and durable. I've tried other places, but Bliss Nail Lounge consistently delivers amazing quality and service. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-fashionable-woman-stylish-clothes-glasses-standing-against-skyscraper_613910-20972.jpg", imageAlt: "Olivia P. smiling"},
|
||
{
|
||
id: "t5", name: "Sophia G.", handle: "@sophia_spa", testimonial: "The waxing services are quick, efficient, and surprisingly gentle. The staff ensures you're comfortable and provides excellent results. I wouldn't go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", imageAlt: "Sophia G. smiling"},
|
||
{
|
||
id: "t6", name: "Grace K.", handle: "@grace_nails", testimonial: "Absolutely thrilled with my visit! The attention to detail during my manicure was incredible, and the salon itself is a serene escape. I'll definitely be back!", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg", imageAlt: "Grace K. smiling"},
|
||
]}
|
||
title="What Our Clients Say"
|
||
description="Hear from our happy customers about their luxurious experiences at Bliss Nail Lounge Pueblo."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Connect with Bliss Nail Lounge Pueblo"
|
||
description="Ready to experience the ultimate in nail care and relaxation? Book your appointment or reach out to us today."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Your Phone Number"},
|
||
]}
|
||
multiSelect={{
|
||
name: "serviceType", label: "Select Service(s) of Interest", options: [
|
||
"Manicure", "Gel Manicure", "Nail Art", "Acrylic Nails", "Dip Powder", "Pedicure", "Spa Pedicure", "Brazilian Waxing", "Facial Waxing", "Body Waxing"],
|
||
}}
|
||
textarea={{
|
||
name: "message", placeholder: "Tell us about your desired service or appointment details...", rows: 5,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg"
|
||
imageAlt="Elegant reception area of Bliss Nail Lounge Pueblo"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
buttonText="Send Message / Request Appointment"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321244.jpg"
|
||
imageAlt="Luxurious nail salon products and tools display"
|
||
logoText="Bliss Nail Lounge Pueblo"
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "Home", href: "#hero"},
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Services", href: "#services"},
|
||
{
|
||
label: "Gallery", href: "#gallery"},
|
||
{
|
||
label: "Testimonials", href: "#testimonials"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Our Services", items: [
|
||
{
|
||
label: "Manicures", href: "#services"},
|
||
{
|
||
label: "Pedicures", href: "#services"},
|
||
{
|
||
label: "Nail Art", href: "#services"},
|
||
{
|
||
label: "Waxing", href: "#services"},
|
||
{
|
||
label: "Nail Enhancements", href: "#services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact Info", items: [
|
||
{
|
||
label: "4120 N Fwy Rd, Pueblo, CO 81008", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
|
||
{
|
||
label: "(719) 506-9744", href: "tel:+17195069744"},
|
||
{
|
||
label: "Open Daily | Closes 7:30 PM", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Bliss Nail Lounge Pueblo. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |