Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Treat Kyalami"
|
||||
/>
|
||||
@@ -60,36 +45,15 @@ export default function LandingPage() {
|
||||
logoText="The Treat Kyalami"
|
||||
description="Indulge in an exquisite sanctuary of relaxation. At The Treat Kyalami, we redefine beauty with premium treatments and professional care, crafted to enhance your natural confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://fresha.com",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/27692107869",
|
||||
},
|
||||
{ text: "Book Appointment", href: "https://fresha.com" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/27692107869" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg?_wi=1",
|
||||
imageAlt: "Luxury beauty salon interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
|
||||
imageAlt: "Mirror in hairdressing salon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",
|
||||
imageAlt: "Beautician styling clients hair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
|
||||
imageAlt: "3d rendering spa and massage wellness in hotel suite with bathtub",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg",
|
||||
imageAlt: "Winter sports equipment at complex",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg", imageAlt: "Luxury beauty salon interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", imageAlt: "Mirror in hairdressing salon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", imageAlt: "Beautician styling clients hair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", imageAlt: "3d rendering spa and massage wellness in hotel suite with bathtub" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", imageAlt: "Winter sports equipment at complex" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,15 +62,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Elevating Your Daily Self-Care Ritual",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg",
|
||||
alt: "professional beauty expert relaxing",
|
||||
},
|
||||
{ type: "text", content: "Elevating Your Daily Self-Care Ritual" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg", alt: "professional beauty expert relaxing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,46 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nail Care & Mani-Pedi",
|
||||
description: "Expert nail artistry with high-end polishes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-photo-womans-hand-fingers-with-big-silver-ring-flowers-glowing-lights_343596-3277.jpg",
|
||||
imageAlt: "manicure nail art luxury",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-gray-glitter-nail-design_127675-2836.jpg",
|
||||
imageAlt: "manicure nail art luxury",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg?_wi=2",
|
||||
imageAlt: "manicure nail art luxury",
|
||||
title: "Nail Care & Mani-Pedi", description: "Expert nail artistry with high-end polishes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-photo-womans-hand-fingers-with-big-silver-ring-flowers-glowing-lights_343596-3277.jpg", imageAlt: "manicure nail art luxury" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-gray-glitter-nail-design_127675-2836.jpg", imageAlt: "manicure nail art luxury" },
|
||||
},
|
||||
{
|
||||
title: "Lashes, Brows & Makeup",
|
||||
description: "Precision shaping and stunning finishes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-wearing-eye-patches_23-2149628101.jpg",
|
||||
imageAlt: "professional eyelash extension treatment",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-professional-holding-tweezers_23-2149628034.jpg",
|
||||
imageAlt: "professional eyelash extension treatment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg",
|
||||
imageAlt: "manicure nail art luxury",
|
||||
title: "Lashes, Brows & Makeup", description: "Precision shaping and stunning finishes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-wearing-eye-patches_23-2149628101.jpg", imageAlt: "professional eyelash extension treatment" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-professional-holding-tweezers_23-2149628034.jpg", imageAlt: "professional eyelash extension treatment" },
|
||||
},
|
||||
{
|
||||
title: "Facials & Skin Therapy",
|
||||
description: "Rejuvenating treatments for lasting radiance.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194173.jpg",
|
||||
imageAlt: "skincare professional facial beauty",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121823.jpg",
|
||||
imageAlt: "skincare professional facial beauty",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg?_wi=1",
|
||||
imageAlt: "manicure nail art luxury",
|
||||
title: "Facials & Skin Therapy", description: "Rejuvenating treatments for lasting radiance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/girl-receiving-facial-treatment-beauty-salon_23-2148194173.jpg", imageAlt: "skincare professional facial beauty" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121823.jpg", imageAlt: "skincare professional facial beauty" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -173,21 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.6★",
|
||||
description: "Average Rating",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Hygienic Standards",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Expert",
|
||||
description: "Dedicated Professionals",
|
||||
},
|
||||
{ id: "m1", value: "4.6★", description: "Average Rating" },
|
||||
{ id: "m2", value: "100%", description: "Hygienic Standards" },
|
||||
{ id: "m3", value: "Expert", description: "Dedicated Professionals" },
|
||||
]}
|
||||
title="Why Clients Choose Us"
|
||||
description="Setting the standard for luxury salon experiences in Kyalami."
|
||||
@@ -201,34 +116,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Luxury Interiors",
|
||||
price: "",
|
||||
variant: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Perfect Manicure",
|
||||
price: "",
|
||||
variant: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Spa Aesthetics",
|
||||
price: "",
|
||||
variant: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-different-nail-polishes_23-2147692256.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Brow Precision",
|
||||
price: "",
|
||||
variant: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-checks-contour-female-model-eyebrows_231208-3530.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Luxury Interiors", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg" },
|
||||
{ id: "g2", name: "Perfect Manicure", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg" },
|
||||
{ id: "g3", name: "Spa Aesthetics", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/set-different-nail-polishes_23-2147692256.jpg" },
|
||||
{ id: "g4", name: "Brow Precision", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/master-checks-contour-female-model-eyebrows_231208-3530.jpg" },
|
||||
]}
|
||||
title="Salon Moments"
|
||||
description="An aesthetic glimpse into our premium treatment space."
|
||||
@@ -242,46 +133,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah D.",
|
||||
role: "Client",
|
||||
company: "Kyalami",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Tebogo M.",
|
||||
role: "Client",
|
||||
company: "Midrand",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-enjoying-home-comforts_1098-17400.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lisa K.",
|
||||
role: "Client",
|
||||
company: "Johannesburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nomsa P.",
|
||||
role: "Client",
|
||||
company: "Kyalami",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-with-creme-face_23-2147817003.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe B.",
|
||||
role: "Client",
|
||||
company: "Midrand",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285899.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah D.", role: "Client", company: "Kyalami", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
|
||||
{ id: "t2", name: "Tebogo M.", role: "Client", company: "Midrand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-enjoying-home-comforts_1098-17400.jpg" },
|
||||
{ id: "t3", name: "Lisa K.", role: "Client", company: "Johannesburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg" },
|
||||
{ id: "t4", name: "Nomsa P.", role: "Client", company: "Kyalami", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-with-creme-face_23-2147817003.jpg" },
|
||||
{ id: "t5", name: "Chloe B.", role: "Client", company: "Midrand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285899.jpg" },
|
||||
]}
|
||||
title="Client Love"
|
||||
description="Our community values luxury and care above all else."
|
||||
@@ -291,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Book Your Sanctuary"
|
||||
description="Located at Local@Kyalami, 1 Kyalami Blvd. Open daily until 5pm. Contact us to secure your spot."
|
||||
tag="Contact Us"
|
||||
@@ -303,38 +157,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://fresha.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/27692107869",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+27692107869",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Book Now", href: "https://fresha.com" }, { label: "WhatsApp", href: "https://wa.me/27692107869" }, { label: "Call Us", href: "tel:+27692107869" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="The Treat Kyalami"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user