bender/71865b6b-bdfd-4d99-be36-5ab95e7aa507
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-05 15:18:09 +00:00
parent f1ef287be5
commit 7a0c14b68f
1 changed files with 63 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx
View File

@@ -30,104 +30,43 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Exclusive Salon"
button={{
text: "Book Now",
href: "#contact",
}}
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Beauty Salon Exclusive in Tbilisi"
description="Experience premium hairstyling, laser hair removal, and rejuvenating spa treatments in the heart of the city. We pride ourselves on expert care."
kpis={[
{
value: "4.7",
label: "Google Rating",
},
{
value: "82+",
label: "Happy Reviews",
},
{
value: "1.2km",
label: "From Center",
},
{ value: "4.7", label: "Google Rating" },
{ value: "82+", label: "Happy Reviews" },
{ value: "1.2km", label: "From Center" }
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/pillow-sofa_74190-2069.jpg?_wi=1"
buttons={[{ text: "Book Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/pillow-sofa_74190-2069.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913246.jpg",
alt: "Luxury interior",
},
{
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg",
alt: "Relaxing lounge",
},
{
src: "http://img.b2bpic.net/free-photo/furniture-room-background-sofa-contemporary_1203-4464.jpg",
alt: "Contemporary sofa",
},
{
src: "http://img.b2bpic.net/free-photo/content-client-with-hair-dye_23-2147769778.jpg",
alt: "Happy client",
},
{
src: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg",
alt: "Professional service",
},
{ src: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913246.jpg", alt: "Luxury interior" },
{ src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg", alt: "Relaxing lounge" },
{ src: "http://img.b2bpic.net/free-photo/furniture-room-background-sofa-contemporary_1203-4464.jpg", alt: "Contemporary sofa" },
{ src: "http://img.b2bpic.net/free-photo/content-client-with-hair-dye_23-2147769778.jpg", alt: "Happy client" },
{ src: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-15500.jpg", alt: "Professional service" }
]}
marqueeItems={[
{
type: "text",
text: "Premium Care",
},
{
type: "text",
text: "Expert Stylists",
},
{
type: "text",
text: "Modern Equipment",
},
{
type: "text",
text: "Relaxing Spa",
},
{
type: "text",
text: "Beauty Redefined",
},
{ type: "text", text: "Premium Care" },
{ type: "text", text: "Expert Stylists" },
{ type: "text", text: "Modern Equipment" },
{ type: "text", text: "Relaxing Spa" },
{ type: "text", text: "Beauty Redefined" }
]}
/>
</div>
@@ -136,19 +75,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Your sanctuary for ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194173.jpg",
alt: "Salon service",
},
{
type: "text",
content: " premium beauty care in Tbilisi.",
},
{ type: "text", content: "Your sanctuary for " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194173.jpg", alt: "Salon service" },
{ type: "text", content: " premium beauty care in Tbilisi." }
]}
/>
</div>
@@ -158,47 +87,23 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Hair & Styling",
description: "Expert hairstyling, haircuts, and professional hair extensions tailored to you.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-2069.jpg?_wi=2",
imageAlt: "woman with beautiful styled hair",
},
{
title: "Nail Care",
description: "High-quality manicures and pedicures with a focus on hygiene and design.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/pretty-ginger-woman-covering-her-face-with-hands_171337-10794.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194173.jpg",
imageAlt: "woman with beautiful styled hair",
},
{
title: "Laser & Waxing",
description: "Advanced laser hair removal, body waxing, and eyebrow threading services.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16753.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-eco-products_23-2149371299.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg?_wi=1",
imageAlt: "woman with beautiful styled hair",
},
]}
showStepNumbers={false}
title="Our Professional Services"
description="From sophisticated hairstyling and hair extensions to advanced laser hair removal, botox, and complete nail care, our expert team ensures you look and feel your best."
features={[
{
title: "Hair & Styling", description: "Expert hairstyling, haircuts, and professional hair extensions tailored to you.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-female-with-crossed-arms-white-underwear-with-green-costly-necklace_613910-8010.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg" }
},
{
title: "Nail Care", description: "High-quality manicures and pedicures with a focus on hygiene and design.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pretty-ginger-woman-covering-her-face-with-hands_171337-10794.jpg" }
},
{
title: "Laser & Waxing", description: "Advanced laser hair removal, body waxing, and eyebrow threading services.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16753.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-eco-products_23-2149371299.jpg" }
}
]}
/>
</div>
@@ -209,24 +114,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Nino",
role: "Head Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg?_wi=2",
},
{
id: "t2",
name: "Mari",
role: "Senior Esthetician",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
},
{
id: "t3",
name: "Ana",
role: "Nail Artist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452696.jpg",
},
{ id: "t1", name: "Nino", role: "Head Stylist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg" },
{ id: "t2", name: "Mari", role: "Senior Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
{ id: "t3", name: "Ana", role: "Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452696.jpg" }
]}
title="Meet Our Beauty Experts"
description="Our dedicated team of professionals brings years of experience to ensure every client leaves feeling refreshed and confident."
@@ -235,103 +125,47 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Regular",
company: "Tbilisi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
},
{
id: "2",
name: "Michael",
role: "Stylist",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
},
{
id: "3",
name: "Elena",
role: "Local",
company: "Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-woman-living-modern-lifestyle_23-2148404454.jpg",
},
{
id: "4",
name: "David",
role: "Visitor",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
},
{
id: "5",
name: "Anna",
role: "Regular",
company: "Tbilisi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
},
]}
kpiItems={[
{
value: "4.7",
label: "Avg Rating",
},
{
value: "82",
label: "Reviews",
},
{
value: "100%",
label: "Satisfaction",
},
]}
title="Client Love"
description="Read what our amazing clients say about their experiences at Beauty Salon Exclusive."
testimonials={[
{ id: "1", name: "Sarah", role: "Regular", company: "Tbilisi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg" },
{ id: "2", name: "Michael", role: "Stylist", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg" },
{ id: "3", name: "Elena", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-woman-living-modern-lifestyle_23-2148404454.jpg" },
{ id: "4", name: "David", role: "Visitor", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
{ id: "5", name: "Anna", role: "Regular", company: "Tbilisi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" }
]}
kpiItems={[
{ value: "4.7", label: "Avg Rating" },
{ value: "82", label: "Reviews" },
{ value: "100%", label: "Satisfaction" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How can I book an appointment?",
content: "You can call us directly at 574 00 52 52.",
},
{
id: "q2",
title: "Do you offer consultations?",
content: "Yes, we offer free consultations for hair and laser services.",
},
{
id: "q3",
title: "Is your salon accessible?",
content: "Yes, we are conveniently located at 7 Vakhtang Chabukiani St.",
},
{ id: "q1", title: "How can I book an appointment?", content: "You can call us directly at 574 00 52 52." },
{ id: "q2", title: "Do you offer consultations?", content: "Yes, we offer free consultations for hair and laser services." },
{ id: "q3", title: "Is your salon accessible?", content: "Yes, we are conveniently located at 7 Vakhtang Chabukiani St." }
]}
imageSrc="http://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg"
title="Commonly Asked Questions"
description="Find answers to quick questions about our booking and service procedures."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Booking"
title="Book Your Visit Now"
description="Ready to pamper yourself? Call us today at 574 00 52 52 to secure your spot at Beauty Salon Exclusive."
@@ -341,17 +175,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Exclusive Salon"
leftLink={{
text: "7 Vakhtang Chabukiani St",
href: "#",
}}
rightLink={{
text: "574 00 52 52",
href: "tel:+995574005252",
}}
leftLink={{ text: "7 Vakhtang Chabukiani St", href: "#" }}
rightLink={{ text: "574 00 52 52", href: "tel:+995574005252" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}