Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -1,56 +1,34 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Archivo } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const archivo = Archivo({
|
||||
variable: "--font-archivo", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Certified Reiki Healing | Serenity Reiki - Restore Your Energy", description: "Experience transformative reiki healing with a certified master. Release stress, heal pain, and restore balance through authentic Japanese energy work in a peaceful sanctuary.", keywords: "reiki healing, energy healing, certified reiki master, chakra balancing, trauma release, wellness therapy, spiritual healing", metadataBase: new URL("https://sereneity-reiki.com"),
|
||||
openGraph: {
|
||||
title: "Certified Reiki Healing | Serenity Reiki", description: "Transform your energy and restore inner peace with professional reiki healing sessions.", type: "website", siteName: "Serenity Reiki", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/crop-woman-meditating-home_23-2147802469.jpg", alt: "Peaceful reiki healing sanctuary"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Certified Reiki Healing | Serenity Reiki", description: "Experience transformative energy healing and restore your inner peace.", images: ["http://img.b2bpic.net/free-photo/crop-woman-meditating-home_23-2147802469.jpg"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true
|
||||
}
|
||||
};
|
||||
title: "Serenity Reiki - Energy Healing & Wellness", description: "Certified reiki healing sessions to restore balance, release stress, and promote deep wellness."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${archivo.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.variable}>
|
||||
{children}
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"
|
||||
></script>
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"
|
||||
></script>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1418,7 +1396,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
395
src/app/page.tsx
395
src/app/page.tsx
@@ -9,9 +9,193 @@ import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { BookOpen, Heart, Shield, Sparkles, Wifi, Zap } from "lucide-react";
|
||||
import { BookOpen, Heart, Shield, Sparkles, Wifi, Zap, Globe } from "lucide-react";
|
||||
import { useState, useEffect } from "react";
|
||||
|
||||
type Language = "en" | "fr";
|
||||
|
||||
const translations: Record<Language, Record<string, any>> = {
|
||||
en: {
|
||||
brandName: "Serenity Reiki", nav: {
|
||||
about: "About", services: "Services", testimonials: "Testimonials", pricing: "Pricing", contact: "Contact", bookSession: "Book Your Session"
|
||||
},
|
||||
hero: {
|
||||
title: "Restore Balance", description: "Experience certified reiki healing in a peaceful sanctuary. Release stress, pain, and emotional blocks through ancient Japanese energy work.", primaryBtn: "Book Your Session", secondaryBtn: "Learn More"
|
||||
},
|
||||
about: {
|
||||
title: "About Your Healer", description: [
|
||||
"With over 15 years of dedicated practice, I am a certified reiki master trained in traditional Japanese techniques and modern energy healing. My mission is to create a sanctuary where stress dissolves, chronic pain finds relief, and emotional blocks transform into healing pathways.", "I believe in the profound connection between body, mind, and spirit. Each session is personalized to your unique energy needs, combining reiki with intuitive guidance to support your journey toward wholeness and balance.", "My clients consistently report reduced anxiety, improved sleep, relief from chronic pain, and a renewed sense of peace and purpose. I'm honored to walk alongside you on your healing journey."
|
||||
],
|
||||
button: "Certifications & Credentials"
|
||||
},
|
||||
services: {
|
||||
title: "Healing Modalities", description: "Explore the transformative reiki services designed to restore your energy and promote deep wellness.", tag: "Holistic Services", items: [
|
||||
{
|
||||
title: "Traditional Japanese Reiki", description: "Authentic reiki energy work addressing root imbalances and chakra alignment for holistic healing."
|
||||
},
|
||||
{
|
||||
title: "Chakra Balancing", description: "Targeted energy work to harmonize your seven chakras, promoting emotional and physical wellness."
|
||||
},
|
||||
{
|
||||
title: "Crystal Energy Reiki", description: "Enhanced reiki sessions incorporating crystalline vibrations to amplify healing and transformation."
|
||||
},
|
||||
{
|
||||
title: "Trauma Release Work", description: "Specialized sessions for releasing emotional trauma, held patterns, and energetic blocks with compassion."
|
||||
},
|
||||
{
|
||||
title: "Distant Healing Sessions", description: "Receive transformative reiki energy from the comfort of your home through powerful distance healing."
|
||||
},
|
||||
{
|
||||
title: "Integration Coaching", description: "Post-session guidance to integrate healing insights and sustain your wellness journey with practical tools."
|
||||
}
|
||||
]
|
||||
},
|
||||
pricing: {
|
||||
title: "Healing Sessions & Pricing", description: "Choose the perfect reiki session to support your wellness journey. All sessions include personalized consultation and integration guidance.", tag: "Transparent Pricing", plans: [
|
||||
{
|
||||
name: "30-Minute Session", price: "$75", features: [
|
||||
"Introductory reiki session", "Energy assessment", "Chakra clearing", "Ideal for first-time clients"
|
||||
],
|
||||
bookBtn: "Book Now", learnBtn: "Learn More"
|
||||
},
|
||||
{
|
||||
name: "60-Minute Session", price: "$120", badge: "Most Popular", features: [
|
||||
"Full-spectrum reiki healing", "Deep chakra balancing", "Energy cord clearing", "Integration guidance"
|
||||
],
|
||||
bookBtn: "Book Now", learnBtn: "Learn More"
|
||||
},
|
||||
{
|
||||
name: "90-Minute Deep Healing", price: "$180", features: [
|
||||
"Comprehensive energy work", "Trauma release session", "Crystal energy integration", "Extended guidance"
|
||||
],
|
||||
bookBtn: "Book Now", learnBtn: "Learn More"
|
||||
},
|
||||
{
|
||||
name: "Monthly Wellness Package", price: "$300/mo", features: [
|
||||
"4 monthly sessions (60 min each)", "Priority scheduling", "Personalized healing plan", "Monthly integration check-ins"
|
||||
],
|
||||
bookBtn: "Subscribe Now", learnBtn: "Learn More"
|
||||
}
|
||||
]
|
||||
},
|
||||
testimonials: {
|
||||
title: "Healing Stories from Our Community", description: "Discover how reiki has transformed the lives of professionals seeking peace, pain relief, and spiritual reconnection.", tag: "Client Stories", kpiItems: [
|
||||
{ value: "500+", label: "Clients healed" },
|
||||
{ value: "98%", label: "Client satisfaction rate" },
|
||||
{ value: "15+", label: "Years of practice" }
|
||||
]
|
||||
},
|
||||
contact: {
|
||||
title: "Ready to begin your healing journey? Let's restore your energy and bring peace back into your life.", scheduleBtn: "Schedule a Session", messageBtn: "Send a Message"
|
||||
},
|
||||
footer: {
|
||||
logoText: "Serenity Reiki", copyright: "© 2025 Serenity Reiki | Certified Energy Healing", services: "Services", about: "About", connect: "Connect"
|
||||
}
|
||||
},
|
||||
fr: {
|
||||
brandName: "Sérénité Reiki", nav: {
|
||||
about: "À propos", services: "Services", testimonials: "Témoignages", pricing: "Tarification", contact: "Contact", bookSession: "Réserver une session"
|
||||
},
|
||||
hero: {
|
||||
title: "Restaurez l'équilibre", description: "Découvrez les soins du reiki certifié dans un sanctuaire paisible. Libérez-vous du stress, de la douleur et des blocages émotionnels par le travail énergétique japonais ancien.", primaryBtn: "Réserver une session", secondaryBtn: "En savoir plus"
|
||||
},
|
||||
about: {
|
||||
title: "À propos de votre guérisseur", description: [
|
||||
"Avec plus de 15 ans de pratique dédiée, je suis un maître reiki certifié formé aux techniques japonaises traditionnelles et à la guérison énergétique moderne. Ma mission est de créer un sanctuaire où le stress se dissipe, la douleur chronique trouve du soulagement et les blocages émotionnels se transforment en chemins de guérison.", "Je crois à la connexion profonde entre le corps, l'esprit et l'âme. Chaque session est personnalisée selon vos besoins énergétiques uniques, combinant le reiki avec des conseils intuitifs pour soutenir votre voyage vers la totalité et l'équilibre.", "Mes clients signalent régulièrement une anxiété réduite, un meilleur sommeil, un soulagement de la douleur chronique et un sentiment renouvelé de paix et de but. Je suis honoré de vous accompagner dans votre voyage de guérison."
|
||||
],
|
||||
button: "Certifications et accréditations"
|
||||
},
|
||||
services: {
|
||||
title: "Modalités de guérison", description: "Explorez les services de reiki transformateurs conçus pour restaurer votre énergie et promouvoir le bien-être profond.", tag: "Services holistiques", items: [
|
||||
{
|
||||
title: "Reiki japonais traditionnel", description: "Travail énergétique authentique du reiki traitant les déséquilibres profonds et l'alignement des chakras pour une guérison holistique."
|
||||
},
|
||||
{
|
||||
title: "Équilibrage des chakras", description: "Travail énergétique ciblé pour harmoniser vos sept chakras, favorisant le bien-être émotionnel et physique."
|
||||
},
|
||||
{
|
||||
title: "Reiki à l'énergie cristalline", description: "Les sessions de reiki améliorées incorporent les vibrations cristallines pour amplifier la guérison et la transformation."
|
||||
},
|
||||
{
|
||||
title: "Travail de libération du trauma", description: "Sessions spécialisées pour libérer le trauma émotionnel, les schémas figés et les blocages énergétiques avec compassion."
|
||||
},
|
||||
{
|
||||
title: "Sessions de guérison à distance", description: "Recevez l'énergie de reiki transformatrice du confort de votre maison grâce à la puissante guérison à distance."
|
||||
},
|
||||
{
|
||||
title: "Coaching d'intégration", description: "Conseils post-session pour intégrer les intuitions de guérison et maintenir votre voyage de bien-être avec des outils pratiques."
|
||||
}
|
||||
]
|
||||
},
|
||||
pricing: {
|
||||
title: "Sessions de guérison et tarification", description: "Choisissez la session de reiki parfaite pour soutenir votre voyage de bien-être. Toutes les sessions incluent une consultation personnalisée et des conseils d'intégration.", tag: "Tarification transparente", plans: [
|
||||
{
|
||||
name: "Session de 30 minutes", price: "$75", features: [
|
||||
"Session de reiki d'introduction", "Évaluation énergétique", "Nettoyage des chakras", "Idéal pour les nouveaux clients"
|
||||
],
|
||||
bookBtn: "Réserver maintenant", learnBtn: "En savoir plus"
|
||||
},
|
||||
{
|
||||
name: "Session de 60 minutes", price: "$120", badge: "Le plus populaire", features: [
|
||||
"Guérison reiki full-spectrum", "Équilibrage profond des chakras", "Nettoyage des cordons énergétiques", "Conseils d'intégration"
|
||||
],
|
||||
bookBtn: "Réserver maintenant", learnBtn: "En savoir plus"
|
||||
},
|
||||
{
|
||||
name: "Guérison profonde de 90 minutes", price: "$180", features: [
|
||||
"Travail énergétique complet", "Session de libération du trauma", "Intégration de l'énergie cristalline", "Conseils prolongés"
|
||||
],
|
||||
bookBtn: "Réserver maintenant", learnBtn: "En savoir plus"
|
||||
},
|
||||
{
|
||||
name: "Package bien-être mensuel", price: "$300/mois", features: [
|
||||
"4 sessions mensuelles (60 min chacune)", "Planification prioritaire", "Plan de guérison personnalisé", "Vérifications d'intégration mensuelles"
|
||||
],
|
||||
bookBtn: "S'abonner maintenant", learnBtn: "En savoir plus"
|
||||
}
|
||||
]
|
||||
},
|
||||
testimonials: {
|
||||
title: "Histoires de guérison de notre communauté", description: "Découvrez comment le reiki a transformé la vie de professionnels cherchant la paix, le soulagement de la douleur et la reconnexion spirituelle.", tag: "Histoires de clients", kpiItems: [
|
||||
{ value: "500+", label: "Clients guéris" },
|
||||
{ value: "98%", label: "Taux de satisfaction des clients" },
|
||||
{ value: "15+", label: "Années de pratique" }
|
||||
]
|
||||
},
|
||||
contact: {
|
||||
title: "Prêt à commencer votre voyage de guérison? Restaurons votre énergie et ramenons la paix dans votre vie.", scheduleBtn: "Planifier une session", messageBtn: "Envoyer un message"
|
||||
},
|
||||
footer: {
|
||||
logoText: "Sérénité Reiki", copyright: "© 2025 Sérénité Reiki | Guérison énergétique certifiée", services: "Services", about: "À propos", connect: "Connectez-vous"
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export default function LandingPage() {
|
||||
const [language, setLanguage] = useState<Language>("en");
|
||||
const [mounted, setMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
// Auto-detect language from OS/browser settings
|
||||
const browserLanguage = navigator.language.toLowerCase();
|
||||
if (browserLanguage.startsWith("fr")) {
|
||||
setLanguage("fr");
|
||||
} else {
|
||||
setLanguage("en");
|
||||
}
|
||||
}, []);
|
||||
|
||||
const t = translations[language];
|
||||
|
||||
if (!mounted) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const toggleLanguage = () => {
|
||||
setLanguage(language === "en" ? "fr" : "en");
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -26,33 +210,43 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Serenity Reiki"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Book Your Session", href: "#pricing" }}
|
||||
className="bg-background border border-accent/20"
|
||||
buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text transition-all duration-300"
|
||||
buttonTextClassName="font-semibold text-sm"
|
||||
/>
|
||||
<div className="flex items-center justify-between w-full">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName={t.brandName}
|
||||
navItems={[
|
||||
{ name: t.nav.about, id: "about" },
|
||||
{ name: t.nav.services, id: "services" },
|
||||
{ name: t.nav.testimonials, id: "testimonials" },
|
||||
{ name: t.nav.pricing, id: "pricing" },
|
||||
{ name: t.nav.contact, id: "contact" }
|
||||
]}
|
||||
button={{ text: t.nav.bookSession, href: "#pricing" }}
|
||||
className="bg-background border border-accent/20"
|
||||
buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text transition-all duration-300"
|
||||
buttonTextClassName="font-semibold text-sm"
|
||||
/>
|
||||
<button
|
||||
onClick={toggleLanguage}
|
||||
className="fixed top-4 right-4 z-50 flex items-center gap-2 px-4 py-2 rounded-full bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text transition-all duration-300 border border-accent/20"
|
||||
aria-label="Toggle language"
|
||||
>
|
||||
<Globe className="w-4 h-4" />
|
||||
<span className="text-sm font-semibold">{language.toUpperCase()}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Restore Balance"
|
||||
description="Experience certified reiki healing in a peaceful sanctuary. Release stress, pain, and emotional blocks through ancient Japanese energy work."
|
||||
logoText={t.hero.title}
|
||||
description={t.hero.description}
|
||||
buttons={[
|
||||
{ text: "Book Your Session", href: "#pricing" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
{ text: t.hero.primaryBtn, href: "#pricing" },
|
||||
{ text: t.hero.secondaryBtn, href: "#about" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-woman-meditating-home_23-2147802469.jpg"
|
||||
imageAlt="Peaceful reiki healing sanctuary with soft lighting"
|
||||
imageAlt={language === "en" ? "Peaceful reiki healing sanctuary with soft lighting" : "Sanctuaire de guérison reiki paisible avec éclairage doux"}
|
||||
frameStyle="card"
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
@@ -61,11 +255,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About Your Healer"
|
||||
description={[
|
||||
"With over 15 years of dedicated practice, I am a certified reiki master trained in traditional Japanese techniques and modern energy healing. My mission is to create a sanctuary where stress dissolves, chronic pain finds relief, and emotional blocks transform into healing pathways.", "I believe in the profound connection between body, mind, and spirit. Each session is personalized to your unique energy needs, combining reiki with intuitive guidance to support your journey toward wholeness and balance.", "My clients consistently report reduced anxiety, improved sleep, relief from chronic pain, and a renewed sense of peace and purpose. I'm honored to walk alongside you on your healing journey."
|
||||
]}
|
||||
buttons={[{ text: "Certifications & Credentials", href: "#" }]}
|
||||
title={t.about.title}
|
||||
description={t.about.description}
|
||||
buttons={[{ text: t.about.button, href: "#" }]}
|
||||
showBorder={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -73,128 +265,86 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
title="Healing Modalities"
|
||||
description="Explore the transformative reiki services designed to restore your energy and promote deep wellness."
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Japanese Reiki", description: "Authentic reiki energy work addressing root imbalances and chakra alignment for holistic healing.", imageSrc: "http://img.b2bpic.net/free-photo/spiritual-young-man-woman-practicing-yoga-indoors_23-2149163327.jpg", imageAlt: "Practitioner performing traditional reiki energy healing", buttonIcon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Chakra Balancing", description: "Targeted energy work to harmonize your seven chakras, promoting emotional and physical wellness.", imageSrc: "http://img.b2bpic.net/free-photo/spiritual-young-man-woman-practicing-yoga-indoors_23-2149163336.jpg", imageAlt: "Chakra energy alignment visualization", buttonIcon: Heart
|
||||
},
|
||||
{
|
||||
title: "Crystal Energy Reiki", description: "Enhanced reiki sessions incorporating crystalline vibrations to amplify healing and transformation.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-crystals-flowers-assortment_23-2149324181.jpg", imageAlt: "Healing crystals arranged for reiki energy work", buttonIcon: Zap
|
||||
},
|
||||
{
|
||||
title: "Trauma Release Work", description: "Specialized sessions for releasing emotional trauma, held patterns, and energetic blocks with compassion.", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-is-doing-yoga-outdoors-stretching-park-sunrise-brunette-white-t-shirt_1157-39675.jpg", imageAlt: "Peaceful healing environment for trauma release", buttonIcon: Shield
|
||||
},
|
||||
{
|
||||
title: "Distant Healing Sessions", description: "Receive transformative reiki energy from the comfort of your home through powerful distance healing.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-yoga-mat_23-2148898576.jpg", imageAlt: "Remote reiki healing session setup", buttonIcon: Wifi
|
||||
},
|
||||
{
|
||||
title: "Integration Coaching", description: "Post-session guidance to integrate healing insights and sustain your wellness journey with practical tools.", imageSrc: "http://img.b2bpic.net/free-photo/i-always-feel-relieved-after-session-with-you_637285-9953.jpg", imageAlt: "One-on-one healing integration session", buttonIcon: BookOpen
|
||||
}
|
||||
]}
|
||||
title={t.services.title}
|
||||
description={t.services.description}
|
||||
features={t.services.items.map((item: any, index: number) => ({
|
||||
title: item.title,
|
||||
description: item.description,
|
||||
imageSrc: [
|
||||
"http://img.b2bpic.net/free-photo/spiritual-young-man-woman-practicing-yoga-indoors_23-2149163327.jpg", "http://img.b2bpic.net/free-photo/spiritual-young-man-woman-practicing-yoga-indoors_23-2149163336.jpg", "http://img.b2bpic.net/free-photo/colorful-crystals-flowers-assortment_23-2149324181.jpg", "http://img.b2bpic.net/free-photo/senior-couple-is-doing-yoga-outdoors-stretching-park-sunrise-brunette-white-t-shirt_1157-39675.jpg", "http://img.b2bpic.net/free-photo/full-shot-woman-yoga-mat_23-2148898576.jpg", "http://img.b2bpic.net/free-photo/i-always-feel-relieved-after-session-with-you_637285-9953.jpg"
|
||||
][index],
|
||||
imageAlt: item.title,
|
||||
buttonIcon: [Sparkles, Heart, Zap, Shield, Wifi, BookOpen][index]
|
||||
}))
|
||||
}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Holistic Services"
|
||||
tag={t.services.tag}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Healing Sessions & Pricing"
|
||||
description="Choose the perfect reiki session to support your wellness journey. All sessions include personalized consultation and integration guidance."
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "$75", name: "30-Minute Session", buttons: [
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Introductory reiki session", "Energy assessment", "Chakra clearing", "Ideal for first-time clients"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Heart,
|
||||
price: "$120", name: "60-Minute Session", buttons: [
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Full-spectrum reiki healing", "Deep chakra balancing", "Energy cord clearing", "Integration guidance"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", price: "$180", name: "90-Minute Deep Healing", buttons: [
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"Comprehensive energy work", "Trauma release session", "Crystal energy integration", "Extended guidance"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", price: "$300/mo", name: "Monthly Wellness Package", buttons: [
|
||||
{ text: "Subscribe Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" }
|
||||
],
|
||||
features: [
|
||||
"4 monthly sessions (60 min each)", "Priority scheduling", "Personalized healing plan", "Monthly integration check-ins"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title={t.pricing.title}
|
||||
description={t.pricing.description}
|
||||
plans={t.pricing.plans.map((plan: any, idx: number) => ({
|
||||
id: `${idx + 1}`,
|
||||
price: plan.price,
|
||||
name: plan.name,
|
||||
...(plan.badge && { badge: plan.badge, badgeIcon: Heart }),
|
||||
buttons: [
|
||||
{ text: plan.bookBtn, href: "#contact" },
|
||||
{ text: plan.learnBtn, href: "#" }
|
||||
],
|
||||
features: plan.features
|
||||
}))}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
tag="Transparent Pricing"
|
||||
tag={t.pricing.tag}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Healing Stories from Our Community"
|
||||
description="Discover how reiki has transformed the lives of professionals seeking peace, pain relief, and spiritual reconnection."
|
||||
title={t.testimonials.title}
|
||||
description={t.testimonials.description}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", role: "Executive Director", company: "Tech Innovation Lab", rating: 5,
|
||||
id: "1", name: "Sarah Mitchell", role: language === "en" ? "Executive Director" : "Directrice exécutive", company: "Tech Innovation Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Chen", role: "Yoga Instructor", company: "Wellness Center", rating: 5,
|
||||
id: "2", name: "James Chen", role: language === "en" ? "Yoga Instructor" : "Instructeur de yoga", company: "Wellness Center", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Life Coach", company: "Transformation Coaching", rating: 5,
|
||||
id: "3", name: "Emily Rodriguez", role: language === "en" ? "Life Coach" : "Coach de vie", company: "Transformation Coaching", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Michael Thompson", role: "Corporate Wellness Manager", company: "Fortune 500 Company", rating: 5,
|
||||
id: "4", name: "Michael Thompson", role: language === "en" ? "Corporate Wellness Manager" : "Gestionnaire du bien-être corporatif", company: language === "en" ? "Fortune 500 Company" : "Entreprise Fortune 500", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Clients healed" },
|
||||
{ value: "98%", label: "Client satisfaction rate" },
|
||||
{ value: "15+", label: "Years of practice" }
|
||||
]}
|
||||
kpiItems={t.testimonials.kpiItems}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
tag="Client Stories"
|
||||
tag={t.testimonials.tag}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to begin your healing journey? Let's restore your energy and bring peace back into your life."
|
||||
text={t.contact.title}
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{ text: "Schedule a Session", href: "#pricing" },
|
||||
{ text: "Send a Message", href: "#" }
|
||||
{ text: t.contact.scheduleBtn, href: "#pricing" },
|
||||
{ text: t.contact.messageBtn, href: "#" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -203,31 +353,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Serenity Reiki"
|
||||
copyrightText="© 2025 Serenity Reiki | Certified Energy Healing"
|
||||
logoText={t.footer.logoText}
|
||||
copyrightText={t.footer.copyright}
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Traditional Reiki", href: "#services" },
|
||||
{ label: "Chakra Balancing", href: "#services" },
|
||||
{ label: "Crystal Energy Work", href: "#services" },
|
||||
{ label: "Distant Healing", href: "#services" }
|
||||
title: t.footer.services,
|
||||
items: [
|
||||
{ label: language === "en" ? "Traditional Reiki" : "Reiki traditionnel", href: "#services" },
|
||||
{ label: language === "en" ? "Chakra Balancing" : "Équilibrage des chakras", href: "#services" },
|
||||
{ label: language === "en" ? "Crystal Energy Work" : "Travail d'énergie cristalline", href: "#services" },
|
||||
{ label: language === "en" ? "Distant Healing" : "Guérison à distance", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Meet Your Healer", href: "#about" },
|
||||
{ label: "Certifications", href: "#" },
|
||||
{ label: "Healing Philosophy", href: "#" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
title: t.footer.about,
|
||||
items: [
|
||||
{ label: language === "en" ? "Meet Your Healer" : "Rencontrez votre guérisseur", href: "#about" },
|
||||
{ label: language === "en" ? "Certifications" : "Certifications", href: "#" },
|
||||
{ label: language === "en" ? "Healing Philosophy" : "Philosophie de guérison", href: "#" },
|
||||
{ label: language === "en" ? "Testimonials" : "Témoignages", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Book a Session", href: "#pricing" },
|
||||
title: t.footer.connect,
|
||||
items: [
|
||||
{ label: language === "en" ? "Book a Session" : "Réserver une session", href: "#pricing" },
|
||||
{ label: "Email", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
{ label: language === "en" ? "Privacy Policy" : "Politique de confidentialité", href: "#" },
|
||||
{ label: language === "en" ? "Contact" : "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user