Update src/app/page.tsx
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="Arous Beirut"
|
||||
/>
|
||||
@@ -55,39 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Premium Beauty Expert Hands Pure Relaxation"
|
||||
description="From signature Moroccan baths to precision hair and nail care, Arous Beirut delivers salon excellence trusted by 149 satisfied clients. Experience the difference expert beauty care makes."
|
||||
tag="Trusted Beauty Center"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Treatment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Treatment", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg",
|
||||
imageAlt: "Salon Ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
|
||||
imageAlt: "Beauty Services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg",
|
||||
imageAlt: "Young woman relaxing at a spa hotel outdoors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-home-decor-details-close-up-foreground-against-blurred-room-space_169016-9786.jpg",
|
||||
imageAlt: "Still life with home decor details close up in the foreground against blurred room space.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-stylish-woman-sitting-chair_1303-19316.jpg",
|
||||
imageAlt: "Adult stylish woman sitting in chair",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg", imageAlt: "Salon Ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg", imageAlt: "Beauty Services" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About Arous Beirut"
|
||||
description={[
|
||||
"Founded in the heart of Seeb, Oman, Arous Beirut is a women-owned beauty destination dedicated to quality, comfort, and professional expertise.",
|
||||
"We blend traditional Moroccan spa rituals with modern beauty techniques to ensure every client leaves feeling radiant.",
|
||||
]}
|
||||
"Founded in the heart of Seeb, Oman, Arous Beirut is a women-owned beauty destination dedicated to quality, comfort, and professional expertise.", "We blend traditional Moroccan spa rituals with modern beauty techniques to ensure every client leaves feeling radiant."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,24 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Hair Care",
|
||||
description: "Expert cuts, coloring, and styling tailored to your natural beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg",
|
||||
imageAlt: "Hair Services",
|
||||
},
|
||||
{
|
||||
title: "Expert Nail Care",
|
||||
description: "Comprehensive manicure and pedicure services using premium polishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12279.jpg",
|
||||
imageAlt: "Nail Services",
|
||||
},
|
||||
{
|
||||
title: "Moroccan Bath Spa",
|
||||
description: "Authentic Hammam rituals for deep purification and complete rejuvenation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241460.jpg",
|
||||
imageAlt: "Spa Services",
|
||||
},
|
||||
{ title: "Precision Hair Care", description: "Expert cuts, coloring, and styling tailored to your natural beauty.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg", imageAlt: "Hair Services" },
|
||||
{ title: "Expert Nail Care", description: "Comprehensive manicure and pedicure services using premium polishes.", imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12279.jpg", imageAlt: "Nail Services" },
|
||||
{ title: "Moroccan Bath Spa", description: "Authentic Hammam rituals for deep purification and complete rejuvenation.", imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241460.jpg", imageAlt: "Spa Services" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Experience our curated list of premium beauty treatments designed for ultimate relaxation."
|
||||
@@ -144,54 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Hair Care Bundle",
|
||||
price: "15 OMR",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Deep Conditioning",
|
||||
"Blow Dry",
|
||||
],
|
||||
button: {
|
||||
text: "Book Hair Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-notepad-with-spa-stones-candles_23-2148439225.jpg",
|
||||
imageAlt: "Hair Bundle",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Moroccan Spa Ritual",
|
||||
price: "25 OMR",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Hammam Scrub",
|
||||
"Full Body Clay",
|
||||
"Relaxation Oil",
|
||||
],
|
||||
button: {
|
||||
text: "Book Spa Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-ambiance-with-cosmetics-relaxation_23-2152021606.jpg",
|
||||
imageAlt: "Spa Bundle",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Nail Care Set",
|
||||
price: "10 OMR",
|
||||
period: "/ session",
|
||||
features: [
|
||||
"Classic Mani",
|
||||
"Classic Pedi",
|
||||
"Hand Massage",
|
||||
],
|
||||
button: {
|
||||
text: "Book Nail Service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-lettering-chalkboard_23-2147621506.jpg",
|
||||
imageAlt: "Nail Bundle",
|
||||
},
|
||||
{ id: "1", title: "Hair Care Bundle", price: "15 OMR", period: "/ session", features: ["Precision Cut", "Deep Conditioning", "Blow Dry"], button: { text: "Book Hair Service" }, imageSrc: "http://img.b2bpic.net/free-photo/top-view-notepad-with-spa-stones-candles_23-2148439225.jpg", imageAlt: "Hair Bundle" },
|
||||
{ id: "2", title: "Moroccan Spa Ritual", price: "25 OMR", period: "/ session", features: ["Hammam Scrub", "Full Body Clay", "Relaxation Oil"], button: { text: "Book Spa Service" }, imageSrc: "http://img.b2bpic.net/free-photo/serene-ambiance-with-cosmetics-relaxation_23-2152021606.jpg", imageAlt: "Spa Bundle" },
|
||||
{ id: "3", title: "Nail Care Set", price: "10 OMR", period: "/ session", features: ["Classic Mani", "Classic Pedi", "Hand Massage"], button: { text: "Book Nail Service" }, imageSrc: "http://img.b2bpic.net/free-photo/spa-lettering-chalkboard_23-2147621506.jpg", imageAlt: "Nail Bundle" },
|
||||
]}
|
||||
title="Signature Treatment Packages"
|
||||
description="Transparent pricing for our most beloved treatments."
|
||||
@@ -204,30 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "149+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Regular clients trusting our salon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-is-young-woman-who-has-fun-with-soft-blocks-children-s-playground-trampoline-center_146671-15252.jpg",
|
||||
imageAlt: "Metric 1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5+",
|
||||
title: "Expert Staff",
|
||||
description: "Certified beauty professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-street_329181-12573.jpg",
|
||||
imageAlt: "Metric 2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Focus on Hygiene",
|
||||
description: "Sterilized equipment and premium care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg",
|
||||
imageAlt: "Metric 3",
|
||||
},
|
||||
{ id: "m1", value: "149+", title: "Satisfied Clients", description: "Regular clients trusting our salon.", imageSrc: "http://img.b2bpic.net/free-photo/company-is-young-woman-who-has-fun-with-soft-blocks-children-s-playground-trampoline-center_146671-15252.jpg", imageAlt: "Metric 1" },
|
||||
{ id: "m2", value: "5+", title: "Expert Staff", description: "Certified beauty professionals.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-street_329181-12573.jpg", imageAlt: "Metric 2" },
|
||||
{ id: "m3", value: "100%", title: "Focus on Hygiene", description: "Sterilized equipment and premium care.", imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg", imageAlt: "Metric 3" },
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Trusted by hundreds for our professional and relaxing beauty experience."
|
||||
@@ -241,24 +121,9 @@ export default function LandingPage() {
|
||||
tag="Professionals"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Layla",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
imageAlt: "Layla",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",
|
||||
imageAlt: "Fatima",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-doing-her-make-up_23-2148396061.jpg",
|
||||
imageAlt: "Sarah",
|
||||
},
|
||||
{ id: "t1", name: "Layla", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", imageAlt: "Layla" },
|
||||
{ id: "t2", name: "Fatima", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg", imageAlt: "Fatima" },
|
||||
{ id: "t3", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-doing-her-make-up_23-2148396061.jpg", imageAlt: "Sarah" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -270,48 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fatma Al-Said",
|
||||
handle: "@fatma",
|
||||
testimonial: "The best Moroccan bath experience in Oman, highly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Huda Ahmed",
|
||||
handle: "@huda",
|
||||
testimonial: "Excellent service and very relaxing environment. Will come back.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-relaxing-spa-salon_176420-14869.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sara Ali",
|
||||
handle: "@sara",
|
||||
testimonial: "My hair has never looked this good, truly expert stylists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Noora Hassan",
|
||||
handle: "@noora",
|
||||
testimonial: "Perfect nail care and very hygienic salon. Very satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zahra Al-Maskari",
|
||||
handle: "@zahra",
|
||||
testimonial: "Arous Beirut is now my go-to for all beauty treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Muna Al-Habsi",
|
||||
handle: "@muna",
|
||||
testimonial: "Relaxing and professional, thank you for the wonderful care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg",
|
||||
},
|
||||
{ id: "1", name: "Fatma Al-Said", handle: "@fatma", testimonial: "The best Moroccan bath experience in Oman, highly professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" },
|
||||
{ id: "2", name: "Huda Ahmed", handle: "@huda", testimonial: "Excellent service and very relaxing environment. Will come back.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-relaxing-spa-salon_176420-14869.jpg" },
|
||||
{ id: "3", name: "Sara Ali", handle: "@sara", testimonial: "My hair has never looked this good, truly expert stylists.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—here is what our satisfied clients say."
|
||||
@@ -321,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready for Relaxation?"
|
||||
description="Book your beauty treatment with Arous Beirut today and experience the difference."
|
||||
buttonText="Submit Booking Request"
|
||||
@@ -336,34 +160,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Booking", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact Support", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user