Merge version_2 into main #2
202
src/app/page.tsx
202
src/app/page.tsx
@@ -29,108 +29,67 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
brandName="Shasha."
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Where Every Woman Leaves Glowing."
|
||||
description="More than 20 years of trusted beauty expertise. We bring out the most radiant version of you — naturally, gently, beautifully."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years of Excellence",
|
||||
},
|
||||
value: "20+", label: "Years of Excellence"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Beauty Services",
|
||||
},
|
||||
value: "10+", label: "Beauty Services"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "4.9", label: "Client Rating"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Threading",
|
||||
},
|
||||
type: "text", text: "Threading"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Facial",
|
||||
},
|
||||
type: "text", text: "Facial"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Styling",
|
||||
},
|
||||
type: "text", text: "Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nails",
|
||||
},
|
||||
type: "text", text: "Nails"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Waxing",
|
||||
},
|
||||
type: "text", text: "Waxing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,35 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Threading & Facial",
|
||||
description: "Precision threading and cleansing facial.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=2",
|
||||
},
|
||||
title: "Threading & Facial", description: "Precision threading and cleansing facial.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=2"},
|
||||
{
|
||||
title: "Haircut & Styling",
|
||||
description: "We listen, we shape, we deliver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=3",
|
||||
},
|
||||
title: "Haircut & Styling", description: "We listen, we shape, we deliver.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=3"},
|
||||
{
|
||||
title: "Acrylic Nails",
|
||||
description: "Natural-feeling acrylics that last.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=4",
|
||||
},
|
||||
title: "Acrylic Nails", description: "Natural-feeling acrylics that last.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=4"},
|
||||
{
|
||||
title: "Waxing",
|
||||
description: "Quick, efficient, comfortable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=5",
|
||||
},
|
||||
title: "Waxing", description: "Quick, efficient, comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=5"},
|
||||
{
|
||||
title: "Lash Lift",
|
||||
description: "Lifted lashes that look naturally yours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=6",
|
||||
},
|
||||
title: "Lash Lift", description: "Lifted lashes that look naturally yours.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=6"},
|
||||
{
|
||||
title: "Rebonding & Keratin",
|
||||
description: "Silky straight, frizz-free hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=7",
|
||||
},
|
||||
title: "Rebonding & Keratin", description: "Silky straight, frizz-free hair.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=7"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Precision treatments designed to enhance your natural glow."
|
||||
@@ -193,60 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kavi",
|
||||
date: "Oct 2024",
|
||||
title: "Client",
|
||||
quote: "Results were so clean.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",
|
||||
imageAlt: "elegant beauty salon interior",
|
||||
},
|
||||
id: "1", name: "Kavi", date: "Oct 2024", title: "Client", quote: "Results were so clean.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2", imageAlt: "elegant beauty salon interior"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Preethi",
|
||||
date: "Sept 2024",
|
||||
title: "Client",
|
||||
quote: "My acrylic nails came out so nice.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=8",
|
||||
imageAlt: "professional beauty expert smiling",
|
||||
},
|
||||
id: "2", name: "Preethi", date: "Sept 2024", title: "Client", quote: "My acrylic nails came out so nice.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-pine-cones-envelope-burlap_23-2148697542.jpg?_wi=8", imageAlt: "professional beauty expert smiling"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Divyaa",
|
||||
date: "Aug 2024",
|
||||
title: "Client",
|
||||
quote: "The lash lift looks so natural.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=1",
|
||||
imageAlt: "elegant woman smiling portrait",
|
||||
},
|
||||
id: "3", name: "Divyaa", date: "Aug 2024", title: "Client", quote: "The lash lift looks so natural.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=1", imageAlt: "elegant woman smiling portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ashwini",
|
||||
date: "Jul 2024",
|
||||
title: "Client",
|
||||
quote: "Simple, clean, and not too heavy.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=2",
|
||||
imageAlt: "professional woman portrait",
|
||||
},
|
||||
id: "4", name: "Ashwini", date: "Jul 2024", title: "Client", quote: "Simple, clean, and not too heavy.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-young-caucasian-women-casual-clothes-are-discussing-best-beauty-secrets-themselves-lifestyle-concept_197531-31491.jpg?_wi=2", imageAlt: "professional woman portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sneha",
|
||||
date: "Jun 2024",
|
||||
title: "Client",
|
||||
quote: "Facial and massage was relaxing.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg",
|
||||
imageAlt: "happy client spa experience",
|
||||
},
|
||||
id: "5", name: "Sneha", date: "Jun 2024", title: "Client", quote: "Facial and massage was relaxing.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-athlete-with-closed-eyes_23-2148267274.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beauty-fashion-portrait-young-blond-woman-model-with-natural-makeup-perfect-skin-posing-touching-her-face_158538-8756.jpg", imageAlt: "happy client spa experience"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real stories from the women we have served for over two decades."
|
||||
@@ -257,12 +153,12 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Booking"
|
||||
title="Ready to Glow? Book Your Session Today."
|
||||
description="Join the many women who trust Shasha for beauty that feels as good as it looks."
|
||||
buttonText="Chat on WhatsApp"
|
||||
onSubmit={() => window.open("https://wa.me/60163607038", "_blank")}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -271,37 +167,23 @@ export default function LandingPage() {
|
||||
logoText="Shasha."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Threading & Facial",
|
||||
href: "#",
|
||||
},
|
||||
label: "Threading & Facial", href: "#"},
|
||||
{
|
||||
label: "Haircut & Styling",
|
||||
href: "#",
|
||||
},
|
||||
label: "Haircut & Styling", href: "#"},
|
||||
{
|
||||
label: "Acrylic Nails",
|
||||
href: "#",
|
||||
},
|
||||
label: "Acrylic Nails", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "016-360 7038",
|
||||
href: "tel:0163607038",
|
||||
},
|
||||
label: "016-360 7038", href: "tel:0163607038"},
|
||||
{
|
||||
label: "WhatsApp Us",
|
||||
href: "https://wa.me/60163607038",
|
||||
},
|
||||
label: "WhatsApp Us", href: "https://wa.me/60163607038"},
|
||||
{
|
||||
label: "Tingkat 1, 18A, Jalan Besar, Pekan Kapar",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tingkat 1, 18A, Jalan Besar, Pekan Kapar", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user