bender/7fb48196-ec92-4a98-a661-ae8dfbbbcebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 2 commits from version_3 into main 2026-04-27 19:29:42 +00:00
Conversation 0 Commits 2 Files Changed 2 +113 -111
2 changed files with 113 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,65 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function BookingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Team", id: "team" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
{ name: "Booking", id: "/booking" },
]}
button={{ text: "Book now", href: "/booking" }}
brandName="The Nail Hub"
/>
<div className="pt-24">
<ContactText
text="Ready to book your visit? Please fill out our booking form or contact us via WhatsApp to confirm your appointment time."
background={{ variant: "plain" }}
buttons={[{ text: "WhatsApp Us", href: "https://wa.me/201005806654" }]}
/>
</div>
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-towels_23-2148766545.jpg?_wi=2"
logoText="The Nail Hub"
columns={[
{ title: "Menu", items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/#services" },
{ label: "About Us", href: "/#about" },
] },
{ title: "Contact", items: [
{ label: "010 05806654", href: "tel:01005806654" },
{ label: "Degla, Maadi, Cairo", href: "https://maps.app.goo.gl/..." },
] },
]}
imageAlt="elegant salon nail manicure"
/>
</ReactLenis>
</ThemeProvider>
);
}

159
src/app/page.tsx
View File

