243 lines
14 KiB
TypeScript
243 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
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">
|
|
<HeroSplit
|
|
title="Premium Nail Care in Sydney"
|
|
description="Discover luxurious nail services from a certified technician. From classic manicures to intricate nail art designs, we bring your vision to life with precision and care."
|
|
background={{ variant: "glowing-orb" }}
|
|
tag="Professional Nail Technician"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg"
|
|
imageAlt="Beautiful nail art design showcase"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "contact" },
|
|
{ text: "View Services", href: "services" }
|
|
]}
|
|
/>
|
|
</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">
|
|
<FeatureProcessSteps
|
|
title="Our Services"
|
|
description="Professional nail care designed to enhance your natural beauty and boost your confidence with premium techniques and quality products."
|
|
tag="What We Offer"
|
|
tagIcon={Sparkles}
|
|
useInvertedBackground="invertDefault"
|
|
steps={[
|
|
{
|
|
number: "01", title: "Gel Manicure & Pedicure", description: "Long-lasting gel polish application with glossy finish that lasts up to 3 weeks. Perfect for maintaining beautiful nails between appointments.", tag: "Popular"
|
|
},
|
|
{
|
|
number: "02", title: "Acrylic Nails", description: "Custom acrylic extensions designed to your specifications. Durable, glamorous, and perfect for special occasions or everyday elegance.", tag: "Premium"
|
|
},
|
|
{
|
|
number: "03", title: "Nail Art & Design", description: "Creative custom designs from simple accents to intricate artwork. Express your personality with stunning nail art that's uniquely you.", tag: "Creative"
|
|
},
|
|
{
|
|
number: "04", title: "Classic Manicure", description: "Traditional manicure with nail shaping, cuticle care, and polish application. Timeless elegance with professional finishing touches.", tag: "Essential"
|
|
}
|
|
]}
|
|
/>
|
|
</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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/tmp/create-an-image-of-some-people-doing-the-1770321952513-a0a3714b.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>
|
|
);
|
|
} |