Update src/app/page.tsx
This commit is contained in:
276
src/app/page.tsx
276
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Perth Hair Salon"
|
||||
/>
|
||||
@@ -54,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Excellence in Perth Hair Care"
|
||||
description="Experience premium styling and professional care tailored to your unique identity in our modern salon sanctuary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-hair-dryer-machine-hairbrush_107420-12145.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167404.jpg?_wi=1",
|
||||
imageAlt: "Styling Process",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg?_wi=1",
|
||||
imageAlt: "Healthy Hair",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-pink-hair-happy-smiling-creative-hair-colour_633478-1615.jpg",
|
||||
imageAlt: "Hair Coloring",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-relaxing-sauna_23-2149283620.jpg",
|
||||
imageAlt: "Hair Spa",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
imageAlt: "Beard Grooming",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-hair-dryer-machine-hairbrush_107420-12145.jpg", imageAlt: "Salon Interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167404.jpg", imageAlt: "Styling Process" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg", imageAlt: "Healthy Hair" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-pink-hair-happy-smiling-creative-hair-colour_633478-1615.jpg", imageAlt: "Hair Coloring" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-relaxing-sauna_23-2149283620.jpg", imageAlt: "Hair Spa" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "Beard Grooming" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,50 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Popular",
|
||||
price: "$75",
|
||||
subtitle: "Precision Cuts",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Wash & Condition",
|
||||
"Custom Blowdry",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Advanced",
|
||||
price: "$150",
|
||||
subtitle: "Professional Coloring",
|
||||
features: [
|
||||
"Root Touch-up",
|
||||
"Balayage Options",
|
||||
"Glaze Treatment",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Luxury",
|
||||
price: "$250",
|
||||
subtitle: "Keratin Treatment",
|
||||
features: [
|
||||
"Long-lasting Smoothing",
|
||||
"Anti-Frizz",
|
||||
"Deep Conditioning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
badge: "Care",
|
||||
price: "$90",
|
||||
subtitle: "Hair Spa Treatment",
|
||||
features: [
|
||||
"Scalp Massage",
|
||||
"Deep Repair Mask",
|
||||
"Ozone Therapy",
|
||||
],
|
||||
},
|
||||
{ id: "1", badge: "Popular", price: "$75", subtitle: "Precision Cuts", features: ["Consultation", "Wash & Condition", "Custom Blowdry"] },
|
||||
{ id: "2", badge: "Advanced", price: "$150", subtitle: "Professional Coloring", features: ["Root Touch-up", "Balayage Options", "Glaze Treatment"] },
|
||||
{ id: "3", badge: "Luxury", price: "$250", subtitle: "Keratin Treatment", features: ["Long-lasting Smoothing", "Anti-Frizz", "Deep Conditioning"] },
|
||||
{ id: "4", badge: "Care", price: "$90", subtitle: "Hair Spa Treatment", features: ["Scalp Massage", "Deep Repair Mask", "Ozone Therapy"] },
|
||||
]}
|
||||
title="Professional Salon Services"
|
||||
description="Discover our comprehensive range of hair and grooming treatments designed to rejuvenate your style."
|
||||
@@ -169,31 +86,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luke P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg" },
|
||||
{ id: "3", name: "Emma W.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" },
|
||||
{ id: "4", name: "Luke P.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg" },
|
||||
{ id: "5", name: "Chloe M.", imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -208,61 +105,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Styling",
|
||||
description: "Expert hands crafting the perfect silhouette for your face shape.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Layering",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
text: "Texturizing",
|
||||
icon: Sparkles,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-hair-dryer-machine-hairbrush_107420-12145.jpg?_wi=2",
|
||||
imageAlt: "hair stylist working on hair",
|
||||
title: "Precision Styling", description: "Expert hands crafting the perfect silhouette for your face shape.", media: { imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg", imageAlt: "hair stylist working on hair" },
|
||||
items: [{ text: "Layering", icon: Scissors }, { text: "Texturizing", icon: Sparkles }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Vibrant Color",
|
||||
description: "Premium colors that bring out your natural glow and personality.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119213.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Balayage",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
text: "Gloss",
|
||||
icon: Sun,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167404.jpg?_wi=2",
|
||||
imageAlt: "hair stylist working on hair",
|
||||
title: "Vibrant Color", description: "Premium colors that bring out your natural glow and personality.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119213.jpg", imageAlt: "hair stylist working on hair" },
|
||||
items: [{ text: "Balayage", icon: Palette }, { text: "Gloss", icon: Sun }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Deep Care",
|
||||
description: "Revitalizing hair health through our specialized spa treatments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Scalp Health",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
text: "Deep Repair",
|
||||
icon: Leaf,
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg?_wi=2",
|
||||
imageAlt: "hair stylist working on hair",
|
||||
title: "Deep Care", description: "Revitalizing hair health through our specialized spa treatments.", media: { imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "hair stylist working on hair" },
|
||||
items: [{ text: "Scalp Health", icon: Droplets }, { text: "Deep Repair", icon: Leaf }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Modern Hair Studio Aesthetics"
|
||||
@@ -275,21 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Yes, we highly recommend booking your appointment in advance to secure your preferred slot.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium, high-quality professional salon brands to ensure the best health for your hair.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are walk-ins welcome?",
|
||||
content: "While we prioritize appointments, we occasionally accommodate walk-ins if there's an opening.",
|
||||
},
|
||||
{ id: "1", title: "Do I need to book in advance?", content: "Yes, we highly recommend booking your appointment in advance to secure your preferred slot." },
|
||||
{ id: "2", title: "What products do you use?", content: "We use premium, high-quality professional salon brands to ensure the best health for your hair." },
|
||||
{ id: "3", title: "Are walk-ins welcome?", content: "While we prioritize appointments, we occasionally accommodate walk-ins if there's an opening." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our services? We've answered some common ones here."
|
||||
@@ -300,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Ready for a Transformation?"
|
||||
description="Book your session today and let our experts handle your hair with the care it deserves."
|
||||
@@ -316,50 +157,23 @@ export default function LandingPage() {
|
||||
logoText="Perth Hair Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Coloring",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Hair Spa",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "#services" },
|
||||
{ label: "Coloring", href: "#services" },
|
||||
{ label: "Hair Spa", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Book Online",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Book Online", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user