Merge version_1 into main #2
394
src/app/page.tsx
394
src/app/page.tsx
@@ -28,282 +28,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lucky Beauty Centre"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lucky Beauty Centre"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Lucky Beauty Centre"
|
||||
description="Your ultimate destination for professional beauty, skincare, and salon equipment in HSR Layout, Bengaluru. High quality meets unbeatable prices."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Shop Categories",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-party_23-2149272225.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Beauty Store Display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561240.jpg?_wi=1",
|
||||
imageAlt: "Wide View of Beauty Shop Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1203-8298.jpg?_wi=1",
|
||||
imageAlt: "Professional Skincare Supplies Shelf",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg",
|
||||
imageAlt: "Medium shot happy women at party",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-shoppers-boutique_23-2147666156.jpg",
|
||||
imageAlt: "Female shoppers at boutique",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Lucky Beauty Centre"
|
||||
description="Your ultimate destination for professional beauty, skincare, and salon equipment in HSR Layout, Bengaluru. High quality meets unbeatable prices."
|
||||
buttons={[
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
{ text: "Shop Categories", href: "#products" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-party_23-2149272225.jpg", imageAlt: "Luxurious Beauty Store Display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561240.jpg", imageAlt: "Wide View of Beauty Shop Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1203-8298.jpg", imageAlt: "Professional Skincare Supplies Shelf" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-party_23-2149272200.jpg", imageAlt: "Medium shot happy women at party" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-shoppers-boutique_23-2147666156.jpg", imageAlt: "Female shoppers at boutique" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Us?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Google Rating",
|
||||
value: "4.9+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "400+",
|
||||
},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
label: "Product Range",
|
||||
value: "1000+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Us?"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Google Rating", value: "4.9+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "400+" },
|
||||
{ icon: ShoppingBag, label: "Product Range", value: "1000+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Professional Trimmer",
|
||||
price: "₹1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Professional Styling Comb",
|
||||
price: "₹199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-items-pink-background_23-2148261114.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hair Cutting Shears",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-scissors-lie-wave-silk-brown-hair_8353-7032.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Facial Treatment Serum",
|
||||
price: "₹899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963082.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Professional Face Steamer",
|
||||
price: "₹2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-stylist-tools-laptop_23-2148352916.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Salon Hair Dryer",
|
||||
price: "₹3,199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-hair-equipment_23-2148352872.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Beauty Products"
|
||||
description="National and international quality products at unbeatable prices."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Professional Trimmer", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg" },
|
||||
{ id: "p2", name: "Professional Styling Comb", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-items-pink-background_23-2148261114.jpg" },
|
||||
{ id: "p3", name: "Hair Cutting Shears", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/steel-scissors-lie-wave-silk-brown-hair_8353-7032.jpg" },
|
||||
{ id: "p4", name: "Facial Treatment Serum", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963082.jpg" },
|
||||
{ id: "p5", name: "Professional Face Steamer", price: "₹2,499", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stylist-tools-laptop_23-2148352916.jpg" },
|
||||
{ id: "p6", name: "Salon Hair Dryer", price: "₹3,199", imageSrc: "http://img.b2bpic.net/free-photo/laptop-hair-equipment_23-2148352872.jpg" },
|
||||
]}
|
||||
title="Featured Beauty Products"
|
||||
description="National and international quality products at unbeatable prices."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
title: "Salon Products",
|
||||
description: "Professional-grade scissors, combs, and trimmers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-young-woman-sitting-cafe-table-indoors_171337-17104.jpg",
|
||||
imageAlt: "Smiling pretty young woman sitting at the cafe table indoors",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
title: "Salon Furniture",
|
||||
description: "Ergonomic salon chairs and furniture setups.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-party_23-2149272225.jpg?_wi=2",
|
||||
imageAlt: "Smiling pretty young woman sitting at the cafe table indoors",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
title: "Spa Essentials",
|
||||
description: "Premium spa products for professional treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561240.jpg?_wi=2",
|
||||
imageAlt: "Smiling pretty young woman sitting at the cafe table indoors",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wind,
|
||||
title: "Machinery",
|
||||
description: "Face streamers, dryers, and advanced salon machines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1203-8298.jpg?_wi=2",
|
||||
imageAlt: "Smiling pretty young woman sitting at the cafe table indoors",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Beauty Solutions"
|
||||
description="We cater to all your salon and spa needs with professional equipment and high-quality cosmetics."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ bentoComponent: "reveal-icon", icon: Scissors, title: "Salon Products", description: "Professional-grade scissors, combs, and trimmers." },
|
||||
{ bentoComponent: "reveal-icon", icon: Sparkles, title: "Salon Furniture", description: "Ergonomic salon chairs and furniture setups." },
|
||||
{ bentoComponent: "reveal-icon", icon: Sparkles, title: "Spa Essentials", description: "Premium spa products for professional treatments." },
|
||||
{ bentoComponent: "reveal-icon", icon: Wind, title: "Machinery", description: "Face streamers, dryers, and advanced salon machines." },
|
||||
]}
|
||||
title="Comprehensive Beauty Solutions"
|
||||
description="We cater to all your salon and spa needs with professional equipment and high-quality cosmetics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Lucky Beauty Centre is a treasure trove of beauty products. Heavily discounted prices and top-notch, friendly service. Highly recommended!"
|
||||
rating={5}
|
||||
author="Rajendra Dattatraya Bhosale"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-cashier-giving-credit-card-customer-after-payment-thanking-purchase-smiling-medium-shot-shopping-concept_74855-11736.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-women-using-make-up-brush-home_23-2148817244.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-bag-surprised-friend_23-2147950283.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ordinary-life-scene-from-mall-america_23-2151564200.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Lucky Beauty Centre is a treasure trove of beauty products. Heavily discounted prices and top-notch, friendly service. Highly recommended!"
|
||||
rating={5}
|
||||
author="Rajendra Dattatraya Bhosale"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friendly-cashier-giving-credit-card-customer-after-payment-thanking-purchase-smiling-medium-shot-shopping-concept_74855-11736.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-women-using-make-up-brush-home_23-2148817244.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-showing-bag-surprised-friend_23-2147950283.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ordinary-life-scene-from-mall-america_23-2151564200.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What products are available?",
|
||||
content: "We carry national and international cosmetics, skincare, hair care, and professional salon machinery.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there discounts available?",
|
||||
content: "Yes, we offer heavily discounted prices compared to major e-commerce platforms.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "We are in HSR Layout, Agara Village, Bengaluru, near Tirumala theatre.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "What products are available?", content: "We carry national and international cosmetics, skincare, hair care, and professional salon machinery." },
|
||||
{ id: "2", title: "Are there discounts available?", content: "Yes, we offer heavily discounted prices compared to major e-commerce platforms." },
|
||||
{ id: "3", title: "Where are you located?", content: "We are in HSR Layout, Agara Village, Bengaluru, near Tirumala theatre." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Visit Us Today"
|
||||
title="Experience Quality Beauty"
|
||||
description="Drop by Lucky Beauty Centre in HSR Layout, Bengaluru for expert beauty advice and unbeatable deals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us Today"
|
||||
title="Experience Quality Beauty"
|
||||
description="Drop by Lucky Beauty Centre in HSR Layout, Bengaluru for expert beauty advice and unbeatable deals."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lucky Beauty Centre"
|
||||
copyrightText="© 2025 Lucky Beauty Centre. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lucky Beauty Centre"
|
||||
copyrightText="© 2025 Lucky Beauty Centre. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user