4 Commits

2 changed files with 43 additions and 27 deletions

View File

@@ -2,9 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit'; import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree'; import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -41,19 +41,18 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroBillboard
title="Premium Nail Care in Sydney" title="Elevate Your Style with Shine & Style"
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." description="Experience the ultimate in beauty and elegance. From stunning hairstyles to flawless makeup, our expert stylists will transform your look."
background={{ variant: "glowing-orb" }} background={{ variant: "downward-rays-animated" }}
tag="Professional Nail Technician" tag="Luxury Beauty Salon"
tagIcon={Sparkles} 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={[ buttons={[
{ text: "Book Appointment", href: "contact" }, { text: "Book Your Appointment", href: "contact" },
{ text: "View Services", href: "services" } { text: "View Our Services", href: "services" }
]} ]}
imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
imageAlt="Luxury Beauty Salon"
/> />
</div> </div>
@@ -70,26 +69,43 @@ export default function LandingPage() {
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureProcessSteps <FeatureCardThree
title="Our Services" features={[
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" 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"
}, },
{ {
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" 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"
}, },
{ {
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" 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"
}, },
{ {
number: "04", title: "Classic Manicure", description: "Traditional manicure with nail shaping, cuticle care, and polish application. Timeless elegance with professional finishing touches.", tag: "Essential" 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>

View File

@@ -11,10 +11,10 @@
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #fcf6ec; --background: #fcf6ec;
--card: #f3ede2; --card: #e6f5e6;
--foreground: #2e2521; --foreground: #ffffff;
--primary-cta: #2e2521; --primary-cta: #ffffff;
--secondary-cta: #ffffff; --secondary-cta: #2e2521;
--accent: #b2a28b; --accent: #b2a28b;
--background-accent: #b2a28b; --background-accent: #b2a28b;