Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Meena’s Beauty Parlour"
|
||||
/>
|
||||
@@ -61,18 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Enhance Your Natural Beauty"
|
||||
description="Professional Beauty Services in Thanjavur"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pastry-bags-with-cream-decorating-gingerbread_169016-20353.jpg?_wi=1"
|
||||
buttons={[{ text: "View Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pastry-bags-with-cream-decorating-gingerbread_169016-20353.jpg"
|
||||
imageAlt="elegant beauty salon interior"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -82,15 +57,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Meena’s Beauty Parlour",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg",
|
||||
alt: "smiling beautician portrait",
|
||||
},
|
||||
{ type: "text", content: "Welcome to Meena’s Beauty Parlour" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg", alt: "smiling beautician portrait" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,67 +70,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Facial Treatments",
|
||||
description: "Revitalize your skin with our premium facials.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg?_wi=1",
|
||||
imageAlt: "facial treatment process close up",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Deep cleansing",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hydrating massage",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-bags-with-cream-decorating-gingerbread_169016-20353.jpg?_wi=2",
|
||||
imageAlt: "facial treatment process close up",
|
||||
title: "Facial Treatments", description: "Revitalize your skin with our premium facials.", media: { imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg", imageAlt: "facial treatment process close up" },
|
||||
items: [{ icon: Sparkles, text: "Deep cleansing" }, { icon: Sparkles, text: "Hydrating massage" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Bridal Makeup",
|
||||
description: "Look stunning on your special day with our bridal packages.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-portrait-beautiful-bride_1153-7107.jpg",
|
||||
imageAlt: "bridal makeup artist applying cosmetics",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Bridal trial included",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Premium products",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg?_wi=1",
|
||||
imageAlt: "facial treatment process close up",
|
||||
title: "Bridal Makeup", description: "Look stunning on your special day with our bridal packages.", media: { imageSrc: "http://img.b2bpic.net/free-photo/morning-portrait-beautiful-bride_1153-7107.jpg", imageAlt: "bridal makeup artist applying cosmetics" },
|
||||
items: [{ icon: Sparkles, text: "Bridal trial included" }, { icon: Sparkles, text: "Premium products" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Hair Styling & Spa",
|
||||
description: "Professional hair care and luxurious styling.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230920.jpg",
|
||||
imageAlt: "professional haircut salon setting",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hair spa sessions",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Professional cutting",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-esthetician-using-electric-nail-file-drill-remove-acrylic-gel-from-nails_181624-58253.jpg?_wi=1",
|
||||
imageAlt: "facial treatment process close up",
|
||||
title: "Hair Styling & Spa", description: "Professional hair care and luxurious styling.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230920.jpg", imageAlt: "professional haircut salon setting" },
|
||||
items: [{ icon: Sparkles, text: "Hair spa sessions" }, { icon: Sparkles, text: "Professional cutting" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Beauty Services"
|
||||
@@ -177,55 +97,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Staff",
|
||||
description: "Highly trained professionals in Thanjavur.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-doing-massage-giving-phone-coffee-beautiful-woman_176420-880.jpg",
|
||||
imageAlt: "smiling beautician portrait",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Certified beauticians",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-bags-with-cream-decorating-gingerbread_169016-20353.jpg?_wi=3",
|
||||
imageAlt: "smiling beautician portrait",
|
||||
title: "Expert Staff", description: "Highly trained professionals in Thanjavur.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hands-doing-massage-giving-phone-coffee-beautiful-woman_176420-880.jpg", imageAlt: "smiling beautician portrait" },
|
||||
items: [{ icon: CheckCircle, text: "Certified beauticians" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Hygienic Environment",
|
||||
description: "Cleanliness is our top priority.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg",
|
||||
imageAlt: "elegant beauty salon interior",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sanitized tools",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg?_wi=2",
|
||||
imageAlt: "smiling beautician portrait",
|
||||
title: "Hygienic Environment", description: "Cleanliness is our top priority.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg", imageAlt: "elegant beauty salon interior" },
|
||||
items: [{ icon: CheckCircle, text: "Sanitized tools" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "Only the best for your skin.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-cleaning-her-spectacles-with-handkerchief_23-2147876731.jpg",
|
||||
imageAlt: "facial treatment process close up",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "International brands",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg?_wi=2",
|
||||
imageAlt: "smiling beautician portrait",
|
||||
title: "Premium Products", description: "Only the best for your skin.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-cleaning-her-spectacles-with-handkerchief_23-2147876731.jpg", imageAlt: "facial treatment process close up" },
|
||||
items: [{ icon: CheckCircle, text: "International brands" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -240,48 +124,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Bridal Glow",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-esthetician-using-electric-nail-file-drill-remove-acrylic-gel-from-nails_181624-58253.jpg?_wi=2",
|
||||
imageAlt: "salon hair styling results",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Hair Style",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blanket-with-red-rose-blurred-background_1122-1473.jpg",
|
||||
imageAlt: "elegant beauty salon interior",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Facial Spa",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg",
|
||||
imageAlt: "facial treatment process close up",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Makeup Look",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-having-her-hair-done_1157-812.jpg",
|
||||
imageAlt: "bridal makeup artist applying cosmetics",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Hair Cut",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg",
|
||||
imageAlt: "professional haircut salon setting",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Nail Art",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg",
|
||||
imageAlt: "smiling beautician portrait",
|
||||
},
|
||||
{ id: "g1", name: "Bridal Glow", price: "", imageSrc: "http://img.b2bpic.net/free-photo/professional-esthetician-using-electric-nail-file-drill-remove-acrylic-gel-from-nails_181624-58253.jpg", imageAlt: "salon hair styling results" },
|
||||
{ id: "g2", name: "Hair Style", price: "", imageSrc: "http://img.b2bpic.net/free-photo/blanket-with-red-rose-blurred-background_1122-1473.jpg", imageAlt: "elegant beauty salon interior" },
|
||||
{ id: "g3", name: "Facial Spa", price: "", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg", imageAlt: "facial treatment process close up" },
|
||||
{ id: "g4", name: "Makeup Look", price: "", imageSrc: "http://img.b2bpic.net/free-photo/bride-having-her-hair-done_1157-812.jpg", imageAlt: "bridal makeup artist applying cosmetics" },
|
||||
{ id: "g5", name: "Hair Cut", price: "", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg", imageAlt: "professional haircut salon setting" },
|
||||
{ id: "g6", name: "Nail Art", price: "", imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg", imageAlt: "smiling beautician portrait" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="See the transformation."
|
||||
@@ -295,26 +143,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anjali Kumar"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg",
|
||||
alt: "Anjali",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Sunitha",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg",
|
||||
alt: "Priya",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
alt: "Meena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
alt: "Beautiful woman smiling",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg", alt: "Anjali" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Sunitha" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg", alt: "Priya" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Meena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Beautiful woman smiling" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -324,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get in Touch"
|
||||
description="Visit us in Thanjavur or book an appointment via WhatsApp."
|
||||
tag="Contact Us"
|
||||
@@ -336,17 +167,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Meena’s Beauty Parlour"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user