@@ -32,21 +32,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "About", id: "about"},
{
name: "Team", id: "team"},
{
name: "Reviews", id: "reviews"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Team", id: "team" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
{ name: "Booking", id: "/booking" },
]}
button={{
text: "Book now", href: "#contact"}}
button={{ text: "Book now", href: "/booking" }}
brandName="The Nail Hub"
/>
</div>
@@ -56,18 +50,13 @@ export default function LandingPage() {
logoText="The Nail Hub"
description="Experience premium nail care and beauty services in Maadi, Cairo. Always punctual, impeccably clean, and dedicated to your perfection."
buttons={[
{
text: "Book your appointment", href: "#contact"},
{
text: "Chat on WhatsApp", href: "https://wa.me/201005806654"},
{ text: "Book your appointment", href: "/booking" },
{ text: "Chat on WhatsApp", href: "https://wa.me/201005806654" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-nail-artist-applying-pink-gel-polish-nail-beauty-care-salon_176420-42451.jpg", imageAlt: "Professional nail technician applying gel polish"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hands-with-glitter-manicure_127675-2798.jpg", imageAlt: "Beautiful acrylic nail design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg", imageAlt: "Elegant manicured nails"},
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-nail-artist-applying-pink-gel-polish-nail-beauty-care-salon_176420-42451.jpg", imageAlt: "Professional nail technician applying gel polish" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hands-with-glitter-manicure_127675-2798.jpg", imageAlt: "Beautiful acrylic nail design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg", imageAlt: "Elegant manicured nails" },
]}
/>
</div>
@@ -78,12 +67,9 @@ export default function LandingPage() {
title="Why The Nail Hub?"
description="Located in the heart of Degla, Maadi, we pride ourselves on a clean, safe, and welcoming environment for everyone. Our passion for perfection and hygiene standards ensure a relaxing experience every time."
metrics={[
{
value: "4.6/5", title: "Google Rating"},
{
value: "1,084+", title: "Happy Reviews"},
{
value: "11 AM", title: "Opens Daily"},
{ value: "4.6/5", title: "Google Rating" },
{ value: "1,084+", title: "Happy Reviews" },
{ value: "11 AM", title: "Opens Daily" },
]}
imageSrc="http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg?_wi=1"
mediaAnimation="slide-up"
@@ -98,15 +84,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Sparkles,
title: "Gel & Acrylic", description: "Professional extensions and long-lasting gel manicures."},
{
icon: Scissors,
title: "Grooming & Care", description: "Expert cuticle care, shaping, and precise threading services."},
{
icon: ShieldCheck,
title: "Nail Repair", description: "Specialized techniques to restore and protect your nails."},
{ icon: Sparkles, title: "Gel & Acrylic", description: "Professional extensions and long-lasting gel manicures." },
{ icon: Scissors, title: "Grooming & Care", description: "Expert cuticle care, shaping, and precise threading services." },
{ icon: ShieldCheck, title: "Nail Repair", description: "Specialized techniques to restore and protect your nails." },
]}
title="Our Signature Services"
description="From sophisticated nail enhancements to meticulous grooming, we offer a comprehensive menu to meet all your beauty needs."
@@ -119,12 +99,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "1", name: "Amany", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", imageAlt: "professional nail technician smiling"},
{
id: "2", name: "Gehad", role: "Senior Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg", imageAlt: "skilled nail artist working"},
{
id: "3", name: "Marwa", role: "Nail Specialist", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg", imageAlt: "experienced beauty professional"},
{ id: "1", name: "Amany", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", imageAlt: "professional nail technician smiling" },
{ id: "2", name: "Gehad", role: "Senior Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg", imageAlt: "skilled nail artist working" },
{ id: "3", name: "Marwa", role: "Nail Specialist", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg", imageAlt: "experienced beauty professional" },
]}
title="Our Expert Technicians"
description="Our friendly and highly skilled staff are dedicated to giving you the best experience possible."
@@ -137,24 +114,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "1", title: "Essential Manicure", price: "Contact", period: "Session", features: [
"Nail shaping", "Cuticle work", "Standard polish"],
button: {
text: "Book now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg", imageAlt: "High angle pink face roller and gua sha"},
{
id: "2", title: "Gel Extensions", price: "Contact", period: "Session", features: [
"Full set", "Precision shape", "Gel finish"],
button: {
text: "Book now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg?_wi=2", imageAlt: "High angle pink face roller and gua sha"},
{
id: "3", title: "Specialty Repair", price: "Contact", period: "Session", features: [
"Repair & strengthen", "Professional care", "Lasting finish"],
button: {
text: "Book now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg?_wi=2", imageAlt: "High angle pink face roller and gua sha"},
{ id: "1", title: "Essential Manicure", price: "Contact", period: "Session", features: ["Nail shaping", "Cuticle work", "Standard polish"], button: { text: "Book now", href: "/booking" }, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg", imageAlt: "High angle pink face roller and gua sha" },
{ id: "2", title: "Gel Extensions", price: "Contact", period: "Session", features: ["Full set", "Precision shape", "Gel finish"], button: { text: "Book now", href: "/booking" }, imageSrc: "http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg?_wi=2", imageAlt: "High angle pink face roller and gua sha" },
{ id: "3", title: "Specialty Repair", price: "Contact", period: "Session", features: ["Repair & strengthen", "Professional care", "Lasting finish"], button: { text: "Book now", href: "/booking" }, imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg?_wi=2", imageAlt: "High angle pink face roller and gua sha" },
]}
title="Service Pricing"
description="Transparent pricing before every service."
@@ -167,21 +129,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Always on time, very clean, and professional. Best service in Maadi!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg", imageAlt: "happy customer salon interior"},
{
id: "2", name: "Mina Youssef", handle: "@mina", testimonial: "The staff are so friendly. I felt welcome and the results were stunning.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg", imageAlt: "happy customer salon interior"},
{
id: "3", name: "Laila Hassan", handle: "@laila", testimonial: "Expert repair and extensions. Highly recommend their hygiene standards.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_329181-11760.jpg", imageAlt: "happy customer salon interior"},
{
id: "4", name: "Nour Omar", handle: "@nour", testimonial: "Truly the best nail experience in Cairo. Very responsive owner.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-chair-posing_171337-12666.jpg", imageAlt: "happy customer salon interior"},
{
id: "5", name: "Omar Farid", handle: "@omar", testimonial: "Loved the service. Very inclusive salon space for men and women.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg", imageAlt: "happy customer salon interior"},
{ id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Always on time, very clean, and professional. Best service in Maadi!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg", imageAlt: "happy customer salon interior" },
{ id: "2", name: "Mina Youssef", handle: "@mina", testimonial: "The staff are so friendly. I felt welcome and the results were stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg", imageAlt: "happy customer salon interior" },
{ id: "3", name: "Laila Hassan", handle: "@laila", testimonial: "Expert repair and extensions. Highly recommend their hygiene standards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_329181-11760.jpg", imageAlt: "happy customer salon interior" },
{ id: "4", name: "Nour Omar", handle: "@nour", testimonial: "Truly the best nail experience in Cairo. Very responsive owner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-chair-posing_171337-12666.jpg", imageAlt: "happy customer salon interior" },
{ id: "5", name: "Omar Farid", handle: "@omar", testimonial: "Loved the service. Very inclusive salon space for men and women.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg", imageAlt: "happy customer salon interior" },
]}
showRating={true}
title="What Our Clients Say"
@@ -194,12 +146,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance as slots fill up quickly."},
{
id: "f2", title: "Are you open to men?", content: "Yes, our salon is welcoming to both men and women."},
{
id: "f3", title: "What are your opening hours?", content: "We open daily starting from 11 AM."},
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance as slots fill up quickly." },
{ id: "f2", title: "Are you open to men?", content: "Yes, our salon is welcoming to both men and women." },
{ id: "f3", title: "What are your opening hours?", content: "We open daily starting from 11 AM." },
]}
title="Frequently Asked Questions"
description="Have questions? We're here to help."
@@ -213,16 +162,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Book Now"
title="Schedule Your Visit"
description="Secure your preferred time at The Nail Hub. Call us, WhatsApp, or visit us in Degla, Maadi."
buttons={[
{
text: "WhatsApp Us", href: "https://wa.me/201005806654"},
{
text: "Call 010 05806654", href: "tel:01005806654"},
{ text: "WhatsApp Us", href: "https://wa.me/201005806654" },
{ text: "Call 010 05806654", href: "tel:01005806654" },
]}
/>
</div>
@@ -232,26 +178,17 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-towels_23-2148766545.jpg?_wi=2"
logoText="The Nail Hub"
columns={[
{
title: "Menu", items: [
{
label: "Services", href: "#services"},
{
label: "About Us", href: "#about"},
{
label: "Reviews", href: "#reviews"},
],
},
{
title: "Contact", items: [
{
label: "010 05806654", href: "tel:01005806654"},
{
label: "Degla, Maadi, Cairo", href: "https://maps.app.goo.gl/..."},
{
label: "Instagram", href: "https://instagram.com/thenailhub"},
],
},
{ title: "Menu", items: [
{ label: "Services", href: "#services" },
{ label: "About Us", href: "#about" },
{ label: "Reviews", href: "#reviews" },
{ label: "Book Now", href: "/booking" },
] },
{ title: "Contact", items: [
{ label: "010 05806654", href: "tel:01005806654" },
{ label: "Degla, Maadi, Cairo", href: "https://maps.app.goo.gl/..." },
{ label: "Instagram", href: "https://instagram.com/thenailhub" },
] },
]}
imageAlt="elegant salon nail manicure"
/>
@@ -259,4 +196,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}