diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 17918bc..bfefc47 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -22,11 +22,13 @@ const nunitoSans = Nunito_Sans({ export const metadata: Metadata = { title: "Caroline's Hair & Beauty | Premier Salon Johannesburg", description: "Women-owned LGBTQ+ friendly salon in Mondeor, Johannesburg. Expert hair cutting, styling, coloring & beauty treatments. Book your appointment today.", keywords: "hair salon, hair cutting, styling, coloring, beauty treatments, Johannesburg, Mondeor, women-owned, LGBTQ+ friendly", metadataBase: new URL("https://carolineshairdbeauty.co.za"), alternates: { - canonical: "https://carolineshairdbeauty.co.za"}, + canonical: "https://carolineshairdbeauty.co.za" + }, openGraph: { title: "Caroline's Hair & Beauty | Premier Salon Johannesburg", description: "Experience premium hair and beauty services at our women-owned, LGBTQ+ friendly salon in Mondeor, Johannesburg.", url: "https://carolineshairdbeauty.co.za", siteName: "Caroline's Hair & Beauty", type: "website", images: [ { - url: "https://carolineshairdbeauty.co.za/og-image.jpg", alt: "Caroline's Hair & Beauty Salon"}, + url: "https://carolineshairdbeauty.co.za/og-image.jpg", alt: "Caroline's Hair & Beauty Salon" + }, ], }, twitter: { diff --git a/src/app/page.tsx b/src/app/page.tsx index cb6c793..a137c0a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,7 +35,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Book Appointment", href: "#contact"}} + text: "Book Appointment", href: "#contact" + }} animateOnLoad={true} /> @@ -53,17 +54,23 @@ export default function LandingPage() { background={{ variant: "plain" }} carouselItems={[ { - id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", imageAlt: "hair salon professional styling blonde hair beauty treatment"}, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", imageAlt: "hair salon professional styling blonde hair beauty treatment" + }, { - id: "2", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1", imageAlt: "modern salon interior relaxing spa beauty salon professional space"}, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1", imageAlt: "modern salon interior relaxing spa beauty salon professional space" + }, { - id: "3", imageSrc: "http://img.b2bpic.net/free-photo/blurred-hairdresser-cutting-hair-customer_23-2147778767.jpg?_wi=1", imageAlt: "hair cutting professional barber scissors styling haircut"}, + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/blurred-hairdresser-cutting-hair-customer_23-2147778767.jpg?_wi=1", imageAlt: "hair cutting professional barber scissors styling haircut" + }, { - id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg?_wi=1", imageAlt: "hair coloring dye application color treatment salon coloring"}, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg?_wi=1", imageAlt: "hair coloring dye application color treatment salon coloring" + }, { - id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg?_wi=1", imageAlt: "beauty treatment facial care spa treatment wellness"}, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg?_wi=1", imageAlt: "beauty treatment facial care spa treatment wellness" + }, { - id: "6", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2", imageAlt: "modern salon interior relaxing spa beauty salon professional space"}, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2", imageAlt: "modern salon interior relaxing spa beauty salon professional space" + }, ]} autoPlay={true} autoPlayInterval={4000} @@ -89,13 +96,16 @@ export default function LandingPage() { features={[ { id: "1", title: "Hair Cutting & Styling", author: "Specialty: Shina's Expert Touch", description: "Experience precision cutting and professional styling that transforms your look. Our stylists, including renowned specialist Shina, deliver cuts and styles that enhance your natural beauty and personal style.", tags: ["Precision", "Expert"], - imageSrc: "http://img.b2bpic.net/free-photo/blurred-hairdresser-cutting-hair-customer_23-2147778767.jpg?_wi=2", imageAlt: "Professional hair cutting service"}, + imageSrc: "http://img.b2bpic.net/free-photo/blurred-hairdresser-cutting-hair-customer_23-2147778767.jpg?_wi=2", imageAlt: "Professional hair cutting service" + }, { id: "2", title: "Premium Hair Coloring", author: "Full-Service Color Treatments", description: "Achieve your dream color with our professional coloring services. From vibrant fashion colors to natural tones, we use premium products and techniques to ensure stunning, healthy-looking results.", tags: ["Color", "Premium"], - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg?_wi=2", imageAlt: "Professional hair coloring treatment"}, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg?_wi=2", imageAlt: "Professional hair coloring treatment" + }, { id: "3", title: "Beauty Treatments", author: "Holistic Beauty Solutions", description: "Enhance your natural beauty with our specialized beauty treatments. From facials to makeup and more, our beauty experts create personalized treatments for the ultimate pampering experience.", tags: ["Beauty", "Wellness"], - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg?_wi=2", imageAlt: "Professional beauty treatment"}, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg?_wi=2", imageAlt: "Professional beauty treatment" + }, ]} animationType="slide-up" textboxLayout="default" @@ -110,13 +120,17 @@ export default function LandingPage() { author="Sarah M., Johannesburg" avatars={[ { - src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Sarah M."}, + src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Sarah M." + }, { - src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Client testimonial"}, + src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Client testimonial" + }, { - src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", alt: "Client testimonial"}, + src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", alt: "Client testimonial" + }, { - src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client testimonial"}, + src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client testimonial" + }, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -128,9 +142,11 @@ export default function LandingPage() { diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 4fd73bf..f9dd11a 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -13,7 +13,7 @@ --background: #ffffff; --card: #f9f9f9; --foreground: #000612e6; - --primary-cta: #15479c; + --primary-cta: #ec4899; --primary-cta-text: #ffffff; --secondary-cta: #f9f9f9; --secondary-cta-text: #000612e6;