bender/a43ddb7d-8e8b-4bd8-8bf7-5063043454e7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-02 09:02:54 +00:00
Conversation 0 Commits 1 Files Changed 1 +35 -204
1 changed files with 35 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Academy",
id: "academy",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Academy", id: "academy" },
{ name: "Contact", id: "contact" },
]}
brandName="Royal Beauty"
/>
@@ -57,38 +42,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Royal Beauty Salon & Academy"
description="Experience premium beauty services and professional training in the heart of the city."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
buttons={[{ text: "Book Appointment", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963344.jpg?_wi=1",
imageAlt: "Luxury beauty salon interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058819.jpg?_wi=1",
imageAlt: "Beauty academy student training",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg?_wi=1",
imageAlt: "Modern skincare clinic equipment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg",
imageAlt: "Spa composition with candles and towel top view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17218.jpg",
imageAlt: "Spa composition with thai orchid flowers and bath accessories",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963344.jpg", imageAlt: "Luxury beauty salon interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058819.jpg", imageAlt: "Beauty academy student training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg", imageAlt: "Modern skincare clinic equipment" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg", imageAlt: "Spa composition with candles and towel top view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17218.jpg", imageAlt: "Spa composition with thai orchid flowers and bath accessories" },
]}
mediaAnimation="blur-reveal"
/>
@@ -101,20 +64,11 @@ export default function LandingPage() {
title="Our Passion for Beauty"
description="With years of expertise, Royal Beauty is dedicated to providing high-end salon treatments and nurturing the next generation of industry professionals through our academy."
bulletPoints={[
{
title: "Expert Stylists",
description: "Highly trained professionals.",
},
{
title: "Premium Products",
description: "Only the best for your hair and skin.",
},
{
title: "Certified Academy",
description: "Professional training and certification.",
},
{ title: "Expert Stylists", description: "Highly trained professionals." },
{ title: "Premium Products", description: "Only the best for your hair and skin." },
{ title: "Certified Academy", description: "Professional training and certification." },
]}
imageSrc="http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -125,33 +79,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Hair Care",
descriptions: [
"Expert cuts, coloring, and styling.",
"Custom hair care routines.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253621.jpg?_wi=1",
},
{
id: "s2",
title: "Nail Services",
descriptions: [
"Manicures, pedicures, and nail art.",
"High quality long-lasting polish.",
],
imageSrc: "http://img.b2bpic.net/free-photo/french-manicure-process_1385-271.jpg",
},
{
id: "s3",
title: "Skincare Therapy",
descriptions: [
"Refreshing facials for all skin types.",
"Customized skincare treatments.",
],
imageSrc: "http://img.b2bpic.net/free-photo/checking-smartphone_1098-19907.jpg",
},
{ id: "s1", title: "Hair Care", descriptions: ["Expert cuts, coloring, and styling.", "Custom hair care routines."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253621.jpg" },
{ id: "s2", title: "Nail Services", descriptions: ["Manicures, pedicures, and nail art.", "High quality long-lasting polish."], imageSrc: "http://img.b2bpic.net/free-photo/french-manicure-process_1385-271.jpg" },
{ id: "s3", title: "Skincare Therapy", descriptions: ["Refreshing facials for all skin types.", "Customized skincare treatments."], imageSrc: "http://img.b2bpic.net/free-photo/checking-smartphone_1098-19907.jpg" },
]}
title="Premium Services"
description="Indulge in our range of luxury beauty treatments."
@@ -160,33 +90,13 @@ export default function LandingPage() {
<div id="academy" data-section="academy">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "a1",
title: "Hair Mastery",
descriptions: [
"Full styling and cutting techniques.",
],
imageSrc: "http://img.b2bpic.net/free-photo/stylish-using-lip-pen-model_23-2147783879.jpg",
},
{
id: "a2",
title: "Makeup Artist Course",
descriptions: [
"Professional makeup application.",
],
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305126.jpg",
},
{
id: "a3",
title: "Advanced Cosmetology",
descriptions: [
"Complete professional certification.",
],
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-wearing-medical-mask-side-view_23-2148694600.jpg",
},
{ id: "a1", title: "Hair Mastery", descriptions: ["Full styling and cutting techniques."], imageSrc: "http://img.b2bpic.net/free-photo/stylish-using-lip-pen-model_23-2147783879.jpg" },
{ id: "a2", title: "Makeup Artist Course", descriptions: ["Professional makeup application."], imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305126.jpg" },
{ id: "a3", title: "Advanced Cosmetology", descriptions: ["Complete professional certification."], imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-wearing-medical-mask-side-view_23-2148694600.jpg" },
]}
title="Royal Beauty Academy"
description="Master the art of beauty with our comprehensive certification programs."
@@ -198,61 +108,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Priya Singh",
date: "Jan 2024",
title: "Best Academy",
quote: "The academy training was transformative.",
tag: "Academy",
avatarSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-drinking-coffee_23-2148661087.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963344.jpg?_wi=2",
imageAlt: "happy beauty salon client portrait",
},
{
id: "2",
name: "Anita Verma",
date: "Feb 2024",
title: "Great Haircut",
quote: "My new haircut looks amazing!",
tag: "Salon",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058819.jpg?_wi=2",
imageAlt: "happy beauty salon client portrait",
},
{
id: "3",
name: "Sunita Sharma",
date: "Mar 2024",
title: "Skincare Expert",
quote: "Loved the facial treatment.",
tag: "Spa",
avatarSrc: "http://img.b2bpic.net/free-photo/graduate-woman-posing-with-hand-near-face-casual-clothes-uniform-looking-delicate-front-view_176474-51131.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg?_wi=2",
imageAlt: "happy beauty salon client portrait",
},
{
id: "4",
name: "Meera Das",
date: "Apr 2024",
title: "Amazing Service",
quote: "Professional staff and great results.",
tag: "Salon",
avatarSrc: "http://img.b2bpic.net/free-photo/wedding-bride_23-2148105977.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg?_wi=2",
imageAlt: "happy beauty salon client portrait",
},
{
id: "5",
name: "Ritu Kapoor",
date: "May 2024",
title: "Professional",
quote: "I highly recommend Royal Beauty.",
tag: "Academy",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-by-bathtub-before-taking-bath_23-2149239347.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253621.jpg?_wi=2",
imageAlt: "happy beauty salon client portrait",
},
{ id: "1", name: "Priya Singh", date: "Jan 2024", title: "Best Academy", quote: "The academy training was transformative.", tag: "Academy", avatarSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-drinking-coffee_23-2148661087.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963344.jpg", imageAlt: "happy beauty salon client portrait" },
{ id: "2", name: "Anita Verma", date: "Feb 2024", title: "Great Haircut", quote: "My new haircut looks amazing!", tag: "Salon", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058819.jpg", imageAlt: "happy beauty salon client portrait" },
{ id: "3", name: "Sunita Sharma", date: "Mar 2024", title: "Skincare Expert", quote: "Loved the facial treatment.", tag: "Spa", avatarSrc: "http://img.b2bpic.net/free-photo/graduate-woman-posing-with-hand-near-face-casual-clothes-uniform-looking-delicate-front-view_176474-51131.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38129.jpg", imageAlt: "happy beauty salon client portrait" },
{ id: "4", name: "Meera Das", date: "Apr 2024", title: "Amazing Service", quote: "Professional staff and great results.", tag: "Salon", avatarSrc: "http://img.b2bpic.net/free-photo/wedding-bride_23-2148105977.jpg", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090603.jpg", imageAlt: "happy beauty salon client portrait" },
{ id: "5", name: "Ritu Kapoor", date: "May 2024", title: "Professional", quote: "I highly recommend Royal Beauty.", tag: "Academy", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-by-bathtub-before-taking-bath_23-2149239347.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253621.jpg", imageAlt: "happy beauty salon client portrait" },
]}
title="Client Success Stories"
description="Hear what our clients and students have to say."
@@ -266,24 +126,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
members={[
{
id: "m1",
name: "Elena Smith",
role: "Head Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/executive-is-always-touch-with-her-clients_329181-15267.jpg",
},
{
id: "m2",
name: "Rajiv Kumar",
role: "Senior Makeup Educator",
imageSrc: "http://img.b2bpic.net/free-photo/team-happy-doctors-standing-with-arms-crossed-mri-scanner-hospital-looking-camera_637285-389.jpg",
},
{
id: "m3",
name: "Sarah Jones",
role: "Lead Aesthetician",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-cosmetology-process_624325-1515.jpg",
},
{ id: "m1", name: "Elena Smith", role: "Head Stylist", imageSrc: "http://img.b2bpic.net/free-photo/executive-is-always-touch-with-her-clients_329181-15267.jpg" },
{ id: "m2", name: "Rajiv Kumar", role: "Senior Makeup Educator", imageSrc: "http://img.b2bpic.net/free-photo/team-happy-doctors-standing-with-arms-crossed-mri-scanner-hospital-looking-camera_637285-389.jpg" },
{ id: "m3", name: "Sarah Jones", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-cosmetology-process_624325-1515.jpg" },
]}
title="Meet Our Professionals"
description="Our experts are passionate about making you look and feel your best."
@@ -294,21 +139,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I book?",
content: "You can call us or book via our contact section.",
},
{
id: "f2",
title: "Is the academy certified?",
content: "Yes, our programs are industry-accredited.",
},
{
id: "f3",
title: "What payment methods?",
content: "We accept cards, UPI, and cash.",
},
{ id: "f1", title: "How do I book?", content: "You can call us or book via our contact section." },
{ id: "f2", title: "Is the academy certified?", content: "Yes, our programs are industry-accredited." },
{ id: "f3", title: "What payment methods?", content: "We accept cards, UPI, and cash." },
]}
sideTitle="Questions?"
faqsAnimation="blur-reveal"
@@ -318,9 +151,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Get in Touch"
description="Visit us at our studio or reach out to start your professional beauty journey."