Merge version_1 into main #2
406
src/app/page.tsx
406
src/app/page.tsx
@@ -31,130 +31,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "transformation",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Gallery", id: "transformation" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Pricing", id: "offers" },
|
||||
{ name: "Social", id: "social" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="GLAMON"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Luxury Grooming. Timeless Confidence."
|
||||
description="Experience unparalleled sophistication at GLAMON. We redefine premium care with artistry, precision, and an eye for the extraordinary in the heart of Bengaluru."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya R.",
|
||||
handle: "@priya_stylist",
|
||||
testimonial: "GLAMON defines luxury. The best transformation experience in Bengaluru.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Rahul K.",
|
||||
handle: "@rahulk",
|
||||
testimonial: "Impeccable grooming services. Highly recommended for professionals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sneha V.",
|
||||
handle: "@snev",
|
||||
testimonial: "A truly premium atmosphere. Exceptional attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Vikram M.",
|
||||
handle: "@vikm",
|
||||
testimonial: "The gold standard of unisex salons. My go-to spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-groom_1153-295.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Ananya S.",
|
||||
handle: "@ananyas",
|
||||
testimonial: "Stunning bridal services and professional hair care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-massage-spa_23-2148206192.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ name: "Priya R.", handle: "@priya_stylist", testimonial: "GLAMON defines luxury. The best transformation experience in Bengaluru.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg" },
|
||||
{ name: "Rahul K.", handle: "@rahulk", testimonial: "Impeccable grooming services. Highly recommended for professionals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg" },
|
||||
{ name: "Sneha V.", handle: "@snev", testimonial: "A truly premium atmosphere. Exceptional attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg" },
|
||||
{ name: "Vikram M.", handle: "@vikm", testimonial: "The gold standard of unisex salons. My go-to spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-groom_1153-295.jpg" },
|
||||
{ name: "Ananya S.", handle: "@ananyas", testimonial: "Stunning bridal services and professional hair care.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-massage-spa_23-2148206192.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "View Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199365.jpg",
|
||||
alt: "Interior design",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurry-view-white-armchairs_1203-1504.jpg",
|
||||
alt: "White armchairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
|
||||
alt: "Illuminated couch",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg",
|
||||
alt: "Retro wall lamp",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86317.jpg",
|
||||
alt: "Young woman mirror",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "BESPOKE HAIRCARE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM FACIALS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ELITE GROOMING",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNISEX LUXURY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PROFESSIONAL STYLING",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,20 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Art of Glamour"
|
||||
description="At GLAMON, we merge professional artistry with high-end luxury to create a sanctuary where every grooming need meets meticulous perfection. We serve the discerning professionals of Bengaluru with an uncompromising commitment to beauty, style, and care."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Expert Stylists",
|
||||
},
|
||||
{
|
||||
value: "943+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "4.4★",
|
||||
title: "Avg Rating",
|
||||
},
|
||||
]}
|
||||
metrics={[{ value: "10+", title: "Expert Stylists" }, { value: "943+", title: "Happy Clients" }, { value: "4.4★", title: "Avg Rating" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -189,60 +80,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Haircut & Styling",
|
||||
tags: [
|
||||
"Hair",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Skin Care",
|
||||
tags: [
|
||||
"Skin",
|
||||
"Facials",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bridal Grooming Studio",
|
||||
tags: [
|
||||
"Bridal",
|
||||
"Elite",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/massage-therapist-spa-beauty-salon-makes-wrap-client-get-body-shape-get-rid-puffiness_343596-4272.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Signature Beard Grooming",
|
||||
tags: [
|
||||
"Men",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462513.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Relaxation Spa Therapy",
|
||||
tags: [
|
||||
"Spa",
|
||||
"Wellness",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16786.jpg",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Professional Grooming Rituals",
|
||||
tags: [
|
||||
"Elite",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Premium Haircut & Styling", tags: ["Hair", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg" },
|
||||
{ id: "f2", title: "Advanced Skin Care", tags: ["Skin", "Facials"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg" },
|
||||
{ id: "f3", title: "Bridal Grooming Studio", tags: ["Bridal", "Elite"], imageSrc: "http://img.b2bpic.net/free-photo/massage-therapist-spa-beauty-salon-makes-wrap-client-get-body-shape-get-rid-puffiness_343596-4272.jpg" },
|
||||
{ id: "f4", title: "Signature Beard Grooming", tags: ["Men", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462513.jpg" },
|
||||
{ id: "f5", title: "Relaxation Spa Therapy", tags: ["Spa", "Wellness"], imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16786.jpg" },
|
||||
{ id: "f6", title: "Professional Grooming Rituals", tags: ["Elite", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg" }
|
||||
]}
|
||||
title="Services for the Discerning"
|
||||
description="Discover our signature grooming catalog designed for every individuality."
|
||||
@@ -254,43 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Balayage Elegance",
|
||||
price: "Artistry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6112.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Precision Fade",
|
||||
price: "Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Bridal Radiance",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Modern Cut",
|
||||
price: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-redhead-caucasian-young-woman-model-with-red-lips-bright-makeup-with-perfect-clean-skin-with-jewelery-isolated-black_158538-14381.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Hair Therapy",
|
||||
price: "Rejuvenate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Beard Transformation",
|
||||
price: "Define",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-color-hair-dye_329181-1928.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Balayage Elegance", price: "Artistry", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6112.jpg" },
|
||||
{ id: "g2", name: "Precision Fade", price: "Care", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg" },
|
||||
{ id: "g3", name: "Bridal Radiance", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg" }
|
||||
]}
|
||||
title="Before & After Transformations"
|
||||
description="Witness the transformation artistry of our master stylists."
|
||||
@@ -303,60 +114,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ayesha Khan",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sameer Rao",
|
||||
role: "Founder",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Deepika Shetty",
|
||||
role: "Architect",
|
||||
company: "UrbanBuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Arjun Patel",
|
||||
role: "Entrepreneur",
|
||||
company: "VentureX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-groom_1153-295.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sonia Menon",
|
||||
role: "Marketing Head",
|
||||
company: "GrowthOps",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-massage-spa_23-2148206192.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Ayesha Khan", role: "Creative Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-businesswomen-having-meeting-shaking-hands-hotel-lobby-business-travel-concept_58466-11961.jpg" },
|
||||
{ id: "2", name: "Sameer Rao", role: "Founder", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg" },
|
||||
{ id: "3", name: "Deepika Shetty", role: "Architect", company: "UrbanBuild", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg" },
|
||||
{ id: "4", name: "Arjun Patel", role: "Entrepreneur", company: "VentureX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-serious-groom_1153-295.jpg" },
|
||||
{ id: "5", name: "Sonia Menon", role: "Marketing Head", company: "GrowthOps", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-massage-spa_23-2148206192.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "943+",
|
||||
label: "Client Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.4",
|
||||
label: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Excellence",
|
||||
},
|
||||
{ value: "943+", label: "Client Reviews" },
|
||||
{ value: "4.4", label: "Star Rating" },
|
||||
{ value: "100%", label: "Excellence" }
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="Read what our esteemed clients have to say about their experience at GLAMON."
|
||||
@@ -369,41 +136,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "₹4,999",
|
||||
period: "/ mo",
|
||||
description: "Perfect for essential grooming maintenance.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Privileges",
|
||||
features: [
|
||||
"1 Priority Booking",
|
||||
"5% Off Services",
|
||||
"Monthly Consultation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "₹9,999",
|
||||
period: "/ mo",
|
||||
description: "The ultimate indulgence package for elite clients.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Privileges",
|
||||
features: [
|
||||
"4 Priority Bookings",
|
||||
"15% Off Services",
|
||||
"Complimentary Spa Session",
|
||||
"Dedicated Stylist",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Essential", price: "₹4,999", period: "/ mo", description: "Perfect for essential grooming maintenance.", button: { text: "Join Now", href: "#contact" }, featuresTitle: "Included Privileges", features: ["1 Priority Booking", "5% Off Services", "Monthly Consultation"] },
|
||||
{ id: "pro", tag: "Elite", price: "₹9,999", period: "/ mo", description: "The ultimate indulgence package for elite clients.", button: { text: "Join Now", href: "#contact" }, featuresTitle: "Included Privileges", features: ["4 Priority Bookings", "15% Off Services", "Complimentary Spa Session", "Dedicated Stylist"] }
|
||||
]}
|
||||
title="Exclusive Memberships"
|
||||
description="Unlock curated luxury benefits at GLAMON."
|
||||
@@ -414,15 +148,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue India",
|
||||
"Elle Style",
|
||||
"Harper's Bazaar",
|
||||
"Cosmopolitan",
|
||||
"GQ Grooming",
|
||||
"Grazia",
|
||||
"LuxLife",
|
||||
]}
|
||||
names={["Vogue India", "Elle Style", "Harper's Bazaar", "Cosmopolitan", "GQ Grooming", "Grazia", "LuxLife"]}
|
||||
title="Celebrated by Style Leaders"
|
||||
description="Join the elite crowd that chooses GLAMON for unmatched quality."
|
||||
/>
|
||||
@@ -431,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Book Your Luxury Session"
|
||||
description="Ready to experience the GLAMON difference? Contact us for a consultation or secure your premium appointment in Bengaluru today."
|
||||
@@ -447,57 +171,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="GLAMON"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Book Now", href: "#contact" }, { label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user