Merge version_1 into main #1
326
src/app/page.tsx
326
src/app/page.tsx
@@ -31,126 +31,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Heven Touch"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unveil Your Inner Glow"
|
||||
description="Experience the ultimate in luxury beauty treatments designed to revitalize your look and restore your confidence at Heven Touch."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Emma R.",
|
||||
handle: "@emma_beauty",
|
||||
testimonial: "The best experience I've had at a salon. Truly magical.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-amazed-unexpected-suggestion-pressing-palms-chest-stunned-impressed-smiling-gasping-from-amusement-excitement-standing-white_176420-44624.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophia L.",
|
||||
handle: "@sophia_glow",
|
||||
testimonial: "Everything from the service to the atmosphere is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
handle: "@chloe_style",
|
||||
testimonial: "My skin has never felt better. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mia V.",
|
||||
handle: "@mia_v",
|
||||
testimonial: "Professional, clean, and absolutely stunning results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg",
|
||||
},
|
||||
{
|
||||
name: "Avery S.",
|
||||
handle: "@avery_s",
|
||||
testimonial: "Heven Touch is a sanctuary. I leave feeling like royalty.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Emma R.", handle: "@emma_beauty", testimonial: "The best experience I've had at a salon. Truly magical.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-amazed-unexpected-suggestion-pressing-palms-chest-stunned-impressed-smiling-gasping-from-amusement-excitement-standing-white_176420-44624.jpg" },
|
||||
{ name: "Sophia L.", handle: "@sophia_glow", testimonial: "Everything from the service to the atmosphere is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg" },
|
||||
{ name: "Chloe T.", handle: "@chloe_style", testimonial: "My skin has never felt better. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg" },
|
||||
{ name: "Mia V.", handle: "@mia_v", testimonial: "Professional, clean, and absolutely stunning results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg" },
|
||||
{ name: "Avery S.", handle: "@avery_s", testimonial: "Heven Touch is a sanctuary. I leave feeling like royalty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",
|
||||
alt: "Stylist portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg",
|
||||
alt: "Luxury interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",
|
||||
alt: "Salon reception",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-glad-caucasian-woman-looks-happily-aside_273609-44809.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", alt: "Stylist portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", alt: "Luxury interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", alt: "Salon reception" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-glad-caucasian-woman-looks-happily-aside_273609-44809.jpg", alt: "Satisfied customer" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Stylists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Radiant Results",
|
||||
},
|
||||
{ type: "text", text: "Luxury Experience" },
|
||||
{ type: "text", text: "Premium Products" },
|
||||
{ type: "text", text: "Expert Stylists" },
|
||||
{ type: "text", text: "Bespoke Care" },
|
||||
{ type: "text", text: "Radiant Results" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,8 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted for Perfection"
|
||||
description={[
|
||||
"At Heven Touch, we believe beauty is an art form. Our salon is dedicated to providing bespoke services tailored to enhance your natural beauty with precision and care.",
|
||||
"Our team of expert stylists and estheticians use only the finest products to ensure your experience is nothing short of exceptional.",
|
||||
"At Heven Touch, we believe beauty is an art form. Our salon is dedicated to providing bespoke services tailored to enhance your natural beauty with precision and care.", "Our team of expert stylists and estheticians use only the finest products to ensure your experience is nothing short of exceptional."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,27 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Face",
|
||||
title: "Facial Therapy",
|
||||
subtitle: "Revitalize",
|
||||
description: "Customized facials that rejuvenate and hydrate your complexion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-facial-treatment_23-2148345669.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Nails",
|
||||
title: "Nail Design",
|
||||
subtitle: "Refine",
|
||||
description: "Artistic manicure and pedicure services using premium polishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rose-book-makeup-arrangement-high-angle_23-2149362956.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Hair",
|
||||
title: "Hairstyling",
|
||||
subtitle: "Restyle",
|
||||
description: "Expert cutting, coloring, and styling for a transformative look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-washing-off-dye-sink_23-2147769787.jpg",
|
||||
},
|
||||
{ tag: "Face", title: "Facial Therapy", subtitle: "Revitalize", description: "Customized facials that rejuvenate and hydrate your complexion.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-facial-treatment_23-2148345669.jpg" },
|
||||
{ tag: "Nails", title: "Nail Design", subtitle: "Refine", description: "Artistic manicure and pedicure services using premium polishes.", imageSrc: "http://img.b2bpic.net/free-photo/rose-book-makeup-arrangement-high-angle_23-2149362956.jpg" },
|
||||
{ tag: "Hair", title: "Hairstyling", subtitle: "Restyle", description: "Expert cutting, coloring, and styling for a transformative look.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-washing-off-dye-sink_23-2147769787.jpg" }
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="We offer a curated selection of beauty treatments to pamper your mind, body, and spirit."
|
||||
@@ -204,56 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "$150",
|
||||
period: "/visit",
|
||||
description: "Essential grooming package.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Haircut",
|
||||
"Scalp Massage",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Premium",
|
||||
price: "$350",
|
||||
period: "/visit",
|
||||
description: "Full salon experience.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Deluxe Facial",
|
||||
"Manicure",
|
||||
"Style Session",
|
||||
"Refreshments",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
tag: "VIP",
|
||||
price: "$600",
|
||||
period: "/visit",
|
||||
description: "Ultimate luxury service.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"VIP Consultation",
|
||||
"Full Styling",
|
||||
"Spa Treatment",
|
||||
"Personal Attendant",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Basic", price: "$150", period: "/visit", description: "Essential grooming package.", button: { text: "Select" }, featuresTitle: "Includes:", features: ["Consultation", "Haircut", "Scalp Massage"] },
|
||||
{ id: "premium", tag: "Premium", price: "$350", period: "/visit", description: "Full salon experience.", button: { text: "Select" }, featuresTitle: "Includes:", features: ["Deluxe Facial", "Manicure", "Style Session", "Refreshments"] },
|
||||
{ id: "vip", tag: "VIP", price: "$600", period: "/visit", description: "Ultimate luxury service.", button: { text: "Select" }, featuresTitle: "Includes:", features: ["VIP Consultation", "Full Styling", "Spa Treatment", "Personal Attendant"] }
|
||||
]}
|
||||
title="Premium Packages"
|
||||
description="Transparent pricing for our most popular curated beauty packages."
|
||||
@@ -265,46 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent!",
|
||||
quote: "The team at Heven Touch is incredible. Never going anywhere else.",
|
||||
name: "Emma R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Perfect!",
|
||||
quote: "I love how they focus on my specific skin needs every time.",
|
||||
name: "Sophia L.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "So Relaxing",
|
||||
quote: "Walking into this salon feels like stepping into a private escape.",
|
||||
name: "Chloe T.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Stunning",
|
||||
quote: "They really care about quality, and it shows in my hair.",
|
||||
name: "Mia V.",
|
||||
role: "Client",
|
||||
imageSrc: "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",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Tier",
|
||||
quote: "Elegant setting and professional artists. Truly a luxury feel.",
|
||||
name: "Avery S.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{ id: "1", title: "Excellent!", quote: "The team at Heven Touch is incredible. Never going anywhere else.", name: "Emma R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
|
||||
{ id: "2", title: "Perfect!", quote: "I love how they focus on my specific skin needs every time.", name: "Sophia L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg" },
|
||||
{ id: "3", title: "So Relaxing", quote: "Walking into this salon feels like stepping into a private escape.", name: "Chloe T.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
|
||||
{ id: "4", title: "Stunning", quote: "They really care about quality, and it shows in my hair.", name: "Mia V.", role: "Client", imageSrc: "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" },
|
||||
{ id: "5", title: "Top Tier", quote: "Elegant setting and professional artists. Truly a luxury feel.", name: "Avery S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" }
|
||||
]}
|
||||
title="Stories of Radiance"
|
||||
description="Join our community of satisfied clients who have discovered their true potential at Heven Touch."
|
||||
@@ -318,21 +136,9 @@ export default function LandingPage() {
|
||||
tag="Experts"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-makeup-artist-beauty-saloon_627829-4650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julia Reed",
|
||||
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: "Alice Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-making-facial-treatment-beautiful-woma_158595-4587.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-makeup-artist-beauty-saloon_627829-4650.jpg" },
|
||||
{ id: "t2", name: "Julia Reed", 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: "Alice Chen", imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-making-facial-treatment-beautiful-woma_158595-4587.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -343,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly through our website using the contact form or by calling us.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, all treatments start with a free consultation to tailor your experience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What products do you use?",
|
||||
content: "We only use high-end, cruelty-free professional beauty products.",
|
||||
},
|
||||
{ id: "f1", title: "How do I book an appointment?", content: "You can book directly through our website using the contact form or by calling us." },
|
||||
{ id: "f2", title: "Do you offer consultations?", content: "Yes, all treatments start with a free consultation to tailor your experience." },
|
||||
{ id: "f3", title: "What products do you use?", content: "We only use high-end, cruelty-free professional beauty products." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-ski-resort-used-winter-sports_482257-76560.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -369,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Contact"
|
||||
title="Book Your Visit"
|
||||
description="Secure your appointment with our team today and step into elegance."
|
||||
@@ -383,36 +175,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Heven Touch"
|
||||
/>
|
||||
@@ -420,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user