Merge version_1 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -29,22 +29,10 @@ 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: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Eminence Beauty Studio"
|
||||
/>
|
||||
@@ -52,42 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Eminence Beauty Studio"
|
||||
description="Excellence in brow, lash, and organic skincare treatments in the heart of Middelburg."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Session", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg",
|
||||
imageAlt: "Eminence Beauty Studio Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-body-care-products-blurred-background-with-mirror_169016-28009.jpg",
|
||||
imageAlt: "Eminence Beauty Studio Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863451.jpg",
|
||||
imageAlt: "Eminence Beauty Studio Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-flowers-white-background_23-2148345624.jpg",
|
||||
imageAlt: "Eminence Beauty Studio Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149102654.jpg",
|
||||
imageAlt: "Eminence Beauty Studio Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg",
|
||||
imageAlt: "Eminence Beauty Studio Interior",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg", imageAlt: "Eminence Beauty Studio Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-body-care-products-blurred-background-with-mirror_169016-28009.jpg", imageAlt: "Eminence Beauty Studio Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863451.jpg", imageAlt: "Eminence Beauty Studio Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-flowers-white-background_23-2148345624.jpg", imageAlt: "Eminence Beauty Studio Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149102654.jpg", imageAlt: "Eminence Beauty Studio Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "Eminence Beauty Studio Interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,50 +71,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Brows",
|
||||
price: "R1,900",
|
||||
subtitle: "Microblading",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Mapping",
|
||||
"Lasting Results",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Brows",
|
||||
price: "R550 - R1,000",
|
||||
subtitle: "Brow Touch-ups",
|
||||
features: [
|
||||
"Maintenance",
|
||||
"Refining",
|
||||
"Shape Correction",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Lashes",
|
||||
price: "R350 - R450",
|
||||
subtitle: "Classic Lashes",
|
||||
features: [
|
||||
"Natural Look",
|
||||
"Enhancement",
|
||||
"Professional Application",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
badge: "Lashes",
|
||||
price: "R500 - R550",
|
||||
subtitle: "Hybrid Lashes",
|
||||
features: [
|
||||
"Fuller Volume",
|
||||
"Textured Effect",
|
||||
"High Definition",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Brows", price: "R1,900", subtitle: "Microblading", features: ["Consultation", "Precision Mapping", "Lasting Results"] },
|
||||
{ id: "p2", badge: "Brows", price: "R550 - R1,000", subtitle: "Brow Touch-ups", features: ["Maintenance", "Refining", "Shape Correction"] },
|
||||
{ id: "p3", badge: "Lashes", price: "R350 - R450", subtitle: "Classic Lashes", features: ["Natural Look", "Enhancement", "Professional Application"] },
|
||||
{ id: "p4", badge: "Lashes", price: "R500 - R550", subtitle: "Hybrid Lashes", features: ["Fuller Volume", "Textured Effect", "High Definition"] }
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Specialized techniques for stunning brows and lashes."
|
||||
@@ -160,63 +83,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Client",
|
||||
company: "Middelburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-stylish-lady-with-bright-makeup-smiling_291650-581.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thandi",
|
||||
role: "Client",
|
||||
company: "Middelburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
role: "Client",
|
||||
company: "Middelburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapped-towel-drinking-coffee_1153-4066.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nomsa",
|
||||
role: "Client",
|
||||
company: "Middelburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jo",
|
||||
role: "Client",
|
||||
company: "Middelburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102217.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", role: "Client", company: "Middelburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-stylish-lady-with-bright-makeup-smiling_291650-581.jpg" },
|
||||
{ id: "t2", name: "Thandi", role: "Client", company: "Middelburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg" },
|
||||
{ id: "t3", name: "Elena", role: "Client", company: "Middelburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapped-towel-drinking-coffee_1153-4066.jpg" },
|
||||
{ id: "t4", name: "Nomsa", role: "Client", company: "Middelburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg" },
|
||||
{ id: "t5", name: "Jo", role: "Client", company: "Middelburg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102217.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Client Rating",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "4+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{ value: "5.0", label: "Client Rating" },
|
||||
{ value: "100+", label: "Happy Clients" },
|
||||
{ value: "4+", label: "Years Experience" }
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Hear what our popular studio means to our clients."
|
||||
@@ -228,21 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, booking is essential as the studio is very popular.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your operating hours?",
|
||||
content: "Monday–Friday 08:30–17:30, Saturday 08:00–17:00. Closed Sundays.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer training?",
|
||||
content: "Yes, we occasionally offer masterclasses for brow and lash technicians.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need to book an appointment?", content: "Yes, booking is essential as the studio is very popular." },
|
||||
{ id: "f2", title: "What are your operating hours?", content: "Monday–Friday 08:30–17:30, Saturday 08:00–17:00. Closed Sundays." },
|
||||
{ id: "f3", title: "Do you offer training?", content: "Yes, we occasionally offer masterclasses for brow and lash technicians." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-confectioner-white-wear-posing-with-white-sign-trying-hear-out-pink-wall-confectionery-sweet-pastry-job-work_140725-35314.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -254,9 +122,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Contact Us"
|
||||
description="Located in Shop nr 12, Mascot Centre, 25 Bhimy Damane St, Middelburg. Call us at +27 61 775 4734."
|
||||
@@ -268,45 +134,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-roses-white-cubes_23-2148369317.jpg"
|
||||
logoText="Eminence Beauty Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Mascot Centre, Middelburg",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 08:30-17:30",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: 08:00-17:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Connect", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Location", items: [{ label: "Mascot Centre, Middelburg", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Fri: 08:30-17:30", href: "#" }, { label: "Sat: 08:00-17:00", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user