Files
cbe04e53-10d3-44d6-8e53-d11…/src/app/page.tsx
2026-05-25 14:19:22 +00:00

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>
);
}