322 lines
11 KiB
TypeScript
322 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Team",
|
|
id: "team",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "pricing",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Simply Beauty"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Simply Beauty Salon & Spa"
|
|
description="Your ultimate destination for relaxation and rejuvenation in Sharjah. Experience premium beauty services at Style Tower."
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "https://wa.me/97165287499",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-bedroom-design-illuminated-with-electric-lamps-generated-by-ai_188544-27310.jpg?_wi=1"
|
|
imageAlt="Luxurious Beauty Salon Interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Welcome to Simply Beauty Salon & Spa"
|
|
buttons={[
|
|
{
|
|
text: "View Our Story",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Expert Manicures",
|
|
description: "Clean, detailed, and professional nail care for the perfect finish.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-cuticle-tool-manicure_23-2149171295.jpg?_wi=1",
|
|
imageAlt: "Manicure services",
|
|
},
|
|
{
|
|
title: "Body Massage",
|
|
description: "Relaxing and therapeutic body treatments to soothe and rejuvenate you.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-back-woman_23-2147816947.jpg?_wi=1",
|
|
imageAlt: "Massage therapy",
|
|
},
|
|
{
|
|
title: "Hair Consultation",
|
|
description: "Personalized styling and color consultations from our experienced stylists.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg?_wi=1",
|
|
imageAlt: "Hair styling",
|
|
},
|
|
]}
|
|
title="Our Premium Services"
|
|
description="Comprehensive beauty and spa treatments designed for your ultimate wellness."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Fatima",
|
|
role: "Senior Stylist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-chambermaid-holding-her-collar-standing-hotel-room_23-2148033204.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah",
|
|
role: "Spa Therapist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist_23-2149445990.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Amina",
|
|
role: "Nail Technician",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-women-dentists-dentistry-concept-portrait-happy-women_169016-67115.jpg",
|
|
},
|
|
]}
|
|
title="Meet Our Expert Staff"
|
|
description="Highly trained beauty professionals dedicated to your satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "1",
|
|
badge: "Essential",
|
|
price: "AED 150",
|
|
subtitle: "Basic Care",
|
|
features: [
|
|
"Manicure",
|
|
"Pedicure",
|
|
"Hair Wash",
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
badge: "Premium",
|
|
price: "AED 350",
|
|
subtitle: "Relaxation Combo",
|
|
features: [
|
|
"Massage (60min)",
|
|
"Facial",
|
|
"Nail Treatment",
|
|
],
|
|
},
|
|
{
|
|
id: "3",
|
|
badge: "Elite",
|
|
price: "AED 600",
|
|
subtitle: "Full Experience",
|
|
features: [
|
|
"Moroccan Bath",
|
|
"Full Body Massage",
|
|
"Full Style Change",
|
|
],
|
|
},
|
|
]}
|
|
title="Our Treatment Menu"
|
|
description="Transparent pricing for a range of luxury salon and spa services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Salma Alamin",
|
|
date: "7 months ago",
|
|
title: "Regular Client",
|
|
quote: "The ladies at reception are so welcoming and smiling. I really love this place!",
|
|
tag: "Excellent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420892.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-design-illuminated-with-electric-lamps-generated-by-ai_188544-27310.jpg?_wi=2",
|
|
imageAlt: "woman relaxing after spa visit",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Fatema Harmoush",
|
|
date: "9 months ago",
|
|
title: "Nail Service",
|
|
quote: "Manicure and pedicure done perfectly. Highly recommended for professionalism.",
|
|
tag: "Professional",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/positive-young-caucasian-women-smiling-look-mirror-while-sitting-table-using-facial-scraper-medical-beauty-treatments_197531-31438.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg",
|
|
imageAlt: "woman relaxing after spa visit",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "G G",
|
|
date: "4 months ago",
|
|
title: "Group Visit",
|
|
quote: "We did everything in hours. Nails, haircut, and hair removal. The staff were wonderful.",
|
|
tag: "Great Service",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-hispanic-woman-sitting-rattan-armchair-hotel-patio_197531-22784.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-cuticle-tool-manicure_23-2149171295.jpg?_wi=2",
|
|
imageAlt: "woman relaxing after spa visit",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Hanan",
|
|
date: "3 months ago",
|
|
title: "Regular",
|
|
quote: "I appreciate the speed and gentleness of the staff. Always clean.",
|
|
tag: "Highly Recommended",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-back-woman_23-2147816947.jpg?_wi=2",
|
|
imageAlt: "woman relaxing after spa visit",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Mariam",
|
|
date: "6 months ago",
|
|
title: "Spa",
|
|
quote: "The relaxing atmosphere is unmatched. Simply the best in Altaawun.",
|
|
tag: "Wonderful",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-women-with-smartphone_23-2149395648.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg?_wi=2",
|
|
imageAlt: "woman relaxing after spa visit",
|
|
},
|
|
]}
|
|
title="Loved By Our Clients"
|
|
description="See what our regulars have to say about their experience at Simply Beauty."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do I need an appointment?",
|
|
content: "Yes, we highly recommend booking in advance to ensure your preferred time slot.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What are your opening hours?",
|
|
content: "We are open daily and close at 11 PM.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Where are you located?",
|
|
content: "We are located at Style Tower, Shop No. 7, Al Taawun St, opposite Aryana Hotel, Sharjah.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about your next appointment."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Visit Us"
|
|
title="Ready to pamper yourself?"
|
|
description="Book your appointment today at Simply Beauty Salon & Spa. Call us directly for inquiries."
|
|
buttons={[
|
|
{
|
|
text: "Call Now: 06 528 7499",
|
|
href: "tel:+97165287499",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Simply Beauty Salon & Spa"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|