183 lines
9.4 KiB
TypeScript
183 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="Arous Beirut"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
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" }]}
|
|
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" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Based on 149 reviews"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
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."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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="Our Signature Services"
|
|
description="Experience our curated list of premium beauty treatments designed for ultimate relaxation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
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" },
|
|
]}
|
|
title="Signature Treatment Packages"
|
|
description="Transparent pricing for our most beloved treatments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
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" },
|
|
]}
|
|
title="Excellence in Numbers"
|
|
description="Trusted by hundreds for our professional and relaxing beauty experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
useInvertedBackground={false}
|
|
title="Meet Our Expert Team"
|
|
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" },
|
|
]}
|
|
memberVariant="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
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" },
|
|
]}
|
|
title="Client Success Stories"
|
|
description="Don't just take our word for it—here is what our satisfied clients say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
title="Ready for Relaxation?"
|
|
description="Book your beauty treatment with Arous Beirut today and experience the difference."
|
|
buttonText="Submit Booking Request"
|
|
tag="Booking"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ 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: "#" },
|
|
],
|
|
},
|
|
]}
|
|
logoText="Arous Beirut Beauty Center"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|