Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8e8ccc8f2c | |||
| 3d4b90da8f | |||
| 732d4998e6 | |||
| 34697acbd0 | |||
| 016aa3538e |
281
src/app/page.tsx
281
src/app/page.tsx
@@ -5,13 +5,14 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Facebook, Instagram, Mail, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jéssence"
|
||||
/>
|
||||
@@ -59,64 +50,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elegance at Your Fingertips"
|
||||
description="Experience premium nail care and beauty treatments designed to revitalize your look and soothe your senses in a serene, professional environment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg?_wi=1"
|
||||
imageAlt="Luxurious nail salon ambiance"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-doing-pedicure-salon-beauty-concept_1301-3371.jpg",
|
||||
alt: "Young man doing pedicure",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nails-hand-self-care-lady_140725-65114.jpg",
|
||||
alt: "Nail fixing service",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-successful-woman-enjoying-coffee-office_23-2147670335.jpg",
|
||||
alt: "Stylish woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-cosmetology-room-beauty-lady-girl-manicure-nails-self-care-health-fashion_140725-65110.jpg",
|
||||
alt: "Cosmetology room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg",
|
||||
alt: "Salon ambiance",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Manicures",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Skincare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spa Pedicures",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Relaxing Environment",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Technicians",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -126,9 +69,7 @@ export default function LandingPage() {
|
||||
title="Welcome to Jéssence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,23 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artistic Manicures",
|
||||
description: "From classic gels to intricate nail art, our technicians bring creativity to your fingertips.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg?_wi=1",
|
||||
imageAlt: "Nail art detail",
|
||||
},
|
||||
title: "Artistic Manicures", description: "From classic gels to intricate nail art, our technicians bring creativity to your fingertips.", imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg?_wi=1", imageAlt: "Nail art detail"},
|
||||
{
|
||||
title: "Rejuvenating Pedicures",
|
||||
description: "Indulge in a spa-level experience for your feet that leaves you feeling polished and pampered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soothing-foot-massage-with-oil-minimalist-spa-reflexology-relax_169016-69711.jpg?_wi=1",
|
||||
imageAlt: "Spa pedicure treatment",
|
||||
},
|
||||
title: "Rejuvenating Pedicures", description: "Indulge in a spa-level experience for your feet that leaves you feeling polished and pampered.", imageSrc: "http://img.b2bpic.net/free-photo/soothing-foot-massage-with-oil-minimalist-spa-reflexology-relax_169016-69711.jpg?_wi=1", imageAlt: "Spa pedicure treatment"},
|
||||
{
|
||||
title: "Facial Spa Treatments",
|
||||
description: "Comprehensive skin care services focused on hydration, rejuvenation, and natural beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-facial-treatment-with-professional_23-2152021575.jpg?_wi=1",
|
||||
imageAlt: "Facial treatment service",
|
||||
},
|
||||
title: "Facial Spa Treatments", description: "Comprehensive skin care services focused on hydration, rejuvenation, and natural beauty.", imageSrc: "http://img.b2bpic.net/free-photo/spa-facial-treatment-with-professional_23-2152021575.jpg?_wi=1", imageAlt: "Facial treatment service"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Discover our curated range of professional beauty treatments, delivered with expertise and precision."
|
||||
@@ -170,52 +99,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$45",
|
||||
name: "Classic Manicure",
|
||||
features: [
|
||||
"Nail shaping",
|
||||
"Cuticle work",
|
||||
"Polish application",
|
||||
],
|
||||
id: "p1", price: "$45", name: "Classic Manicure", features: [
|
||||
"Nail shaping", "Cuticle work", "Polish application"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$65",
|
||||
name: "Signature Pedicure",
|
||||
features: [
|
||||
"Foot soak",
|
||||
"Exfoliation",
|
||||
"Massage",
|
||||
"Polish",
|
||||
],
|
||||
id: "p2", price: "$65", name: "Signature Pedicure", features: [
|
||||
"Foot soak", "Exfoliation", "Massage", "Polish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$90",
|
||||
name: "Full Beauty Glow",
|
||||
features: [
|
||||
"Manicure",
|
||||
"Facial treatment",
|
||||
"Specialized care",
|
||||
],
|
||||
id: "p3", price: "$90", name: "Full Beauty Glow", features: [
|
||||
"Manicure", "Facial treatment", "Specialized care"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -232,23 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Ross",
|
||||
role: "Lead Manicurist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Ross", role: "Lead Manicurist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sofia Conti",
|
||||
role: "Nail Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-sitting-front-table-working-with-her-nails-blue_140725-24253.jpg",
|
||||
},
|
||||
id: "t2", name: "Sofia Conti", role: "Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-sitting-front-table-working-with-her-nails-blue_140725-24253.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maya Singh",
|
||||
role: "Spa Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg",
|
||||
},
|
||||
id: "t3", name: "Maya Singh", role: "Spa Specialist", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our dedicated professional team ensures you receive the highest standard of care at Jéssence."
|
||||
@@ -261,60 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice T.",
|
||||
date: "Oct 2023",
|
||||
title: "Best experience",
|
||||
quote: "The manicure was flawless, and the atmosphere so relaxing.",
|
||||
tag: "Satisfied",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230931.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait salon",
|
||||
},
|
||||
id: "1", name: "Alice T.", date: "Oct 2023", title: "Best experience", quote: "The manicure was flawless, and the atmosphere so relaxing.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230931.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop_23-2148877379.jpg?_wi=2", imageAlt: "happy client portrait salon"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
date: "Nov 2023",
|
||||
title: "Highly professional",
|
||||
quote: "I love the nail art options. Elena is amazing!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-talented-manicurist-is-working-her-own-workplace-busy-beauty-salon-she-is-wearing-protective-mask_613910-21433.jpg",
|
||||
imageAlt: "happy client portrait salon",
|
||||
},
|
||||
id: "2", name: "Sarah L.", date: "Nov 2023", title: "Highly professional", quote: "I love the nail art options. Elena is amazing!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg", imageSrc: "http://img.b2bpic.net/free-photo/focused-talented-manicurist-is-working-her-own-workplace-busy-beauty-salon-she-is-wearing-protective-mask_613910-21433.jpg", imageAlt: "happy client portrait salon"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe M.",
|
||||
date: "Dec 2023",
|
||||
title: "So pampered",
|
||||
quote: "The pedicure treatment made all the difference.",
|
||||
tag: "Premium",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait salon",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica W.",
|
||||
date: "Jan 2024",
|
||||
title: "Truly premium",
|
||||
quote: "Such a professional and clean studio environment.",
|
||||
tag: "Happy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/excited-young-brunette-girl-with-wrapped-hair-towel-sitting-table-with-makeup-tools-keeping-fists-up_141793-122739.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soothing-foot-massage-with-oil-minimalist-spa-reflexology-relax_169016-69711.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait salon",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily B.",
|
||||
date: "Feb 2024",
|
||||
title: "Great services",
|
||||
quote: "The facial treatment was so soothing and effective.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-smoking-joint-home_181624-25481.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-facial-treatment-with-professional_23-2152021575.jpg?_wi=2",
|
||||
imageAlt: "happy client portrait salon",
|
||||
},
|
||||
id: "3", name: "Chloe M.", date: "Dec 2023", title: "So pampered", quote: "The pedicure treatment made all the difference.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg?_wi=2", imageAlt: "happy client portrait salon"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our clients trust us with their beauty needs."
|
||||
@@ -327,20 +170,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Yes, we recommend booking at least a few days ahead to ensure your preferred time.",
|
||||
},
|
||||
id: "q1", title: "Do I need to book in advance?", content: "Yes, we recommend booking at least a few days ahead to ensure your preferred time."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your products eco-friendly?",
|
||||
content: "We prioritize organic and non-toxic products for all our services.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "Please notify us 24 hours in advance if you need to reschedule or cancel.",
|
||||
},
|
||||
id: "q2", title: "Are your products eco-friendly?", content: "We prioritize organic and non-toxic products for all our services."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers to help you book your next visit."
|
||||
@@ -352,56 +184,29 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
variant: "plain"}}
|
||||
tag="Bookings"
|
||||
title="Schedule Your Glow"
|
||||
description="Enter your details to get in touch, or book an appointment directly through our contact form."
|
||||
description="Ready for a premium experience? Contact us to book an appointment or inquire about our services."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395754.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="Jéssence"
|
||||
copyrightText="© 2025 Jéssence Luxury Beauty"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Mail, href: "mailto:hello@jessence.com", ariaLabel: "Email" },
|
||||
{ icon: Phone, href: "tel:+15551234567", ariaLabel: "Call us" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f514c;
|
||||
--background: #fbfaf8;
|
||||
--card: #f4f2ef;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c19a6b;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #e8e4e0;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #159c49;
|
||||
--background-accent: #a8e8ba;
|
||||
--accent: #d4b483;
|
||||
--background-accent: #f2eee9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user