Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Essensuals"
|
||||
/>
|
||||
@@ -59,66 +44,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unrivaled Hair Artistry in Berhampore"
|
||||
description="Experience professional styling, rejuvenating treatments, and premium care at Essensuals Hairdressing by Toni&Guy. Where elegance meets expertise."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585900.jpg",
|
||||
alt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg",
|
||||
alt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
alt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg",
|
||||
alt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-woman-smiling-talking-phone_23-2148850590.jpg",
|
||||
alt: "happy salon customer portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585900.jpg", alt: "happy salon customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg", alt: "happy salon customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg", alt: "happy salon customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg", alt: "happy salon customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-happy-woman-smiling-talking-phone_23-2148850590.jpg", alt: "happy salon customer portrait" },
|
||||
]}
|
||||
avatarText="Join 488+ happy clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Salon",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Stylists",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Experience",
|
||||
icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern Techniques",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Relaxing Environment",
|
||||
icon: Coffee,
|
||||
},
|
||||
{ type: "text-icon", text: "Premium Salon", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Certified Stylists", icon: Award },
|
||||
{ type: "text-icon", text: "Luxury Experience", icon: Diamond },
|
||||
{ type: "text-icon", text: "Modern Techniques", icon: Scissors },
|
||||
{ type: "text-icon", text: "Relaxing Environment", icon: Coffee },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,12 +70,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Comfort Combined"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,24 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Expert cuts tailored to your unique style and hair type.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg",
|
||||
imageAlt: "modern hair haircut tools",
|
||||
},
|
||||
{
|
||||
title: "Rejuvenating Treatments",
|
||||
description: "Professional therapies for smoother, healthier, and shinier hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229764.jpg",
|
||||
imageAlt: "hair treatment spa salon",
|
||||
},
|
||||
{
|
||||
title: "Skincare & Facials",
|
||||
description: "Relaxing and refreshing facial treatments for glowing skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4296.jpg",
|
||||
imageAlt: "professional facial hair care",
|
||||
},
|
||||
{ title: "Precision Haircuts", description: "Expert cuts tailored to your unique style and hair type.", imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg", imageAlt: "modern hair haircut tools" },
|
||||
{ title: "Rejuvenating Treatments", description: "Professional therapies for smoother, healthier, and shinier hair.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229764.jpg", imageAlt: "hair treatment spa salon" },
|
||||
{ title: "Skincare & Facials", description: "Relaxing and refreshing facial treatments for glowing skin.", imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4296.jpg", imageAlt: "professional facial hair care" },
|
||||
]}
|
||||
title="Expert Salon Services"
|
||||
description="Discover a range of professional salon services designed to enhance your hair, skin, and confidence."
|
||||
@@ -172,27 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
title: "Customer Rating",
|
||||
description: "Based on 488 reviews",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Committed to excellence",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Appointments Done",
|
||||
description: "Trusted by the community",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "4.9", title: "Customer Rating", description: "Based on 488 reviews", icon: Star },
|
||||
{ id: "m2", value: "100%", title: "Client Satisfaction", description: "Committed to excellence", icon: Award },
|
||||
{ id: "m3", value: "5k+", title: "Appointments Done", description: "Trusted by the community", icon: CheckCircle },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quality service that keeps our clients coming back."
|
||||
@@ -206,37 +111,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "staff",
|
||||
groupTitle: "Senior Stylists",
|
||||
members: [
|
||||
{
|
||||
id: "s1",
|
||||
title: "Uma",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Expert in precision cuts and pain-free waxing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-hairdresser_329181-1931.jpg",
|
||||
imageAlt: "professional hair stylist portrait",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Senior Staff",
|
||||
subtitle: "Hair Care Expert",
|
||||
detail: "Dedicated to smooth and healthy hair solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg",
|
||||
imageAlt: "professional hair stylist portrait",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Professional Stylist",
|
||||
subtitle: "Beauty Specialist",
|
||||
detail: "Focusing on customer comfort and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-comb-with-cash-isolated-pink-wall_141793-105673.jpg",
|
||||
imageAlt: "professional hair stylist portrait",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58753.jpg",
|
||||
imageAlt: "professional hair stylist portrait",
|
||||
},
|
||||
id: "staff", groupTitle: "Senior Stylists", members: [
|
||||
{ id: "s1", title: "Uma", subtitle: "Senior Stylist", detail: "Expert in precision cuts and pain-free waxing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-hairdresser_329181-1931.jpg", imageAlt: "professional hair stylist portrait" },
|
||||
{ id: "s2", title: "Senior Staff", subtitle: "Hair Care Expert", detail: "Dedicated to smooth and healthy hair solutions.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg", imageAlt: "professional hair stylist portrait" },
|
||||
{ id: "s3", title: "Professional Stylist", subtitle: "Beauty Specialist", detail: "Focusing on customer comfort and style.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-comb-with-cash-isolated-pink-wall_141793-105673.jpg", imageAlt: "professional hair stylist portrait" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our professional stylists are dedicated to providing the best care for you."
|
||||
@@ -245,55 +125,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Samim Alam",
|
||||
role: "Client",
|
||||
company: "Berhampore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
imageAlt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bipul Acharya",
|
||||
role: "Client",
|
||||
company: "Berhampore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-owner-hairdresser-salon-showing-ok-hand-sign_329181-1954.jpg",
|
||||
imageAlt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sweety Yadav",
|
||||
role: "Client",
|
||||
company: "Berhampore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
|
||||
imageAlt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Satisfied Customer",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
imageAlt: "happy salon customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Frequent Visitor",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-smiling-talking-phone_23-2148850590.jpg",
|
||||
imageAlt: "happy salon customer portrait",
|
||||
},
|
||||
{ id: "t1", name: "Samim Alam", role: "Client", company: "Berhampore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", imageAlt: "happy salon customer portrait" },
|
||||
{ id: "t2", name: "Bipul Acharya", role: "Client", company: "Berhampore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-owner-hairdresser-salon-showing-ok-hand-sign_329181-1954.jpg", imageAlt: "happy salon customer portrait" },
|
||||
{ id: "t3", name: "Sweety Yadav", role: "Client", company: "Berhampore", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", imageAlt: "happy salon customer portrait" },
|
||||
{ id: "t4", name: "Satisfied Customer", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg", imageAlt: "happy salon customer portrait" },
|
||||
{ id: "t5", name: "Frequent Visitor", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-smiling-talking-phone_23-2148850590.jpg", imageAlt: "happy salon customer portrait" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Here is what our lovely clients have to say about their experience."
|
||||
@@ -304,21 +145,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you take walk-ins?",
|
||||
content: "While we recommend booking an appointment, we try our best to accommodate walk-ins.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open daily until 9 pm.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at No.54/3, Babul Bona Road, near Madhupur, Berhampore.",
|
||||
},
|
||||
{ id: "f1", title: "Do you take walk-ins?", content: "While we recommend booking an appointment, we try our best to accommodate walk-ins." },
|
||||
{ id: "f2", title: "What are your operating hours?", content: "We are open daily until 9 pm." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located at No.54/3, Babul Bona Road, near Madhupur, Berhampore." },
|
||||
]}
|
||||
sideTitle="Commonly Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -328,9 +157,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Session"
|
||||
description="Ready to experience professional hair care? Visit us or call to book your appointment today."
|
||||
@@ -342,34 +169,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Babul Bona Road",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Berhampore, WB",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "089100 12675",
|
||||
href: "tel:08910012675",
|
||||
},
|
||||
{ label: "Babul Bona Road", href: "#" },
|
||||
{ label: "Berhampore, WB", href: "#" },
|
||||
{ label: "089100 12675", href: "tel:08910012675" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user