bender/a4e33fb5-c8ad-4f4c-b9f5-2a257ca189bc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-17 10:07:09 +00:00
parent 9c07060c98 ddb12d0649
commit a2315fad86
1 changed files with 47 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/app/page.tsx
View File

@@ -33,26 +33,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="SÉRA"
/>
@@ -60,38 +45,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Elevate Your Presence at SÉRA"
description="Premium unisex salon redefining luxury beauty in New Delhi. Experience flawless styling, advanced treatments, and impeccable service in our refined sanctuary."
buttons={[
{
text: "Book Your Transformation",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Transformation", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=1",
imageAlt: "Salon Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg?_wi=1",
imageAlt: "Styling",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=1",
imageAlt: "Space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-wearing-black-sweater-standing-posing_114579-81885.jpg",
imageAlt: "Beauty",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg",
imageAlt: "Decor",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", imageAlt: "Salon Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg", imageAlt: "Styling" },
{ imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg", imageAlt: "Space" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-wearing-black-sweater-standing-posing_114579-81885.jpg", imageAlt: "Beauty" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg", imageAlt: "Decor" },
]}
mediaAnimation="blur-reveal"
/>
@@ -109,54 +72,13 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Precision Hair Styling",
description: "Global trends met with master technical precision.",
icon: Scissors,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=2",
imageAlt: "luxury hair cut service",
},
{
title: "Advanced Facials",
description: "Rejuvenate your skin with premium botanical infusions.",
icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16765.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg?_wi=2",
imageAlt: "luxury hair cut service",
},
{
title: "Keratin Treatments",
description: "Advanced smoothening for long-lasting hair health.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg?_wi=2",
imageAlt: "luxury hair cut service",
},
{ title: "Precision Hair Styling", description: "Global trends met with master technical precision.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" }] },
{ title: "Advanced Facials", description: "Rejuvenate your skin with premium botanical infusions.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16765.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg" }] },
{ title: "Keratin Treatments", description: "Advanced smoothening for long-lasting hair health.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108824.jpg" }] }
]}
title="Signature Services"
description="Unrivaled expertise in hair, skin, and wellness."
@@ -165,60 +87,22 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Cut & Style",
price: "₹3,500+",
period: "starts from",
features: [
"Consultation",
"Precision Cut",
"Blow Dry",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
imageAlt: "stylist at work portrait",
id: "p1", title: "Cut & Style", price: "₹3,500+", period: "starts from", features: ["Consultation", "Precision Cut", "Blow Dry"],
button: { text: "Book Now", href: "#contact" }
},
{
id: "p2",
title: "Keratin Therapy",
price: "₹12,000+",
period: "starts from",
features: [
"Deep Cleansing",
"Keratin Infusion",
"Post-Care Advice",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=3",
imageAlt: "stylist at work portrait",
id: "p2", title: "Keratin Therapy", price: "₹12,000+", period: "starts from", features: ["Deep Cleansing", "Keratin Infusion", "Post-Care Advice"],
button: { text: "Book Now", href: "#contact" }
},
{
id: "p3",
title: "Signature Facial",
price: "₹5,000+",
period: "starts from",
features: [
"Skin Analysis",
"Exfoliation",
"Luxury Serum",
],
button: {
text: "Book Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-tropical-plants-grey-wall_176420-6464.jpg?_wi=3",
imageAlt: "stylist at work portrait",
},
id: "p3", title: "Signature Facial", price: "₹5,000+", period: "starts from", features: ["Skin Analysis", "Exfoliation", "Luxury Serum"],
button: { text: "Book Now", href: "#contact" }
}
]}
title="Treatment Menu"
description="Tailored luxury for every client."
@@ -227,31 +111,14 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<MetricCardOne
animationType="blur-reveal"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10k+",
title: "Happy Clients",
description: "Served across Delhi",
icon: Users,
},
{
id: "m2",
value: "15+",
title: "Expert Stylists",
description: "Global trained professionals",
icon: Award,
},
{
id: "m3",
value: "20+",
title: "Premium Brands",
description: "Exclusive product partners",
icon: Star,
},
{ id: "m1", value: "10k+", title: "Happy Clients", description: "Served across Delhi", icon: Users },
{ id: "m2", value: "15+", title: "Expert Stylists", description: "Global trained professionals", icon: Award },
{ id: "m3", value: "20+", title: "Premium Brands", description: "Exclusive product partners", icon: Star },
]}
title="The Art of SÉRA"
description="A glimpse into our world of refinement."
@@ -265,26 +132,11 @@ export default function LandingPage() {
rating={5}
author="Ananya Rao"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
alt: "Happy luxury salon client",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
alt: "Happy mature businessman",
},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Professional smiling client",
},
{
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
alt: "Joyful business woman",
},
{
src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
alt: "Cheery satisfied customer",
},
{ src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Happy luxury salon client" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Happy mature businessman" },
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Professional smiling client" },
{ src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Joyful business woman" },
{ src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg", alt: "Cheery satisfied customer" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -293,28 +145,14 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardOne
animationType="blur-reveal"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Vikram Seth",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
},
{
id: "t2",
name: "Maya Singh",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
},
{
id: "t3",
name: "Rajiv Khanna",
role: "Master Colorist",
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",
},
{ id: "t1", name: "Vikram Seth", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg" },
{ id: "t2", name: "Maya Singh", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg" },
{ id: "t3", name: "Rajiv Khanna", role: "Master Colorist", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg" },
]}
title="Our Artists"
description="Meet the visionaries behind the look."
@@ -326,21 +164,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need to book in advance?",
content: "We highly recommend booking at least 48 hours in advance for weekends.",
},
{
id: "f2",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, UPI, and digital wallets.",
},
{
id: "f3",
title: "Is parking available?",
content: "Yes, valet parking is available for all clients.",
},
{ id: "f1", title: "Do I need to book in advance?", content: "We highly recommend booking at least 48 hours in advance for weekends." },
{ id: "f2", title: "What payment methods do you accept?", content: "We accept all major credit cards, UPI, and digital wallets." },
{ id: "f3", title: "Is parking available?", content: "Yes, valet parking is available for all clients." },
]}
title="Frequently Asked"
description="Everything you need to know about your appointment."
@@ -351,9 +177,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Ready to elevate your beauty?"
description="Book your appointment online or visit us in New Delhi for a consultation."
@@ -367,29 +191,15 @@ export default function LandingPage() {
logoText="SÉRA"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Team",
href: "#team",
},
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Team", href: "#team" },
],
},
{
title: "Services",
items: [
{
label: "Booking",
href: "#contact",
},
{
label: "Menu",
href: "#pricing",
},
title: "Services", items: [
{ label: "Booking", href: "#contact" },
{ label: "Menu", href: "#pricing" },
],
},
]}