bender/8e2ee0ac-896a-4418-8a67-995db9bff208
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-18 07:34:52 +00:00
Conversation 0 Commits 1 Files Changed 1 +51 -277
1 changed files with 51 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

328
src/app/page.tsx
View File

@@ -21,31 +21,23 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="AJ Salon & Spa"
/>
@@ -53,74 +45,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Unwind in Elegance"
description="Experience premium salon and spa treatments designed to rejuvenate your body and mind in our serene sanctuary."
kpis={[
{
value: "15+",
label: "Years Experience",
},
{
value: "5k+",
label: "Happy Clients",
},
{
value: "4.9",
label: "Rating",
},
{ value: "15+", label: "Years Experience" },
{ value: "5k+", label: "Happy Clients" },
{ value: "4.9", label: "Rating" },
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/pregnant-woman-standing-by-window_1303-12894.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg",
alt: "Woman using laptop in minimal decorated room",
},
{
src: "http://img.b2bpic.net/free-photo/blurred-reception_1203-754.jpg",
alt: "Blurred reception",
},
{
src: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",
alt: "Hair salon workplace",
},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
alt: "3d rendering spa and massage wellness in hotel suite with bathtub",
},
{
src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
alt: "Alpine hotel hosting winter sports",
},
{ src: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg", alt: "Woman using laptop in minimal decorated room" },
{ src: "http://img.b2bpic.net/free-photo/blurred-reception_1203-754.jpg", alt: "Blurred reception" },
{ src: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg", alt: "Hair salon workplace" },
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", alt: "3d rendering spa and massage wellness in hotel suite with bathtub" },
{ src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg", alt: "Alpine hotel hosting winter sports" },
]}
avatarText="Trusted by over 5,000 happy guests."
marqueeItems={[
{
type: "text",
text: "Organic Skincare",
},
{
type: "text-icon",
text: "Hair Styling",
icon: Scissors,
},
{
type: "text",
text: "Rejuvenating Massage",
},
{
type: "text-icon",
text: "Nail Art",
icon: Sparkles,
},
{
type: "text",
text: "Wellness Sanctuary",
},
{ type: "text", text: "Organic Skincare" },
{ type: "text-icon", text: "Hair Styling", icon: Scissors },
{ type: "text", text: "Rejuvenating Massage" },
{ type: "text-icon", text: "Nail Art", icon: Sparkles },
{ type: "text", text: "Wellness Sanctuary" },
]}
/>
</div>
@@ -140,36 +89,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Hair Care",
title: "Expert Styling",
items: [
"Styling & Cuts",
"Organic Coloring",
"Keratin Treatments",
],
},
{
id: "f2",
label: "Spa Care",
title: "Wellness Spa",
items: [
"Deep Tissue Massage",
"Aromatherapy",
"Hot Stone Therapy",
],
},
{
id: "f3",
label: "Skin Care",
title: "Glow Facials",
items: [
"Hydration Facials",
"Anti-Aging Treatments",
"Deep Cleansing",
],
},
{ id: "f1", label: "Hair Care", title: "Expert Styling", items: ["Styling & Cuts", "Organic Coloring", "Keratin Treatments"] },
{ id: "f2", label: "Spa Care", title: "Wellness Spa", items: ["Deep Tissue Massage", "Aromatherapy", "Hot Stone Therapy"] },
{ id: "f3", label: "Skin Care", title: "Glow Facials", items: ["Hydration Facials", "Anti-Aging Treatments", "Deep Cleansing"] },
]}
title="Our Signature Services"
description="Tailored treatments for every individual."
@@ -183,48 +105,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Luxury Hair Oil",
price: "$45",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg",
},
{
id: "p2",
name: "Botanical Face Mask",
price: "$38",
variant: "Organic",
imageSrc: "http://img.b2bpic.net/free-photo/natural-spas-ingredients-white-wooden-background_23-2148031318.jpg",
},
{
id: "p3",
name: "Spa Body Scrub",
price: "$52",
variant: "Exfoliating",
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37735.jpg",
},
{
id: "p4",
name: "Nourishing Serum",
price: "$60",
variant: "Hydrating",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
},
{
id: "p5",
name: "Calming Mist",
price: "$28",
variant: "Relaxing",
imageSrc: "http://img.b2bpic.net/free-photo/female-enjoing-relaxing-back-massage-cosmetology-spa-centre_613910-2347.jpg",
},
{
id: "p6",
name: "Hand Cream Trio",
price: "$35",
variant: "Travel",
imageSrc: "http://img.b2bpic.net/free-photo/nail-artist-shortening-nails-doing-manicure-salon-manicure-set_176420-11578.jpg",
},
{ id: "p1", name: "Luxury Hair Oil", price: "$45", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462519.jpg" },
{ id: "p2", name: "Botanical Face Mask", price: "$38", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/natural-spas-ingredients-white-wooden-background_23-2148031318.jpg" },
{ id: "p3", name: "Spa Body Scrub", price: "$52", variant: "Exfoliating", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37735.jpg" },
{ id: "p4", name: "Nourishing Serum", price: "$60", variant: "Hydrating", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg" },
{ id: "p5", name: "Calming Mist", price: "$28", variant: "Relaxing", imageSrc: "http://img.b2bpic.net/free-photo/female-enjoing-relaxing-back-massage-cosmetology-spa-centre_613910-2347.jpg" },
{ id: "p6", name: "Hand Cream Trio", price: "$35", variant: "Travel", imageSrc: "http://img.b2bpic.net/free-photo/nail-artist-shortening-nails-doing-manicure-salon-manicure-set_176420-11578.jpg" },
]}
title="Featured Beauty Kits"
description="Take the salon experience home."
@@ -237,57 +123,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$85",
subtitle: "Perfect for maintenance",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Hair Cut",
"Blow Dry",
"Scalp Massage",
],
},
{
id: "pro",
badge: "Popular",
price: "$150",
subtitle: "Our most loved experience",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Hair Color",
"Deep Conditioning",
"Signature Facial",
],
},
{
id: "ultimate",
badge: "VIP",
price: "$250",
subtitle: "Total relaxation package",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Full Spa Day",
"Color & Cut",
"Extended Massage",
],
},
{ id: "basic", badge: "Essential", price: "$85", subtitle: "Perfect for maintenance", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Hair Cut", "Blow Dry", "Scalp Massage"] },
{ id: "pro", badge: "Popular", price: "$150", subtitle: "Our most loved experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Hair Color", "Deep Conditioning", "Signature Facial"] },
{ id: "ultimate", badge: "VIP", price: "$250", subtitle: "Total relaxation package", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full Spa Day", "Color & Cut", "Extended Massage"] },
]}
title="Treatment Packages"
description="Invest in your self-care journey."
@@ -301,21 +139,9 @@ export default function LandingPage() {
tag="Our Team"
membersAnimation="slide-up"
members={[
{
id: "m1",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg",
},
{
id: "m2",
name: "David Chen",
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201391.jpg",
},
{
id: "m3",
name: "Elena Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265920.jpg",
},
{ id: "m1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg" },
{ id: "m2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-beauty-products_23-2148201391.jpg" },
{ id: "m3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265920.jpg" },
]}
memberVariant="card"
/>
@@ -326,46 +152,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Exceptional Service",
quote: "The best spa experience ever!",
name: "Anna J.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
},
{
id: "2",
title: "Highly Recommend",
quote: "I love the relaxing atmosphere.",
name: "Mark D.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
},
{
id: "3",
title: "Total Transformation",
quote: "My hair feels amazing after every visit.",
name: "Linda S.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-young-girl-with-dark-hair-casual-clothes-looks-camera-sitting-backyard-mood-lifestyle-concept_197531-32586.jpg",
},
{
id: "4",
title: "Wonderful Team",
quote: "Professional, clean, and so talented.",
name: "Sarah K.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
},
{
id: "5",
title: "Perfect Escape",
quote: "Exactly what I needed for stress relief.",
name: "Joe M.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871836.jpg",
},
{ id: "1", title: "Exceptional Service", quote: "The best spa experience ever!", name: "Anna J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg" },
{ id: "2", title: "Highly Recommend", quote: "I love the relaxing atmosphere.", name: "Mark D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg" },
{ id: "3", title: "Total Transformation", quote: "My hair feels amazing after every visit.", name: "Linda S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-young-girl-with-dark-hair-casual-clothes-looks-camera-sitting-backyard-mood-lifestyle-concept_197531-32586.jpg" },
{ id: "4", title: "Wonderful Team", quote: "Professional, clean, and so talented.", name: "Sarah K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg" },
{ id: "5", title: "Perfect Escape", quote: "Exactly what I needed for stress relief.", name: "Joe M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871836.jpg" },
]}
title="Client Stories"
description="What our guests are saying."
@@ -377,21 +168,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Can I bring a guest?",
content: "Yes, we encourage guests to relax in our lounge.",
},
{
id: "q2",
title: "How early should I arrive?",
content: "Please arrive 15 minutes before your scheduled appointment.",
},
{
id: "q3",
title: "Do you offer gift cards?",
content: "Absolutely! Gift cards are available for any denomination.",
},
{ id: "q1", title: "Can I bring a guest?", content: "Yes, we encourage guests to relax in our lounge." },
{ id: "q2", title: "How early should I arrive?", content: "Please arrive 15 minutes before your scheduled appointment." },
{ id: "q3", title: "Do you offer gift cards?", content: "Absolutely! Gift cards are available for any denomination." },
]}
title="Frequently Asked"
description="Have questions about our treatments?"
@@ -402,15 +181,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
text="Ready for your next treatment? Book your appointment today and start your journey to relaxation."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@ajsalonspa.com",
},
{ text: "Contact Us", href: "mailto:hello@ajsalonspa.com" },
]}
/>
</div>