Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -30,85 +30,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="StarlightMehndi"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Enchanting Artistry for Your Special Moments"
|
||||
description="Experience exquisite, intricate mehndi designs crafted with love and tradition at StarlightMehndi. Your beauty is our canvas."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-woman-showing-her-painted-hands-with-henna-decoration_123827-29512.jpg"
|
||||
imageAlt="elegant mehndi henna hand designs"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-woman-traditional-attire-with-intricate-henna-designs-her-hands_1258-289301.jpg",
|
||||
alt: "Closeup of a woman in traditional attire with intricate henna designs on her hands",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hand-with-mehndi-near-blue-textile_23-2148080044.jpg",
|
||||
alt: "Hand with mehndi near blue textile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-hands-pretty-hindu-bride-with-henna-tattoo_8353-8931.jpg",
|
||||
alt: "Closeup of hands of pretty Hindu bride with henna tattoo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hindu-bride-s-hands-covered-with-henna-tattoos_8353-8858.jpg",
|
||||
alt: "Close-up of Hindu bride's hands covered with henna tattoos",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-with-mehendi_1157-17821.jpg",
|
||||
alt: "Bride with mehendi",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-woman-traditional-attire-with-intricate-henna-designs-her-hands_1258-289301.jpg", alt: "Closeup of a woman in traditional attire with intricate henna designs on her hands" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hand-with-mehndi-near-blue-textile_23-2148080044.jpg", alt: "Hand with mehndi near blue textile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-hands-pretty-hindu-bride-with-henna-tattoo_8353-8931.jpg", alt: "Closeup of hands of pretty Hindu bride with henna tattoo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hindu-bride-s-hands-covered-with-henna-tattoos_8353-8858.jpg", alt: "Close-up of Hindu bride's hands covered with henna tattoos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bride-with-mehendi_1157-17821.jpg", alt: "Bride with mehendi" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy brides"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Intricate Artistry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Natural Henna",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Designs",
|
||||
},
|
||||
{ type: "text", text: "Intricate Artistry" },
|
||||
{ type: "text", text: "Natural Henna" },
|
||||
{ type: "text", text: "Professional Service" },
|
||||
{ type: "text", text: "Timeless Elegance" },
|
||||
{ type: "text", text: "Modern Designs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,15 +71,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to StarlightMehndi",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-gorgeous-woman-with-dark-curly-hair-sitting-table-thoughtfully-showing-sketch-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-492.jpg",
|
||||
alt: "beauty parlour interior elegant",
|
||||
},
|
||||
{ type: "text", content: "Welcome to StarlightMehndi" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-gorgeous-woman-with-dark-curly-hair-sitting-table-thoughtfully-showing-sketch-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-492.jpg", alt: "beauty parlour interior elegant" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,27 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Bridal",
|
||||
title: "Bridal Mehndi",
|
||||
subtitle: "Luxury Bridal Art",
|
||||
description: "Intricate and elaborate henna designs perfect for your big day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-mehndi_23-2148074756.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Party",
|
||||
title: "Party & Event",
|
||||
subtitle: "Chic & Stylish",
|
||||
description: "Modern and elegant designs for celebrations, parties, and festivals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/henna-artist-applying-designs-brides-hands-closeup_1258-289310.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Beauty",
|
||||
title: "Organic Care",
|
||||
subtitle: "Natural Beauty",
|
||||
description: "Holistic beauty treatments with premium organic, skin-friendly products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-products-green-leaf-with-copy-space_23-2148309919.jpg",
|
||||
},
|
||||
{ tag: "Bridal", title: "Bridal Mehndi", subtitle: "Luxury Bridal Art", description: "Intricate and elaborate henna designs perfect for your big day.", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-mehndi_23-2148074756.jpg" },
|
||||
{ tag: "Party", title: "Party & Event", subtitle: "Chic & Stylish", description: "Modern and elegant designs for celebrations, parties, and festivals.", imageSrc: "http://img.b2bpic.net/free-photo/henna-artist-applying-designs-brides-hands-closeup_1258-289310.jpg" },
|
||||
{ tag: "Beauty", title: "Organic Care", subtitle: "Natural Beauty", description: "Holistic beauty treatments with premium organic, skin-friendly products.", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-products-green-leaf-with-copy-space_23-2148309919.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Tailored beauty and intricate henna artistry for every occasion."
|
||||
@@ -169,54 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bridal Pattern",
|
||||
price: "Custom",
|
||||
variant: "Mehndi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-tattooing-mehndi-woman-hand_23-2148080036.jpg",
|
||||
imageAlt: "intricate bridal henna art",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Floral Design",
|
||||
price: "Affordable",
|
||||
variant: "Mehndi",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pink-flower_1197-198.jpg",
|
||||
imageAlt: "party wear mehendi simple",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Hand",
|
||||
price: "Premium",
|
||||
variant: "Mehndi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-frontview-indian-bride-is-drinkinkg-cocktail-traditional-attire_8353-9775.jpg",
|
||||
imageAlt: "intricate bridal henna art",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist",
|
||||
price: "Standard",
|
||||
variant: "Mehndi",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/henna-tattoo-studio-hand-drawn-style_23-2147560983.jpg",
|
||||
imageAlt: "party wear mehendi simple",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Foot Art",
|
||||
price: "Custom",
|
||||
variant: "Mehndi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-indian-heart-ornament-hands-colored-by-henna-bridal-bracelets-bordeaux-colours_8353-9771.jpg",
|
||||
imageAlt: "intricate bridal henna art",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Party Pattern",
|
||||
price: "Standard",
|
||||
variant: "Mehndi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hindu-bride-white-veil-raises-her-hands-up_8353-8865.jpg",
|
||||
imageAlt: "party wear mehendi simple",
|
||||
},
|
||||
{ id: "p1", name: "Bridal Pattern", price: "Custom", variant: "Mehndi", imageSrc: "http://img.b2bpic.net/free-photo/master-tattooing-mehndi-woman-hand_23-2148080036.jpg", imageAlt: "intricate bridal henna art" },
|
||||
{ id: "p2", name: "Floral Design", price: "Affordable", variant: "Mehndi", imageSrc: "http://img.b2bpic.net/free-vector/pink-flower_1197-198.jpg", imageAlt: "party wear mehendi simple" },
|
||||
{ id: "p3", name: "Full Hand", price: "Premium", variant: "Mehndi", imageSrc: "http://img.b2bpic.net/free-photo/crop-frontview-indian-bride-is-drinkinkg-cocktail-traditional-attire_8353-9775.jpg", imageAlt: "intricate bridal henna art" },
|
||||
{ id: "p4", name: "Minimalist", price: "Standard", variant: "Mehndi", imageSrc: "http://img.b2bpic.net/free-vector/henna-tattoo-studio-hand-drawn-style_23-2147560983.jpg", imageAlt: "party wear mehendi simple" },
|
||||
{ id: "p5", name: "Foot Art", price: "Custom", variant: "Mehndi", imageSrc: "http://img.b2bpic.net/free-photo/traditional-indian-heart-ornament-hands-colored-by-henna-bridal-bracelets-bordeaux-colours_8353-9771.jpg", imageAlt: "intricate bridal henna art" },
|
||||
{ id: "p6", name: "Party Pattern", price: "Standard", variant: "Mehndi", imageSrc: "http://img.b2bpic.net/free-photo/hindu-bride-white-veil-raises-her-hands-up_8353-8865.jpg", imageAlt: "party wear mehendi simple" },
|
||||
]}
|
||||
title="Our Creations"
|
||||
description="A glimpse into our artistic journey."
|
||||
@@ -229,41 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
role: "Bride",
|
||||
testimonial: "The best henna design I've ever had! So intricate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ananya K.",
|
||||
role: "Guest",
|
||||
testimonial: "Professional, clean, and absolutely stunning results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Meera J.",
|
||||
role: "Client",
|
||||
testimonial: "I love the warm atmosphere at StarlightMehndi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-watching-camera-straight-hair-blowed-by-wind_633478-1290.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sonia V.",
|
||||
role: "Regular",
|
||||
testimonial: "Their service is always consistent and beautiful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-mobile-phone_53876-125020.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Neha R.",
|
||||
role: "Model",
|
||||
testimonial: "Elegant designs and very friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502947.jpg",
|
||||
},
|
||||
{ id: "1", name: "Priya Sharma", role: "Bride", testimonial: "The best henna design I've ever had! So intricate.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
|
||||
{ id: "2", name: "Ananya K.", role: "Guest", testimonial: "Professional, clean, and absolutely stunning results.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-tanned-caucasian-woman-tshirt-sit-cafe-terrac_197531-30610.jpg" },
|
||||
{ id: "3", name: "Meera J.", role: "Client", testimonial: "I love the warm atmosphere at StarlightMehndi.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-watching-camera-straight-hair-blowed-by-wind_633478-1290.jpg" },
|
||||
{ id: "4", name: "Sonia V.", role: "Regular", testimonial: "Their service is always consistent and beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-mobile-phone_53876-125020.jpg" },
|
||||
{ id: "5", name: "Neha R.", role: "Model", testimonial: "Elegant designs and very friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502947.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Heartfelt experiences from our wonderful guests."
|
||||
@@ -275,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does henna last?",
|
||||
content: "Generally 7 to 14 days depending on care.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your products organic?",
|
||||
content: "We use 100% natural, chemical-free henna.",
|
||||
},
|
||||
{ id: "f1", title: "How long does henna last?", content: "Generally 7 to 14 days depending on care." },
|
||||
{ id: "f2", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance." },
|
||||
{ id: "f3", title: "Are your products organic?", content: "We use 100% natural, chemical-free henna." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our services."
|
||||
@@ -300,30 +145,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Book your appointment today at StarlightMehndi. Your perfect look awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#footer",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#footer" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="StarlightMehndi"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user