Merge version_1 into main #6
124
src/app/page.tsx
124
src/app/page.tsx
@@ -44,7 +44,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -55,7 +55,8 @@ export default function LandingPage() {
|
||||
brandName="House of London"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
text: "Book Now", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,9 +73,11 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
text: "Book an Appointment", href: "#contact"
|
||||
},
|
||||
{
|
||||
text: "Explore Services", href: "#features"},
|
||||
text: "Explore Services", href: "#features"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
@@ -82,20 +85,23 @@ export default function LandingPage() {
|
||||
name: "Sarah Mitchell", handle: "Regular Client", testimonial:
|
||||
"The best salon experience I've had. The team truly understands what I need.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg?_wi=1"},
|
||||
"http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
name: "Emma Thompson", handle: "Bridal Client", testimonial:
|
||||
"My wedding day hair was absolutely perfect. Highly recommended!", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=1"},
|
||||
"http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
name: "James Wilson", handle: "Groom", testimonial:
|
||||
"Professional service from start to finish. Great attention to detail.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg?_wi=1"},
|
||||
"http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg?_wi=1"
|
||||
},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,9 +115,11 @@ export default function LandingPage() {
|
||||
description="House of London has been a beacon of excellence in the beauty industry for over two decades. Our team of certified stylists and beauty professionals are committed to providing personalized services that enhance your natural beauty and boost your confidence. We use only the finest products and latest techniques to ensure every client leaves our salon feeling refreshed and revitalized."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+", title: "Years of Excellence"},
|
||||
value: "25+", title: "Years of Excellence"
|
||||
},
|
||||
{
|
||||
value: "500+", title: "Happy Clients Monthly"},
|
||||
value: "500+", title: "Happy Clients Monthly"
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-doing-make-up-each-other_23-2148708984.jpg"
|
||||
imageAlt="House of London team of professional stylists"
|
||||
@@ -137,13 +145,16 @@ export default function LandingPage() {
|
||||
"Professional color treatments with premium products for vibrant, long-lasting results.", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Full Color", subtitle: "Complete transformation", detail: "Rich, vibrant color coverage"},
|
||||
title: "Full Color", subtitle: "Complete transformation", detail: "Rich, vibrant color coverage"
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Highlights", subtitle: "Dimensional beauty", detail: "Strategic light placement"},
|
||||
title: "Highlights", subtitle: "Dimensional beauty", detail: "Strategic light placement"
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Balayage", subtitle: "Natural sun-kissed look", detail: "Hand-painted highlights"},
|
||||
title: "Balayage", subtitle: "Natural sun-kissed look", detail: "Hand-painted highlights"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -151,13 +162,16 @@ export default function LandingPage() {
|
||||
"Expert cutting and styling services to create your perfect look.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Precision Cuts", time: "30-45 min"},
|
||||
label: "Precision Cuts", time: "30-45 min"
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
label: "Blow Dry Styling", time: "20-30 min"},
|
||||
label: "Blow Dry Styling", time: "20-30 min"
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Creative Styling", time: "45-60 min"},
|
||||
label: "Creative Styling", time: "45-60 min"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -165,20 +179,24 @@ export default function LandingPage() {
|
||||
"Nourishing treatments to restore and revitalize your hair.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Droplet,
|
||||
label: "Deep Conditioning", value: "Hydration"},
|
||||
label: "Deep Conditioning", value: "Hydration"
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Keratin Treatment", value: "Strength"},
|
||||
label: "Keratin Treatment", value: "Strength"
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Organic Masks", value: "Healing"},
|
||||
label: "Organic Masks", value: "Healing"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Special Occasions", description:
|
||||
"Stunning makeup and styling for weddings, events, and celebrations.", bentoComponent: "marquee", centerIcon: Heart,
|
||||
variant: "text", texts: [
|
||||
"Bridal Packages", "Event Styling", "Party Ready", "Red Carpet Glam"],
|
||||
"Bridal Packages", "Event Styling", "Party Ready", "Red Carpet Glam"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -198,27 +216,33 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "1", name: "Victoria Chen", role: "Regular Client", testimonial:
|
||||
"Absolutely fantastic! My hair has never looked better. The team is so welcoming and professional. I've been coming here for 3 years.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg?_wi=2", imageAlt: "Victoria Chen"},
|
||||
"http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg?_wi=2", imageAlt: "Victoria Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Jessica Martinez", role: "Bridal Client", testimonial:
|
||||
"My wedding day hair was perfection! The stylist listened to exactly what I wanted and made it even better. Thank you!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=2", imageAlt: "Jessica Martinez"},
|
||||
"http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=2", imageAlt: "Jessica Martinez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "David Thompson", role: "Corporate Client", testimonial:
|
||||
"Professional, reliable, and always delivers. I trust them with my look for important business events.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg?_wi=2", imageAlt: "David Thompson"},
|
||||
"http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg?_wi=2", imageAlt: "David Thompson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Amanda Foster", role: "Color Transformation", testimonial:
|
||||
"I was nervous about my hair transformation, but the colorist was so knowledgeable and supportive. I love the new me!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/serious-woman-looking-camera-with-curly-hair_633478-33.jpg", imageAlt: "Amanda Foster"},
|
||||
"http://img.b2bpic.net/free-photo/serious-woman-looking-camera-with-curly-hair_633478-33.jpg", imageAlt: "Amanda Foster"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Rachel Lee", role: "Regular Visitor", testimonial:
|
||||
"The salon atmosphere is so relaxing and elegant. Every visit feels like a special treat. Highly recommend!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-talking-phone-looking-away_23-2148218537.jpg", imageAlt: "Rachel Lee"},
|
||||
"http://img.b2bpic.net/free-photo/woman-talking-phone-looking-away_23-2148218537.jpg", imageAlt: "Rachel Lee"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Michael Garcia", role: "Loyalty Member", testimonial:
|
||||
"Outstanding service every time. The team remembers my preferences and always goes the extra mile. Best salon in the area!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageAlt: "Michael Garcia"},
|
||||
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageAlt: "Michael Garcia"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -237,23 +261,29 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "express", title: "Express Cut", price: "£35", period: "per session", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg", imageAlt: "Express haircut service", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
text: "Book Now", href: "#contact"
|
||||
},
|
||||
features: [
|
||||
"Quick professional haircut", "Styled and finished", "30-45 minutes"],
|
||||
"Quick professional haircut", "Styled and finished", "30-45 minutes"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard", title: "Complete Style", price: "£65", period: "per session", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiley-mom-combing-daughter-hair_23-2148482893.jpg", imageAlt: "Complete styling service", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
text: "Book Now", href: "#contact"
|
||||
},
|
||||
features: [
|
||||
"Expert haircut and styling", "Color consultation included", "60 minutes", "Complimentary styling product"],
|
||||
"Expert haircut and styling", "Color consultation included", "60 minutes", "Complimentary styling product"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium", title: "Premium Treatment", price: "£120", period: "per session", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/woman-having-hair-brushed-latino-hair-salon_23-2150555165.jpg", imageAlt: "Premium hair treatment", button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
text: "Book Now", href: "#contact"
|
||||
},
|
||||
features: [
|
||||
"Full color or complex styling", "Deep conditioning treatment", "Expert consultation", "90 minutes", "Luxury product package"],
|
||||
"Full color or complex styling", "Deep conditioning treatment", "Expert consultation", "90 minutes", "Luxury product package"
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -272,22 +302,28 @@ export default function LandingPage() {
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I book an appointment?", content:
|
||||
"You can book an appointment through our contact form, call us directly at our salon, or message us on our social media. We offer flexible scheduling to fit your busy lifestyle."},
|
||||
"You can book an appointment through our contact form, call us directly at our salon, or message us on our social media. We offer flexible scheduling to fit your busy lifestyle."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is your cancellation policy?", content:
|
||||
"We require 24 hours notice for cancellations or rescheduling. Cancellations made with less notice may be subject to a 50% booking fee."},
|
||||
"We require 24 hours notice for cancellations or rescheduling. Cancellations made with less notice may be subject to a 50% booking fee."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer color treatments?", content:
|
||||
"Yes, we offer full color services, highlights, balayage, and color corrections. Our colorists use premium products to ensure vibrant, long-lasting results."},
|
||||
"Yes, we offer full color services, highlights, balayage, and color corrections. Our colorists use premium products to ensure vibrant, long-lasting results."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How often should I get a haircut?", content:
|
||||
"We recommend getting a haircut every 4-6 weeks to maintain your style. For color treatments, touch-ups are typically needed every 4-8 weeks depending on your hair growth."},
|
||||
"We recommend getting a haircut every 4-6 weeks to maintain your style. For color treatments, touch-ups are typically needed every 4-8 weeks depending on your hair growth."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do you use organic or natural products?", content:
|
||||
"We use professional-grade products from trusted brands. Many of our treatments include options for organic and natural product lines. Please mention any preferences during your booking."},
|
||||
"We use professional-grade products from trusted brands. Many of our treatments include options for organic and natural product lines. Please mention any preferences during your booking."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Are first-time clients welcome?", content:
|
||||
"Absolutely! We love welcoming new clients. We recommend arriving 10-15 minutes early for your first appointment to complete our client information form."},
|
||||
"Absolutely! We love welcoming new clients. We recommend arriving 10-15 minutes early for your first appointment to complete our client information form."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,9 +337,11 @@ export default function LandingPage() {
|
||||
description="Get in touch with our team to schedule your personalized beauty consultation. Whether you're looking for a new style, color transformation, or special occasion preparation, we're here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us", href: "tel:+442071234567"},
|
||||
text: "Call Us", href: "tel:+442071234567"
|
||||
},
|
||||
{
|
||||
text: "Send Message", href: "mailto:bookings@houseoflondon.com"},
|
||||
text: "Send Message", href: "mailto:bookings@houseoflondon.com"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
@@ -315,9 +353,11 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="House of London"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user