Merge version_1 into main #2
353
src/app/page.tsx
353
src/app/page.tsx
@@ -33,26 +33,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
{
|
||||
name: "Faculty",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Programs", id: "programs" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Faculty", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="EPE"
|
||||
/>
|
||||
@@ -63,71 +50,21 @@ export default function LandingPage() {
|
||||
title="Excellence in Aesthetics Education"
|
||||
description="Unlock your potential at Ecole Professionnelle d'Esthetique. We combine traditional techniques with modern industry standards to train the next generation of skincare professionals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marie L.",
|
||||
handle: "@mariel",
|
||||
testimonial: "The best decision for my career. Comprehensive and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe B.",
|
||||
handle: "@chloeb",
|
||||
testimonial: "Hands-on experience was invaluable for my salon success.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-plugging-ears-with-index-fingers-smiling-graduation-gown-cap-looking-happy_176474-82589.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie R.",
|
||||
handle: "@sophier",
|
||||
testimonial: "Fantastic teachers and great industry connections.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-graduation-gown-cap-standing-straight-posing-camera-looking-cute_176474-82532.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elise T.",
|
||||
handle: "@eliset",
|
||||
testimonial: "Truly the gold standard in esthetics education.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-with-motorcycle-helmets_23-2147771903.jpg",
|
||||
},
|
||||
{
|
||||
name: "Camille D.",
|
||||
handle: "@camilled",
|
||||
testimonial: "Practical training prepared me perfectly for my role.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
|
||||
},
|
||||
{ name: "Marie L.", handle: "@mariel", testimonial: "The best decision for my career. Comprehensive and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
|
||||
{ name: "Chloe B.", handle: "@chloeb", testimonial: "Hands-on experience was invaluable for my salon success.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-plugging-ears-with-index-fingers-smiling-graduation-gown-cap-looking-happy_176474-82589.jpg" },
|
||||
{ name: "Sophie R.", handle: "@sophier", testimonial: "Fantastic teachers and great industry connections.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-graduation-gown-cap-standing-straight-posing-camera-looking-cute_176474-82532.jpg" },
|
||||
{ name: "Elise T.", handle: "@eliset", testimonial: "Truly the gold standard in esthetics education.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-with-motorcycle-helmets_23-2147771903.jpg" },
|
||||
{ name: "Camille D.", handle: "@camilled", testimonial: "Practical training prepared me perfectly for my role.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-adviser-showing-products-client_23-2148694626.jpg?_wi=1"
|
||||
buttons={[{ text: "Apply Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-adviser-showing-products-client_23-2148694626.jpg"
|
||||
imageAlt="Professional aesthetic school environment"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-doctor-white-uniform-collecting-her-ponytail_114579-14348.jpg",
|
||||
alt: "Alumni 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg",
|
||||
alt: "Alumni 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18492.jpg",
|
||||
alt: "Alumni 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-young-adorable-pretty-girl-white-neat-shirt-giving-white-lollipop_140725-165499.jpg",
|
||||
alt: "Alumni 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-girl-doctor-uniform_141793-196.jpg",
|
||||
alt: "Alumni 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-doctor-white-uniform-collecting-her-ponytail_114579-14348.jpg", alt: "Alumni 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", alt: "Alumni 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18492.jpg", alt: "Alumni 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-young-adorable-pretty-girl-white-neat-shirt-giving-white-lollipop_140725-165499.jpg", alt: "Alumni 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/funny-girl-doctor-uniform_141793-196.jpg", alt: "Alumni 5" }
|
||||
]}
|
||||
avatarText="Join 1,200+ successful alumni"
|
||||
/>
|
||||
@@ -149,30 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Cutting-edge Technology",
|
||||
tags: [
|
||||
"Modern",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tool-pottery-studio_23-2150164939.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Hands-on Training",
|
||||
tags: [
|
||||
"Practical",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-spending-time-together_23-2148440475.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Expert Industry Insights",
|
||||
tags: [
|
||||
"Professional",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-preparing-food-donation_23-2148613163.jpg",
|
||||
},
|
||||
{ id: "feat-1", title: "Cutting-edge Technology", tags: ["Modern"], imageSrc: "http://img.b2bpic.net/free-photo/view-tool-pottery-studio_23-2150164939.jpg" },
|
||||
{ id: "feat-2", title: "Hands-on Training", tags: ["Practical"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-spending-time-together_23-2148440475.jpg" },
|
||||
{ id: "feat-3", title: "Expert Industry Insights", tags: ["Professional"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-preparing-food-donation_23-2148613163.jpg" }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Our curriculum is designed by industry experts to provide you with a competitive edge in the rapidly evolving beauty landscape."
|
||||
@@ -186,48 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Esthetics Certification",
|
||||
price: "€2,500",
|
||||
variant: "6 Months",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-with-makeup-brushes_23-2147783961.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Advanced Body Therapy",
|
||||
price: "€1,800",
|
||||
variant: "3 Months",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-with-copy-space_23-2148459823.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Skin Analysis Specialist",
|
||||
price: "€1,200",
|
||||
variant: "2 Months",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-20935.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Professional Makeup Artistry",
|
||||
price: "€2,200",
|
||||
variant: "4 Months",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34495.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hair Removal Certification",
|
||||
price: "€950",
|
||||
variant: "1 Month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-white-background_23-2148305523.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sanitation & Safety",
|
||||
price: "€500",
|
||||
variant: "1 Month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-supplies-with-medical-mask-colorful-mask_23-2148587187.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Basic Esthetics Certification", price: "€2,500", variant: "6 Months", imageSrc: "http://img.b2bpic.net/free-photo/bag-with-makeup-brushes_23-2147783961.jpg" },
|
||||
{ id: "p2", name: "Advanced Body Therapy", price: "€1,800", variant: "3 Months", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-with-copy-space_23-2148459823.jpg" },
|
||||
{ id: "p3", name: "Skin Analysis Specialist", price: "€1,200", variant: "2 Months", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-20935.jpg" },
|
||||
{ id: "p4", name: "Professional Makeup Artistry", price: "€2,200", variant: "4 Months", imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34495.jpg" },
|
||||
{ id: "p5", name: "Hair Removal Certification", price: "€950", variant: "1 Month", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-butter-white-background_23-2148305523.jpg" },
|
||||
{ id: "p6", name: "Sanitation & Safety", price: "€500", variant: "1 Month", imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-supplies-with-medical-mask-colorful-mask_23-2148587187.jpg" }
|
||||
]}
|
||||
title="Our Professional Programs"
|
||||
description="Comprehensive certification and training modules to build your successful skincare career."
|
||||
@@ -240,55 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
tag: "Popular",
|
||||
price: "€2,500",
|
||||
period: "Full Course",
|
||||
description: "Includes all materials.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Materials",
|
||||
"Certification",
|
||||
"Career Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pl2",
|
||||
tag: "Intensive",
|
||||
price: "€1,800",
|
||||
period: "Full Course",
|
||||
description: "High-intensity training.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Training Kit",
|
||||
"Placement Help",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pl3",
|
||||
tag: "Intro",
|
||||
price: "€950",
|
||||
period: "Full Course",
|
||||
description: "Start your journey.",
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Course Notes",
|
||||
"Basic Certificate",
|
||||
],
|
||||
},
|
||||
{ id: "pl1", tag: "Popular", price: "€2,500", period: "Full Course", description: "Includes all materials.", button: { text: "Select", href: "#contact" }, featuresTitle: "Included", features: ["Materials", "Certification", "Career Support"] },
|
||||
{ id: "pl2", tag: "Intensive", price: "€1,800", period: "Full Course", description: "High-intensity training.", button: { text: "Select", href: "#contact" }, featuresTitle: "Included", features: ["Training Kit", "Placement Help"] },
|
||||
{ id: "pl3", tag: "Intro", price: "€950", period: "Full Course", description: "Start your journey.", button: { text: "Select", href: "#contact" }, featuresTitle: "Included", features: ["Course Notes", "Basic Certificate"] }
|
||||
]}
|
||||
title="Tuition & Enrollment"
|
||||
description="Flexible payment plans to help you launch your career with confidence."
|
||||
@@ -301,21 +135,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Success Record"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Placement Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2k",
|
||||
description: "Graduates",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{ id: "m1", value: "95%", description: "Placement Rate" },
|
||||
{ id: "m2", value: "1.2k", description: "Graduates" },
|
||||
{ id: "m3", value: "15+", description: "Years Experience" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -328,34 +150,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "tg1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Anne L.",
|
||||
subtitle: "Lead Instructor",
|
||||
detail: "15 years of industry experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-asian-girl-advertising-payment_1262-18277.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Marc D.",
|
||||
subtitle: "Director",
|
||||
detail: "Visionary in aesthetic science.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-doing-her-make-up_329181-7829.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sophie K.",
|
||||
subtitle: "Senior Trainer",
|
||||
detail: "Specialist in dermatological skin care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-adviser-showing-products-client_23-2148694626.jpg?_wi=2",
|
||||
imageAlt: "professional beauty instructor portrait",
|
||||
},
|
||||
id: "tg1", groupTitle: "Leadership", members: [
|
||||
{ id: "m1", title: "Anne L.", subtitle: "Lead Instructor", detail: "15 years of industry experience.", imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-asian-girl-advertising-payment_1262-18277.jpg" },
|
||||
{ id: "m2", title: "Marc D.", subtitle: "Director", detail: "Visionary in aesthetic science.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-doing-her-make-up_329181-7829.jpg" },
|
||||
{ id: "m3", title: "Sophie K.", subtitle: "Senior Trainer", detail: "Specialist in dermatological skin care.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Expert Faculty"
|
||||
description="Learn from the industry's most dedicated professional educators."
|
||||
@@ -369,26 +169,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Elise T., Alumni"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hair-dresser-posing-with-scissors_23-2148108780.jpg",
|
||||
alt: "Alumni 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-sign-language-converse-with-someone-outdoors_23-2148681029.jpg",
|
||||
alt: "Alumni 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-showing-peace-gesture-graduation-gown-cap-looking-cute_176474-82484.jpg",
|
||||
alt: "Alumni 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-looking-camera-graduate-uniform-looking-cheerful_176474-82429.jpg",
|
||||
alt: "Alumni 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-standing-straight-posing-camera-graduation-gown-cap-looking-cute_176474-82509.jpg",
|
||||
alt: "Alumni 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hair-dresser-posing-with-scissors_23-2148108780.jpg", alt: "Alumni 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-using-sign-language-converse-with-someone-outdoors_23-2148681029.jpg", alt: "Alumni 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-girl-showing-peace-gesture-graduation-gown-cap-looking-cute_176474-82484.jpg", alt: "Alumni 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-looking-camera-graduate-uniform-looking-cheerful_176474-82429.jpg", alt: "Alumni 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-girl-standing-straight-posing-camera-graduation-gown-cap-looking-cute_176474-82509.jpg", alt: "Alumni 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -400,21 +185,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is prior experience required?",
|
||||
content: "No, we welcome students of all levels.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there payment plans?",
|
||||
content: "Yes, we offer multiple monthly payment structures.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What accreditation do I receive?",
|
||||
content: "You receive our nationally recognized certificate.",
|
||||
},
|
||||
{ id: "f1", title: "Is prior experience required?", content: "No, we welcome students of all levels." },
|
||||
{ id: "f2", title: "Are there payment plans?", content: "Yes, we offer multiple monthly payment structures." },
|
||||
{ id: "f3", title: "What accreditation do I receive?", content: "You receive our nationally recognized certificate." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our admission process."
|
||||
@@ -428,24 +201,10 @@ export default function LandingPage() {
|
||||
title="Start Your Career"
|
||||
description="Fill out the form below to book a school tour or receive more information."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-while-beautician-wrapping-towel-woman-s-head-spa_23-2147939880.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -453,14 +212,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="EPE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user