Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
303
src/app/page.tsx
303
src/app/page.tsx
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user