Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Essensuals"
|
||||
/>
|
||||
@@ -61,104 +43,37 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unrivaled Hairdressing in Berhampore"
|
||||
description="Experience professional hair care in an environment of comfort and luxury. At Essensuals by Toni&Guy, your style is our craft."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-589.jpg",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319798.jpg",
|
||||
imageAlt: "Professional Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg",
|
||||
imageAlt: "Salon Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817462.jpg",
|
||||
imageAlt: "Hair Treatment Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barber-client-towel_23-2147736962.jpg",
|
||||
imageAlt: "Salon Ambiance",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-589.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319798.jpg", imageAlt: "Professional Tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg", imageAlt: "Salon Setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817462.jpg", imageAlt: "Hair Treatment Room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barber-client-towel_23-2147736962.jpg", imageAlt: "Salon Ambiance" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-hairdresser_23-2147769865.jpg",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beauty-procedures-beauty-salon_1303-16730.jpg",
|
||||
imageAlt: "Professional Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg",
|
||||
imageAlt: "Salon Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60855.jpg",
|
||||
imageAlt: "Hair Treatment Room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg",
|
||||
imageAlt: "Salon Ambiance",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-hairdresser_23-2147769865.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beauty-procedures-beauty-salon_1303-16730.jpg", imageAlt: "Professional Tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg", imageAlt: "Salon Setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60855.jpg", imageAlt: "Hair Treatment Room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg", imageAlt: "Salon Ambiance" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-drying-hair-young-girl_23-2147769807.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylist-curling-hair-young-woman_23-2148113049.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-preparing-girl-haircut-procedure_23-2147769867.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-getting-new-hairstyle-with-dryer-professional-hair-styling-saloon_231208-10835.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-getting-her-hair-done_107420-12127.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-drying-hair-young-girl_23-2147769807.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylist-curling-hair-young-woman_23-2148113049.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-preparing-girl-haircut-procedure_23-2147769867.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-getting-new-hairstyle-with-dryer-professional-hair-styling-saloon_231208-10835.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-getting-her-hair-done_107420-12127.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
|
||||
alt: "Hair tools",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg",
|
||||
alt: "Professional tools",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/frame-surrounded-by-hair-accessories_23-2148352875.jpg",
|
||||
alt: "Accessories",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg",
|
||||
alt: "Scissors",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg",
|
||||
alt: "Salon detail",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", alt: "Hair tools" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg", alt: "Professional tools" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/frame-surrounded-by-hair-accessories_23-2148352875.jpg", alt: "Accessories" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg", alt: "Scissors" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg", alt: "Salon detail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,7 +82,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Professional Care & Comfy Environment"
|
||||
description="At Essensuals, we believe that your hair is your most important accessory. Our salon offers a serene, modern, and hygienic atmosphere where our experts provide personalized care tailored to your unique features and lifestyle. We use only premium-grade products to ensure your hair remains healthy, vibrant, and stylish."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,30 +92,10 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Uma",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-barber-wearing-glasses-uniform-holding-combs-looking-camera-stretching-hair-spray-out-towards-camera-isolated-olive-green-background_141793-137022.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Amit",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Priya",
|
||||
role: "Colorist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Rahul",
|
||||
role: "Hair Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-professional-make-up-master-beauty-club-concept_627829-9066.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Uma", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-barber-wearing-glasses-uniform-holding-combs-looking-camera-stretching-hair-spray-out-towards-camera-isolated-olive-green-background_141793-137022.jpg" },
|
||||
{ id: "m2", name: "Amit", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg" },
|
||||
{ id: "m3", name: "Priya", role: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg" },
|
||||
{ id: "m4", name: "Rahul", role: "Hair Technician", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-work-her-beauty-visage-studio-salon-woman-professional-make-up-master-beauty-club-concept_627829-9066.jpg" }
|
||||
]}
|
||||
title="Our Professional Stylists"
|
||||
description="Meet the team that makes your hair look its absolute best."
|
||||
@@ -213,46 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Service",
|
||||
quote: "Good ambiance, good service and good staff.",
|
||||
name: "Client A",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-using-mascara-home_23-2148817246.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional",
|
||||
quote: "Extremely professional and very comfy.",
|
||||
name: "Client B",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167404.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Excellent",
|
||||
quote: "Best hair care salon in town.",
|
||||
name: "Client C",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490499.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Satisfied",
|
||||
quote: "Great haircut and beard trim.",
|
||||
name: "Client D",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-best-friends-smiling-while-looking-camera_23-2148286444.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Wonderful",
|
||||
quote: "Professional and really talented.",
|
||||
name: "Client E",
|
||||
role: "Happy Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7966.jpg",
|
||||
},
|
||||
{ id: "1", title: "Great Service", quote: "Good ambiance, good service and good staff.", name: "Client A", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-using-mascara-home_23-2148817246.jpg" },
|
||||
{ id: "2", title: "Professional", quote: "Extremely professional and very comfy.", name: "Client B", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167404.jpg" },
|
||||
{ id: "3", title: "Excellent", quote: "Best hair care salon in town.", name: "Client C", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490499.jpg" },
|
||||
{ id: "4", title: "Satisfied", quote: "Great haircut and beard trim.", name: "Client D", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/senior-best-friends-smiling-while-looking-camera_23-2148286444.jpg" },
|
||||
{ id: "5", title: "Wonderful", quote: "Professional and really talented.", name: "Client E", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7966.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="488 reviews with a 4.9 average rating."
|
||||
@@ -265,53 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Basic",
|
||||
price: "₹500",
|
||||
period: "/session",
|
||||
description: "Quick refresh and trim.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Standard",
|
||||
price: "₹1200",
|
||||
period: "/session",
|
||||
description: "Complete care experience.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Facial",
|
||||
"Deep Conditioning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Premium",
|
||||
price: "₹2500",
|
||||
period: "/session",
|
||||
description: "Full transformative care.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Hair Spa",
|
||||
"Advanced Color",
|
||||
"Complete Styling",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Basic", price: "₹500", period: "/session", description: "Quick refresh and trim.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Haircut", "Beard Trim"] },
|
||||
{ id: "p2", tag: "Standard", price: "₹1200", period: "/session", description: "Complete care experience.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Haircut", "Facial", "Deep Conditioning"] },
|
||||
{ id: "p3", tag: "Premium", price: "₹2500", period: "/session", description: "Full transformative care.", button: { text: "Book Now" }, featuresTitle: "Included", features: ["Hair Spa", "Advanced Color", "Complete Styling"] }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium hairdressing services tailored for you."
|
||||
@@ -323,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "Babul Bona Road, near Madhupur, Berhampore.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "Open daily until 9 pm.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance." },
|
||||
{ id: "f2", title: "Where are you located?", content: "Babul Bona Road, near Madhupur, Berhampore." },
|
||||
{ id: "f3", title: "What are your hours?", content: "Open daily until 9 pm." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our services."
|
||||
@@ -348,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="089100 12675 | Babul Bona Road, Berhampore"
|
||||
@@ -360,14 +161,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Essensuals by Toni&Guy"
|
||||
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