bender/92ad95b2-b97a-4e08-9507-5f9daafd1f2e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-18 11:15:25 +00:00
parent 5822967a27
commit c1ca676947
1 changed files with 42 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="MIRROR’Z"
/>
@@ -58,74 +46,23 @@ export default function LandingPage() {
title="Luxury Beauty Transformations That Feel As Good As They Look."
description="Hair. Skin. Nails. Spa. Trusted by hundreds of loyal clients in Kolkata for premium care, visible results, and personalized attention."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Nanoplastia completely changed my hair.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glad-beautiful-multiethnic-girls-hold-chins-recieve-good-news-from-friend-have-broad-smiles-model-pink-wall-express-pleasant-emotions-feelings-interracial-relationship-concept_273609-29490.jpg",
},
{
name: "Michael C.",
handle: "@mikec",
testimonial: "Best salon experience I’ve ever had.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
},
{
name: "Priya K.",
handle: "@priyak",
testimonial: "Truly a sanctuary for beauty.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg",
},
{
name: "Ananya R.",
handle: "@ananyar",
testimonial: "Glowing skin after every facial.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-skinned-woman-s-hand-smiling-caucasian-female-friend-against-grey-backdrop_23-2148178777.jpg",
},
{
name: "Rohan D.",
handle: "@rohand",
testimonial: "Professional, clean, and elegant.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435793.jpg",
},
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Nanoplastia completely changed my hair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glad-beautiful-multiethnic-girls-hold-chins-recieve-good-news-from-friend-have-broad-smiles-model-pink-wall-express-pleasant-emotions-feelings-interracial-relationship-concept_273609-29490.jpg" },
{ name: "Michael C.", handle: "@mikec", testimonial: "Best salon experience I’ve ever had.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg" },
{ name: "Priya K.", handle: "@priyak", testimonial: "Truly a sanctuary for beauty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg" },
{ name: "Ananya R.", handle: "@ananyar", testimonial: "Glowing skin after every facial.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-skinned-woman-s-hand-smiling-caucasian-female-friend-against-grey-backdrop_23-2148178777.jpg" },
{ name: "Rohan D.", handle: "@rohand", testimonial: "Professional, clean, and elegant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435793.jpg" },
]}
buttons={[
{
text: "BOOK APPOINTMENT",
href: "#contact",
},
{
text: "WHATSAPP US",
href: "#contact",
},
{ text: "BOOK APPOINTMENT", href: "#contact" },
{ text: "WHATSAPP US", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
alt: "Client One",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-smartphone_23-2149721979.jpg",
alt: "Client Two",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-bathrobe-holding-her-hair_23-2148389887.jpg",
alt: "Client Three",
},
{
src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4271.jpg",
alt: "Client Four",
},
{
src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1068.jpg",
alt: "Client Five",
},
{ src: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg", alt: "Client One" },
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-smartphone_23-2149721979.jpg", alt: "Client Two" },
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-bathrobe-holding-her-hair_23-2148389887.jpg", alt: "Client Three" },
{ src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4271.jpg", alt: "Client Four" },
{ src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1068.jpg", alt: "Client Five" },
]}
/>
</div>
@@ -135,11 +72,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google Rated 4.7",
"100+ Happy Reviews",
"Premium Products",
"Professional Results",
]}
"Google Rated 4.7", "100+ Happy Reviews", "Premium Products", "Professional Results"]}
title="Trusted Experience"
description="Our work speaks through our clients' trust."
/>
@@ -150,21 +83,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="More Than A Salon Experience."
metrics={[
{
icon: Sparkles,
label: "Clients Served",
value: "500+",
},
{
icon: Award,
label: "Years Experience",
value: "10+",
},
{
icon: CheckCircle,
label: "Satisfied Clients",
value: "100%",
},
{ icon: Sparkles, label: "Clients Served", value: "500+" },
{ icon: Award, label: "Years Experience", value: "10+" },
{ icon: CheckCircle, label: "Satisfied Clients", value: "100%" },
]}
metricsAnimation="slide-up"
/>
@@ -177,60 +98,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Hair",
name: "Nanoplastia",
price: "Premium",
rating: 5,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-woman-with-curly-hair-smiles-happily-applies-hydrogel-patches-eyes-reducing-wrinkles-keeps-eyes-closed-enjoys-beauty-treatments-skin-care-rejuvenation_273609-58038.jpg",
},
{
id: "2",
brand: "Skin",
name: "Signature Facial",
price: "Premium",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
},
{
id: "3",
brand: "Nails",
name: "Nail Extensions",
price: "Premium",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-with-long-shiny-hair_1304-5003.jpg",
},
{
id: "4",
brand: "Hair",
name: "Hair Botox",
price: "Premium",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
},
{
id: "5",
brand: "Skin",
name: "Acne Treatment",
price: "Premium",
rating: 5,
reviewCount: "35",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg",
},
{
id: "6",
brand: "Body",
name: "Luxury Spa Ritual",
price: "Premium",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/girl-combing-hair-smiling-woman_23-2147807916.jpg",
},
{ id: "1", brand: "Hair", name: "Nanoplastia", price: "Premium", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-woman-with-curly-hair-smiles-happily-applies-hydrogel-patches-eyes-reducing-wrinkles-keeps-eyes-closed-enjoys-beauty-treatments-skin-care-rejuvenation_273609-58038.jpg" },
{ id: "2", brand: "Skin", name: "Signature Facial", price: "Premium", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
{ id: "3", brand: "Nails", name: "Nail Extensions", price: "Premium", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-with-long-shiny-hair_1304-5003.jpg" },
{ id: "4", brand: "Hair", name: "Hair Botox", price: "Premium", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" },
{ id: "5", brand: "Skin", name: "Acne Treatment", price: "Premium", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg" },
{ id: "6", brand: "Body", name: "Luxury Spa Ritual", price: "Premium", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/girl-combing-hair-smiling-woman_23-2147807916.jpg" },
]}
title="Signature Services"
description="Premium beauty rituals tailored to your needs."
@@ -243,30 +116,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Before & After",
description: "Professional hair & skin results",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg",
imageAlt: "Stylish room with blurred effect",
},
{
title: "Precision Care",
description: "Expertly executed rituals",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/large-room-with-large-window-couch-with-pillows-it_188544-27425.jpg?_wi=2",
imageAlt: "Stylish room with blurred effect",
},
{
title: "Client Confidence",
description: "Look and feel your best",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-folded-arms_23-2147876782.jpg?_wi=1",
imageAlt: "Stylish room with blurred effect",
},
{ title: "Before & After", description: "Professional hair & skin results", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Precision Care", description: "Expertly executed rituals", bentoComponent: "reveal-icon", icon: Shield },
{ title: "Client Confidence", description: "Look and feel your best", bentoComponent: "reveal-icon", icon: Star },
]}
title="Real Transformations"
description="See the results of our precision care."
@@ -277,14 +129,10 @@ export default function LandingPage() {
<TeamCardTen
useInvertedBackground={false}
title="Meet Nisha"
tag="Founder"
membersAnimation="slide-up"
members={[
{
id: "nisha",
name: "Nisha - Founder",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-folded-arms_23-2147876782.jpg?_wi=2",
imageAlt: "Nisha Founder Portrait",
},
{ id: "nisha", name: "Nisha - Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-folded-arms_23-2147876782.jpg", imageAlt: "Nisha Founder Portrait" },
]}
memberVariant="card"
/>
@@ -295,46 +143,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Great Results",
quote: "Nanoplastia changed my hair completely.",
name: "Sarah J.",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg",
},
{
id: "t2",
title: "Warm & Professional",
quote: "Staff makes you feel comfortable instantly.",
name: "Michael C.",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-black-clothes-doing-make-up-procedure-special-salon_231208-3545.jpg",
},
{
id: "t3",
title: "Worth Every Penny",
quote: "Premium pricing but absolutely worth it.",
name: "Emily R.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-care-treatments_23-2149197128.jpg",
},
{
id: "t4",
title: "Long Term Fan",
quote: "Best salon experience I’ve ever had.",
name: "David K.",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg",
},
{
id: "t5",
title: "Visible Change",
quote: "My skin has never looked better.",
name: "Jane D.",
role: "Artist",
imageSrc: "http://img.b2bpic.net/free-photo/profile-person-mastering-self-love_23-2151911882.jpg",
},
{ id: "t1", title: "Great Results", quote: "Nanoplastia changed my hair completely.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg" },
{ id: "t2", title: "Warm & Professional", quote: "Staff makes you feel comfortable instantly.", name: "Michael C.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-black-clothes-doing-make-up-procedure-special-salon_231208-3545.jpg" },
{ id: "t3", title: "Worth Every Penny", quote: "Premium pricing but absolutely worth it.", name: "Emily R.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-care-treatments_23-2149197128.jpg" },
{ id: "t4", title: "Long Term Fan", quote: "Best salon experience I’ve ever had.", name: "David K.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg" },
{ id: "t5", title: "Visible Change", quote: "My skin has never looked better.", name: "Jane D.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/profile-person-mastering-self-love_23-2151911882.jpg" },
]}
title="What Clients Say"
description="Authentic experiences from our loyal community."
@@ -344,19 +157,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Your Next Transformation Starts Here."
buttons={[
{
text: "BOOK YOUR SESSION",
href: "#",
},
{
text: "CHAT ON WHATSAPP",
href: "#",
},
{ text: "BOOK YOUR SESSION", href: "#" },
{ text: "CHAT ON WHATSAPP", href: "#" },
]}
/>
</div>
@@ -364,32 +169,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links",
items: [
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Contact",
items: [
{
label: "WhatsApp",
href: "#",
},
{
label: "Location",
href: "#",
},
],
},
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
{ title: "Contact", items: [{ label: "WhatsApp", href: "#" }, { label: "Location", href: "#" }] },
]}
logoText="MIRROR’Z"
/>