Merge version_1 into main #1
318
src/app/page.tsx
318
src/app/page.tsx
@@ -32,89 +32,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pact Beauty Salon"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Unveiling Your True Radiance"
|
||||
description="Experience the epitome of luxury and personalized care at Pact Beauty Salon, Al Mamlaka. Our expert stylists create bespoke transformations tailored to your natural beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book an Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-35033.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-make-up-brush_93675-129825.jpg",
|
||||
alt: "Professional make-up brush",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166687.jpg",
|
||||
alt: "Office desktop with a lipstick",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-drag-queen-with-makeup_23-2149434534.jpg",
|
||||
alt: "High angle drag queen with makeup",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-artist-looking-makeup-brushes_23-2148398647.jpg",
|
||||
alt: "Professional artist looking at makeup brushes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-skin-care-portrait-natural-young-woman-with-red-curly-hair-laughing-happy-white-smile-teeth-playing-with-hair-standing-carefree-against-white-background_176420-47197.jpg",
|
||||
alt: "Beauty skin care portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-make-up-brush_93675-129825.jpg", alt: "Professional make-up brush" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166687.jpg", alt: "Office desktop with a lipstick" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-drag-queen-with-makeup_23-2149434534.jpg", alt: "High angle drag queen with makeup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-artist-looking-makeup-brushes_23-2148398647.jpg", alt: "Professional artist looking at makeup brushes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-skin-care-portrait-natural-young-woman-with-red-curly-hair-laughing-happy-white-smile-teeth-playing-with-hair-standing-carefree-against-white-background_176420-47197.jpg", alt: "Beauty skin care portrait" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Salon Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Stylists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free Products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Relaxing Sanctuary",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Care",
|
||||
},
|
||||
{ type: "text", text: "Premium Salon Experience" },
|
||||
{ type: "text", text: "Expert Stylists" },
|
||||
{ type: "text", text: "Cruelty-Free Products" },
|
||||
{ type: "text", text: "Relaxing Sanctuary" },
|
||||
{ type: "text", text: "Personalized Care" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,21 +73,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Every Detail"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Expertise",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Average Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{ icon: Award, label: "Years of Expertise", value: "15+" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "10k+" },
|
||||
{ icon: Star, label: "Average Rating", value: "4.9" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,39 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Expert Stylists",
|
||||
author: "Pro Team",
|
||||
description: "Highly trained specialists dedicated to your unique style.",
|
||||
tags: [
|
||||
"Professional",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039427.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Premium Products",
|
||||
author: "Quality Assurance",
|
||||
description: "We only use world-class salon-grade beauty products.",
|
||||
tags: [
|
||||
"Premium",
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Calm Environment",
|
||||
author: "Our Sanctuary",
|
||||
description: "Designed for complete relaxation during your transformation.",
|
||||
tags: [
|
||||
"Luxury",
|
||||
"Serenity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/straw-hat-hanging-beach-towels_53876-95418.jpg",
|
||||
},
|
||||
{ id: "1", title: "Expert Stylists", author: "Pro Team", description: "Highly trained specialists dedicated to your unique style.", tags: ["Professional", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039427.jpg" },
|
||||
{ id: "2", title: "Premium Products", author: "Quality Assurance", description: "We only use world-class salon-grade beauty products.", tags: ["Premium", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg" },
|
||||
{ id: "3", title: "Calm Environment", author: "Our Sanctuary", description: "Designed for complete relaxation during your transformation.", tags: ["Luxury", "Serenity"], imageSrc: "http://img.b2bpic.net/free-photo/straw-hat-hanging-beach-towels_53876-95418.jpg" },
|
||||
]}
|
||||
title="Why Choose Pact"
|
||||
description="We blend luxury, comfort, and advanced beauty techniques to provide an unparalleled salon experience."
|
||||
@@ -196,60 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Luxury",
|
||||
name: "Signature Haircut",
|
||||
price: "$80",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-reflection-short-haired-woman-tank-top-using-haircutting-machine_657921-1602.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Premium",
|
||||
name: "Deluxe Manicure",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oil-drop-hand-with-soft-bokeh-quiet-moment-warm-wellness_169016-69672.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Botanical",
|
||||
name: "Rejuvenating Facial",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1130.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Makeup",
|
||||
name: "Event Makeup",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305126.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Styling",
|
||||
name: "Lash Perfection",
|
||||
price: "$90",
|
||||
rating: 5,
|
||||
reviewCount: "115",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimbles-with-thread-buttons_23-2148527945.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Expert",
|
||||
name: "Precision Coloring",
|
||||
price: "$200",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Luxury", name: "Signature Haircut", price: "$80", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/mirror-reflection-short-haired-woman-tank-top-using-haircutting-machine_657921-1602.jpg" },
|
||||
{ id: "2", brand: "Premium", name: "Deluxe Manicure", price: "$60", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/oil-drop-hand-with-soft-bokeh-quiet-moment-warm-wellness_169016-69672.jpg" },
|
||||
{ id: "3", brand: "Botanical", name: "Rejuvenating Facial", price: "$120", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1130.jpg" },
|
||||
{ id: "4", brand: "Makeup", name: "Event Makeup", price: "$150", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305126.jpg" },
|
||||
{ id: "5", brand: "Styling", name: "Lash Perfection", price: "$90", rating: 5, reviewCount: "115", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimbles-with-thread-buttons_23-2148527945.jpg" },
|
||||
{ id: "6", brand: "Expert", name: "Precision Coloring", price: "$200", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Discover a curated list of our most popular beauty and styling treatments."
|
||||
@@ -262,33 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Loyal guests",
|
||||
"Returning weekly",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
title: "Transformations",
|
||||
items: [
|
||||
"Monthly sessions",
|
||||
"Happy transformations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Concierge Support",
|
||||
items: [
|
||||
"Always available",
|
||||
"Booking help",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "98%", title: "Client Retention", items: ["Loyal guests", "Returning weekly"] },
|
||||
{ id: "2", value: "500+", title: "Transformations", items: ["Monthly sessions", "Happy transformations"] },
|
||||
{ id: "3", value: "24/7", title: "Concierge Support", items: ["Always available", "Booking help"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to quality translates to consistent, high-end results for every guest."
|
||||
@@ -300,56 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
date: "Oct 2023",
|
||||
title: "Best in Riyadh",
|
||||
quote: "Pact Beauty Salon offers a truly sophisticated experience.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/model-is-sitting-high-chair-professional-make-up-procedure_231208-3562.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Al-Sayed",
|
||||
date: "Sept 2023",
|
||||
title: "Stunning Results",
|
||||
quote: "The stylists here are masters of their craft.",
|
||||
tag: "Transformation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150520229.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Noora Khan",
|
||||
date: "Aug 2023",
|
||||
title: "Pure Luxury",
|
||||
quote: "From the ambiance to the service, everything is perfect.",
|
||||
tag: "Relaxation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81852.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Laila Mansour",
|
||||
date: "July 2023",
|
||||
title: "Professionalism",
|
||||
quote: "I appreciate the attention to detail.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dana Saleh",
|
||||
date: "June 2023",
|
||||
title: "Highly Recommend",
|
||||
quote: "Wonderful service and premium products.",
|
||||
tag: "Occasion",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-face-young-blond-woman-with-clean-fresh-skin-natural-make-up-white-background-model-without-make-up-nude_639032-1183.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", date: "Oct 2023", title: "Best in Riyadh", quote: "Pact Beauty Salon offers a truly sophisticated experience.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/model-is-sitting-high-chair-professional-make-up-procedure_231208-3562.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg" },
|
||||
{ id: "2", name: "Fatima Al-Sayed", date: "Sept 2023", title: "Stunning Results", quote: "The stylists here are masters of their craft.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150520229.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg" },
|
||||
{ id: "3", name: "Noora Khan", date: "Aug 2023", title: "Pure Luxury", quote: "From the ambiance to the service, everything is perfect.", tag: "Relaxation", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81852.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg" },
|
||||
{ id: "4", name: "Laila Mansour", date: "July 2023", title: "Professionalism", quote: "I appreciate the attention to detail.", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg" },
|
||||
{ id: "5", name: "Dana Saleh", date: "June 2023", title: "Highly Recommend", quote: "Wonderful service and premium products.", tag: "Occasion", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-face-young-blond-woman-with-clean-fresh-skin-natural-make-up-white-background-model-without-make-up-nude_639032-1183.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from the wonderful people who trust us with their beauty transformations."
|
||||
@@ -361,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly via our website.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we offer complimentary consultations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium, salon-grade products.",
|
||||
},
|
||||
{ id: "1", title: "How do I book an appointment?", content: "You can book directly via our website." },
|
||||
{ id: "2", title: "Do you offer consultations?", content: "Yes, we offer complimentary consultations." },
|
||||
{ id: "3", title: "What products do you use?", content: "We use premium, salon-grade products." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about our services."
|
||||
@@ -386,9 +164,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Transformation"
|
||||
description="Ready to experience the Pact difference?"
|
||||
@@ -400,14 +176,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pact Beauty Salon"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Al Mamlaka, Riyadh",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Al Mamlaka, Riyadh", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user