262 lines
14 KiB
TypeScript
262 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
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">
|
|
<FeatureCardOne
|
|
features={[
|
|
{
|
|
title: "Glowing Gel Manicure",
|
|
description: "Experience a long-lasting gel manicure that keeps your nails looking perfect for up to 3 weeks.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
button: { label: "Book Now", href: "#" }
|
|
},
|
|
{
|
|
title: "Radiant Acrylic Nails",
|
|
description: "Get custom acrylic nails that are both durable and glamorous, perfect for any occasion.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
button: { label: "Explore", href: "#" }
|
|
},
|
|
{
|
|
title: "Creative Nail Art",
|
|
description: "Express your unique style with custom nail art designs that are as unique as you are.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
button: { label: "View Designs", href: "#" }
|
|
},
|
|
{
|
|
title: "Classic Manicure",
|
|
description: "Enjoy a traditional manicure with professional care and a timeless finish.",
|
|
imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
|
|
button: { label: "Schedule", href: "#" }
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="uniform"
|
|
animationType="3D"
|
|
title="Shine & Style's Offerings"
|
|
description="Elevate your beauty with our premium nail care services tailored to enhance your natural glow."
|
|
tag="Your Style, Our Expertise"
|
|
buttons={[
|
|
{ label: "Book Now", href: "#" },
|
|
{ label: "View Gallery", href: "#" }
|
|
]}
|
|
textboxLayout="center"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</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>
|
|
);
|
|
} |