Merge version_1 into main #1
201
src/app/page.tsx
201
src/app/page.tsx
@@ -29,30 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dazzle Queens"
|
||||
/>
|
||||
@@ -61,42 +43,19 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Enhancing Your Natural Beauty"
|
||||
description="Professional hair, nail, and beauty services in Sharjah—designed to help you look and feel your best every day."
|
||||
tag="Dazzle Queens Beauty Salon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0561987577",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:0561987577" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg",
|
||||
imageAlt: "elegant beauty salon interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg", imageAlt: "elegant beauty salon interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
|
||||
imageAlt: "perfect manicure nail art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
|
||||
imageAlt: "A professional girl hairdresser makes a client haircut. The girl is sitting in a mask in beauty the salon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
|
||||
imageAlt: "Brunette female hairdresser washing the hair of the bearded men client in a saloon.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg",
|
||||
imageAlt: "A professional girl hairdresser makes a client haircut. The girl is sitting in a mask in beauty the salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg", imageAlt: "perfect manicure nail art"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,46 +69,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "hair",
|
||||
label: "Hair",
|
||||
title: "Hair Services",
|
||||
items: [
|
||||
"Precision Cuts",
|
||||
"Smooth Blow-dries",
|
||||
"Color Transformations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "nail",
|
||||
label: "Nails",
|
||||
title: "Nail Services",
|
||||
items: [
|
||||
"Detailed Manicures",
|
||||
"Pedicures",
|
||||
"Creative Nail Art",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "skin",
|
||||
label: "Skin",
|
||||
title: "Facials & Skincare",
|
||||
items: [
|
||||
"Relaxing Treatments",
|
||||
"Refreshing Facials",
|
||||
"Glowing Skin Care",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "makeup",
|
||||
label: "Makeup",
|
||||
title: "Makeup Services",
|
||||
items: [
|
||||
"Soft Glam",
|
||||
"Full Glam",
|
||||
"Event-ready Looks",
|
||||
],
|
||||
},
|
||||
{ id: "hair", label: "Hair", title: "Hair Services", items: ["Precision Cuts", "Smooth Blow-dries", "Color Transformations"] },
|
||||
{ id: "nail", label: "Nails", title: "Nail Services", items: ["Detailed Manicures", "Pedicures", "Creative Nail Art"] },
|
||||
{ id: "skin", label: "Skin", title: "Facials & Skincare", items: ["Relaxing Treatments", "Refreshing Facials", "Glowing Skin Care"] },
|
||||
{ id: "makeup", label: "Makeup", title: "Makeup Services", items: ["Soft Glam", "Full Glam", "Event-ready Looks"] },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of beauty treatments to help you achieve your desired look."
|
||||
@@ -171,27 +94,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Hair Styles",
|
||||
content: "Explore our portfolio of precision cuts, blow-dries, and color transformations.",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Nail Art",
|
||||
content: "Check out our latest manicures, pedicures, and creative nail designs.",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Skincare Results",
|
||||
content: "See the glow our facials bring to our clients.",
|
||||
},
|
||||
{ id: "g1", title: "Hair Styles", content: "Explore our portfolio of precision cuts, blow-dries, and color transformations." },
|
||||
{ id: "g2", title: "Nail Art", content: "Check out our latest manicures, pedicures, and creative nail designs." },
|
||||
{ id: "g3", title: "Skincare Results", content: "See the glow our facials bring to our clients." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brunette-model-red-suit-with-evening-makeup-gray_158538-10870.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Our Work Highlights"
|
||||
description="A glimpse of our work—real results, happy clients, and styles we love creating every day."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -200,46 +112,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Haircut!",
|
||||
quote: "I loved my haircut and styling! The team really listens to what you want.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-woman-with-bright-makeup-long-wavy-hair-posing_291650-557.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Beautiful Nails",
|
||||
quote: "My nails turned out exactly how I imagined—clean, neat, and beautiful.",
|
||||
name: "Michael C.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2439.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Relaxing Facial",
|
||||
quote: "Such a relaxing experience. The facial left my skin glowing!",
|
||||
name: "Emily R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resort-therapy_1098-15102.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Amazing Makeup",
|
||||
quote: "Loved my look for the event. Highly recommend their makeup service!",
|
||||
name: "David K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Wonderful Experience",
|
||||
quote: "Always a pleasure coming here for my routine beauty care.",
|
||||
name: "Jane D.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great Haircut!", quote: "I loved my haircut and styling! The team really listens to what you want.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/european-woman-with-bright-makeup-long-wavy-hair-posing_291650-557.jpg" },
|
||||
{ id: "t2", title: "Beautiful Nails", quote: "My nails turned out exactly how I imagined—clean, neat, and beautiful.", name: "Michael C.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2439.jpg" },
|
||||
{ id: "t3", title: "Relaxing Facial", quote: "Such a relaxing experience. The facial left my skin glowing!", name: "Emily R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/resort-therapy_1098-15102.jpg" },
|
||||
{ id: "t4", title: "Amazing Makeup", quote: "Loved my look for the event. Highly recommend their makeup service!", name: "David K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg" },
|
||||
{ id: "t5", title: "Wonderful Experience", quote: "Always a pleasure coming here for my routine beauty care.", name: "Jane D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We're proud to have happy clients who love our services."
|
||||
@@ -251,27 +128,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment via WhatsApp or calling us.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open daily from 10 AM to 10 PM.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in Sharjah. Contact us for specific directions.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment via WhatsApp or calling us." },
|
||||
{ id: "q2", title: "What are your operating hours?", content: "We are open daily from 10 AM to 10 PM." },
|
||||
{ id: "q3", title: "Where are you located?", content: "We are located in Sharjah. Contact us for specific directions." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to our common questions here."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fitness-girl-activewear-doing-yoga-home-stretching-working-out-massaging-her-neck-with_1258-200240.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -279,8 +145,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Visit Us in Sharjah"
|
||||
description="Call us at 056 198 7577 or visit us today. WhatsApp to book your appointment بسهولة."
|
||||
@@ -292,13 +157,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Dazzle Queens"
|
||||
leftLink={{
|
||||
text: "Open daily: 10 AM – 10 PM",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Open daily: 10 AM – 10 PM", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Follow us on Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
text: "Follow us on Instagram", href: "https://instagram.com"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user