259 lines
14 KiB
TypeScript
259 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Sparkles, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Shine & Style"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Elevate Your Style with Shine & Style"
|
|
description="Experience the ultimate in beauty and elegance. From stunning hairstyles to flawless makeup, our expert stylists will transform your look."
|
|
background={{ variant: "downward-rays-animated" }}
|
|
tag="Luxury Beauty Salon"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Book Your Appointment", href: "contact" },
|
|
{ text: "View Our Services", href: "services" }
|
|
]}
|
|
imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
|
imageAlt="Luxury Beauty Salon"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Shine & Style"
|
|
description={[
|
|
"With over 8 years of experience in professional nail care, I've perfected the art of creating stunning nails that make you feel confident and beautiful. Based in Sydney, I serve clients throughout the metropolitan area.", "Every client receives personalized attention and premium products to ensure optimal nail health and stunning results. I stay current with the latest trends and techniques in the beauty industry.", "Whether you're looking for everyday elegance or special event glamour, I'm committed to delivering exceptional service and beautiful nails you'll love to show off."
|
|
]}
|
|
buttons={[{ text: "Learn More", href: "services" }]}
|
|
showBorder={true}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Glamorous Gel Manicure",
|
|
description: "Indulge in a luxurious gel manicure that stays chip-free for up to 3 weeks.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "Gel Manicure"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Elegant Acrylic Nails",
|
|
description: "Experience the elegance of custom acrylic nails that are both durable and stylish.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "Acrylic Nails"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Artistic Nail Designs",
|
|
description: "Unleash your creativity with unique nail art designs that reflect your personal style.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "Nail Art"
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Classic Nail Care",
|
|
description: "Enjoy a traditional manicure with professional care and a timeless finish.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
imageAlt: "Classic Manicure"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="uniform"
|
|
animationType="3D"
|
|
title="Shine & Style's Services"
|
|
description="Transform your look with our premium nail care services designed to enhance your natural beauty."
|
|
tag="Your Style, Our Expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
title="Portfolio Showcase"
|
|
description="Browse our collection of stunning nail designs and services. Each design reflects quality craftsmanship and attention to detail."
|
|
tag="Gallery"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="bento-grid"
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Red Gel", price: "$50", imageSrc: "https://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2376.jpg", imageAlt: "nail design nail art creative nails artistic nails"
|
|
},
|
|
{
|
|
id: "2", name: "Ombre Acrylic", price: "$65", imageSrc: "https://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg", imageAlt: "acrylic nails nail extensions manicure professional nails"
|
|
},
|
|
{
|
|
id: "3", name: "Glitter Design", price: "$60", imageSrc: "https://img.b2bpic.net/free-photo/front-view-young-female-manicure-with-black-gloves-doing-manicure-blue_140725-24259.jpg", imageAlt: "nail polish colors beauty products cosmetics"
|
|
},
|
|
{
|
|
id: "4", name: "Marble Art", price: "$70", imageSrc: "https://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg", imageAlt: "gel nails manicure service professional nails nail technician"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Real feedback from happy clients who trust us with their nail care and beauty needs."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahj_sydney", testimonial: "Best nail technician in Sydney! My nails always look perfect and she's so friendly and professional. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Emma Williams", handle: "@emma_nails", testimonial: "The attention to detail is incredible. Every appointment is relaxing and the results are absolutely stunning. Worth every penny!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Emma Williams"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Lee", handle: "@jessicalee92", testimonial: "Finally found someone who listens to exactly what I want and delivers. My friends are always asking where I get my nails done!", imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", imageAlt: "Jessica Lee"
|
|
},
|
|
{
|
|
id: "4", name: "Michelle Chen", handle: "@michelle_beauty", testimonial: "Professional, talented, and uses quality products. I've been coming for 2 years and wouldn't go anywhere else. Shine & Style is amazing!", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Michelle Chen"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Martinez", handle: "@lisamart87", testimonial: "The salon is immaculate and the service is exceptional. She makes you feel pampered and special every single time.", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Lisa Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "Rachel Thompson", handle: "@rachel_style", testimonial: "My wedding nails were absolutely perfect! She understood my vision and executed it beautifully. Thank you so much!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Rachel Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Service Pricing"
|
|
description="Transparent pricing for all our premium nail services. Quality care at competitive Sydney rates."
|
|
tag="Affordable Luxury"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
plans={[
|
|
{
|
|
id: "1", name: "Gel Manicure", price: "$55", buttons: [
|
|
{ text: "Book Now", href: "contact" },
|
|
{ text: "Learn More", href: "services" }
|
|
],
|
|
features: [
|
|
"Professional gel polish application", "Lasts up to 3 weeks", "Color selection from 200+ shades", "Includes hand massage", "Top quality gel products"
|
|
]
|
|
},
|
|
{
|
|
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
|
name: "Acrylic Nails", price: "$65", buttons: [
|
|
{ text: "Book Now", href: "contact" },
|
|
{ text: "Learn More", href: "services" }
|
|
],
|
|
features: [
|
|
"Custom acrylic extensions", "Professional shaping and design", "Choose length and shape", "Premium acrylic products", "Includes nail art accent"
|
|
]
|
|
},
|
|
{
|
|
id: "3", name: "Nail Art Design", price: "$70", buttons: [
|
|
{ text: "Book Now", href: "contact" },
|
|
{ text: "Learn More", href: "services" }
|
|
],
|
|
features: [
|
|
"Custom design creation", "Unlimited color options", "Intricate artistic details", "Professional execution", "Perfect for special occasions"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Ready to Book Your Appointment?"
|
|
description="Contact us today to schedule your next nail appointment. We're located in Sydney and ready to make your nails beautiful."
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-man-doing-pedicure-salon-beauty-concept_1301-3371.jpg"
|
|
imageAlt="Relaxing nail salon environment"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Book Appointment"
|
|
termsText="We'll reach out within 24 hours to confirm your appointment. Your information is secure and private."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Shine & Style"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "hero" },
|
|
{ label: "Services", href: "services" },
|
|
{ label: "Portfolio", href: "portfolio" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Book Now", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Sydney, NSW", href: "#" },
|
|
{ label: "Professional Nail Care", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |